:root{color-scheme:dark;--bg:#111115;--panel:#1b1b21;--line:#33333e;--text:#f2eff4;--muted:#b0acbb;--accent:#a73e59}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #45434f;background:#27262f;color:var(--text);border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer;min-height:44px}button:hover,.button:hover{background:#38333f;text-decoration:none}.primary{background:var(--accent);border-color:var(--accent)}.primary:hover{background:#bc4b68}.subtle{background:transparent}.danger{color:#ffb1be}.top{display:flex;gap:24px;align-items:center;padding:20px 5%;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:2px;font-size:20px}.brand span{color:#db8b9e}.tagline,.muted,small{color:var(--muted)}.account{margin-left:auto;display:flex;gap:20px;align-items:center}main{max-width:1400px;padding:32px 5% 64px;margin:auto}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-1px;margin:8px 0 18px;line-height:1.15}h2{font-size:22px;margin:0 0 18px}h3{margin-top:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:#d892a4}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row select{flex:1}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.page-card,.editor-panel,.empty{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:24px}.page-card h2{margin:18px 0 8px}.badge{font-size:11px;padding:4px 9px;border-radius:5px;background:#3d3540}.badge.live{background:#243e35;color:#bbdfc6}.welcome{max-width:650px;margin:10vh auto}.welcome h1{font-size:clamp(32px,5vw,58px)}.welcome p{margin:24px 0}.empty{text-align:center;padding:64px 20px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:32px;align-items:start}.tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.tabs button{font-size:13px;padding:8px 12px;background:none;border-color:transparent}.tabs [aria-pressed=true]{background:#3c2933;color:#ffd7e1}label{display:block;margin:16px 0;color:#d6d2dc;font-size:13px}input:not([type=checkbox]),textarea,select{width:100%;display:block;margin-top:7px;background:#111116;border:1px solid #44414e;border-radius:7px;color:var(--text);padding:11px 12px;font:15px/1.4 inherit;min-height:44px}input[type=color]{padding:5px;height:44px}input[type=range]{padding:0;accent-color:#bc536d}textarea{resize:vertical;font-family:inherit}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check{display:flex;gap:10px;align-items:center}.check input{width:18px;height:18px;accent-color:var(--accent)}output{font-size:12px;color:var(--muted)}small{display:block;margin-top:5px;overflow-wrap:anywhere}.preview-column{position:sticky;top:24px}.preview-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;margin-bottom:12px;color:var(--muted)}iframe{width:100%;height:780px;border:1px solid #46414e;border-radius:16px;background:#09090b}.link-item{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:10px}.link-head{display:flex;align-items:center;gap:9px}.link-head strong{flex:1}.link-head button{padding:5px 10px;min-width:38px}.link-head img{width:25px;height:25px;filter:brightness(0) invert(1)}.error{padding:14px;background:#4b202b;color:#ffccd7;border-radius:6px;white-space:pre-wrap}.danger-zone{margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.back{font-size:12px;color:var(--muted)}[hidden]{display:none!important}#save-status{font-size:12px;color:var(--muted)}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid #e9a4b8;outline-offset:3px}@media(max-width:1000px){.editor-layout{grid-template-columns:minmax(0,1fr) 340px;gap:20px}}@media(max-width:760px){.tagline{display:none}.top{padding:16px}.account span{display:none}main{padding:24px 16px}.heading{align-items:flex-start;flex-wrap:wrap}.editor-layout{display:block}.preview-column{position:static;margin-top:30px;max-width:420px;margin-inline:auto}.editor-panel{padding:18px}.fields{gap:0 12px}input,select,textarea{font-size:16px}}