:root{--red:#bf0f00;--red-dark:#8f0b00;--ink:#1d1d1f;--muted:#6b6b70;--line:#dcdce0;--bg:#f4f4f6;--panel:#fff;--ok:#1f7a3a;--warn:#a15c00;--warn-bg:#fff4e0;--err:#b3261e;--err-bg:#fdecea;--info-bg:#eef3fb;--radius:8px;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}h1{margin:0 0 16px;font-size:20px}h2{margin:0 0 12px;font-size:16px}h3{margin:0 0 8px;font-size:14px}a{color:var(--red)}p{margin:0 0 8px}button,.button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex}button:hover:not(:disabled){border-color:#a9a9b0}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.button.primary{background:var(--red);border-color:var(--red);color:#fff}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--red-dark)}a.button{text-decoration:none}button.danger{color:var(--err)}button.small{padding:2px 8px;font-size:12px}button.icon{justify-content:center;min-width:26px;padding:2px 6px}input,select,textarea{font:inherit;border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:6px 8px}input[type=checkbox],input[type=radio]{width:auto}label{color:var(--muted);margin:10px 0 4px;font-size:12px;font-weight:600;display:block}label.inline{color:var(--ink);align-items:center;gap:6px;margin:4px 12px 4px 0;font-size:13px;font-weight:400;display:inline-flex}.hint{color:var(--muted);margin-top:4px;font-size:12px}.app{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.nav{color:#eee;background:#18181b;flex-direction:column;padding:16px 0;display:flex}.nav .brand{padding:0 16px 16px;font-size:15px;font-weight:700}.nav .brand span{color:#ff5a4a}.nav a{color:#d4d4d8;padding:8px 16px;text-decoration:none;display:block}.nav a.active,.nav a:hover{color:#fff;background:#27272a}.nav .user{color:#a1a1aa;margin-top:auto;padding:16px;font-size:12px}.nav .user button{color:#eee;background:0 0;border-color:#3f3f46;justify-content:center;width:100%;margin-top:8px}.main{min-width:0;padding:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.muted{color:var(--muted)}.badge{color:var(--ink);white-space:nowrap;background:#ececf0;border-radius:10px;padding:1px 6px;font-size:11px;display:inline-block}.badge.live{color:var(--ok);background:#e3f4e8;font-weight:600}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.err{background:var(--err-bg);color:var(--err)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}th{color:var(--muted);font-size:12px;font-weight:600}.alert{border-radius:6px;margin:8px 0;padding:8px 12px}.alert.error{background:var(--err-bg);color:var(--err)}.alert.warning{background:var(--warn-bg);color:var(--warn)}.alert.info{background:var(--info-bg)}.alert.success{color:var(--ok);background:#e3f4e8}.login{max-width:360px;margin:12vh auto}.modal-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:flex-start;padding:8vh 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{border-radius:var(--radius);background:#fff;width:min(640px,100%);padding:20px;box-shadow:0 10px 40px #0003}.modal.wide{width:min(980px,100%)}.modal .actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.editor{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.editor-bar{z-index:10;background:var(--bg);padding:8px 0 12px;position:sticky;top:0}.section-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:12px}.section-card.selected{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.section-head{border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:#fafafa;align-items:center;gap:8px;padding:8px 10px;display:flex}.section-head .title{font-weight:600}.handle{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none;touch-action:none;padding:0 4px;font-size:16px}.areas{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;padding:10px;display:grid}.area{background:#f7f7f9;border:1px dashed #c8c8ce;border-radius:6px;flex-direction:column;gap:6px;min-height:64px;padding:6px;display:flex}.area.over{border-color:var(--red);background:#fff5f4}.area-label{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.block-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;align-items:flex-start;gap:6px;padding:6px 8px;display:flex}.block-card.selected{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.block-card.dragging{opacity:.4}.block-card .body{flex:1;min-width:0}.block-card .name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.block-card .meta{color:var(--muted);font-size:11px}.block-card.ad{background:#fbfbe9}.block-card.widget{background:#f2f0fb}.inspector{max-height:calc(100vh - 80px);position:sticky;top:64px;overflow:auto}.list-edit{border:1px solid var(--line);border-radius:6px}.list-edit .item{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:6px;font-size:13px;display:flex}.list-edit .item:last-child{border-bottom:0}.list-edit .item .text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.list-edit .empty{color:var(--muted);padding:8px;font-size:12px}.article-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:8px;display:flex}.article-row img,.article-row .noimg{object-fit:cover;background:#e5e5ea;border-radius:4px;flex:none;width:96px;height:54px}.article-row .body{flex:1;min-width:0}.article-row .title{font-weight:600}.article-row .excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.terms-box{border:1px solid var(--line);border-radius:6px;max-height:220px;padding:4px 8px;overflow:auto}.preview-device{border:1px solid var(--line);background:#fff;border-radius:8px;margin:0 auto;padding:12px}.preview-device.desktop{max-width:1200px}.preview-device.mobile,.preview-device.apps{max-width:400px}.pv-section{margin-bottom:16px}.pv-section>h3{border-bottom:3px solid var(--red);text-transform:uppercase;padding-bottom:4px}.pv-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.pv-block{border:1px solid #ececf0;border-radius:6px;margin-bottom:8px;padding:8px}.pv-block .pv-type{color:var(--muted);font-size:11px}.pv-item{gap:8px;margin:6px 0;font-size:13px;display:flex}.pv-item img{object-fit:cover;border-radius:3px;flex:none;width:72px;height:40px}.pv-hero img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:100%;height:auto}.pv-hero .t{margin-top:6px;font-size:18px;font-weight:700}.pv-ad{text-align:center;color:var(--muted);background:repeating-linear-gradient(45deg,#fafae6,#fafae6 8px,#f2f2d8 8px 16px);border-radius:4px;padding:12px;font-size:12px}.issues li{margin:4px 0}.issues .error{color:var(--err)}.issues .warning{color:var(--warn)}@media (width<=1100px){.editor{grid-template-columns:1fr}.inspector{max-height:none;position:static}}@media (width<=760px){.app{grid-template-columns:1fr}.nav{flex-flow:wrap;padding:8px}.nav .user{margin:0;padding:8px}.grid-2{grid-template-columns:1fr}}.block-card .block-actions{display:none}.block-card:hover .block-actions,.block-card:focus-within .block-actions,.block-card.selected .block-actions{display:flex}.block-card.selected{flex-wrap:wrap}.nav{height:100vh;position:sticky;top:0}@media (width<=760px){.nav{height:auto;position:static}}