:root{color-scheme:light;--bg:#f5f5f2;--card:#fff;--text:#20262c;--muted:#606b74;--line:#dfe2e0;--input:#fafbf9;--red:#ba1b2b;--shade:#f0f2ee}*{box-sizing:border-box}body{margin:0;font:14px/1.6 Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}body.admin-dark{color-scheme:dark;--bg:#101419;--card:#1c232a;--text:#f4f5f7;--muted:#b3bdc7;--line:#414a54;--input:#141a20;--shade:#262f37}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #278abc;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#171c21;color:#fff;padding:35px 25px}.brand{text-decoration:none;color:#fff;font-size:31px;font-weight:900;letter-spacing:2px}.brand span{color:#ed3446}.brand-caption{font-size:10px;letter-spacing:3px;color:#a7b0b8;margin:0 0 50px}.nav-active{padding:13px;background:#303139;border-left:3px solid #ea3344;margin:0 -10px;border-radius:4px;font-weight:650}.nav-active span{float:right;color:#b8bdc2}.store{margin-top:50px;font-weight:650}.store small{padding-left:18px;color:#9faab4;font-weight:400}.dot{display:inline-block;width:7px;height:7px;background:#69caa3;border-radius:50%;margin-right:10px}.side-note{position:absolute;bottom:30px;font-size:21px;line-height:1.5;color:#a6afb7}main{max-width:1750px;padding:36px 38px 80px;margin-left:220px}header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--red)}h1{font-size:clamp(25px,3vw,38px);letter-spacing:-1.3px;line-height:1.15;margin:12px 0}p{color:var(--muted);margin:8px 0 15px}h2{font-size:18px;line-height:1.35;margin:0}header p{margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:20px 0 25px;gap:12px}.pill{display:inline-block;border-radius:20px;background:var(--shade);padding:5px 12px;font-size:12px;font-weight:750}.pill.active{background:#ddf3e8;color:#176442}.small{font-size:12px;color:var(--muted)}#revision{margin-left:12px}.layout{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(330px,.9fr);gap:28px;align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:25px;margin-bottom:18px}.section-head{display:flex;gap:12px;margin-bottom:20px}.section-head p{font-size:12px;margin:5px 0 0}.step{display:flex;align-items:center;justify-content:center;background:var(--shade);border-radius:9px;font-weight:750;font-size:11px;width:34px;height:34px;flex-shrink:0}label{display:block;font-weight:650;font-size:12px;margin:15px 0}label small{font-weight:400;display:block;color:var(--muted);margin-top:4px}input:not([type=checkbox]):not([type=range]):not([type=file]),textarea,select{display:block;width:100%;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px 11px;margin-top:6px}textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:450;font-size:12px}.check input{margin:4px 0;accent-color:var(--red);flex-shrink:0}.notice{border:1px solid #bf9b55;border-radius:9px;background:#fff5d9;color:#6f5016;padding:13px 16px;font-size:12px;margin-bottom:20px}.notice.subtle{border-color:var(--line);background:var(--shade);color:var(--muted)}.background-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{margin:15px 0 0;padding:12px;border:1px solid var(--line);border-radius:10px;min-width:0}legend{font-weight:750;padding:0 5px;font-size:12px}input[type=range]{width:100%;accent-color:var(--red);margin-top:10px}output{float:right;color:var(--muted)}.upload{background:var(--shade);border:1px dashed var(--line);padding:12px;border-radius:7px}input[type=file]{width:100%;font-size:11px;display:block;margin-top:8px}.actions{display:flex;gap:10px;margin:20px 0 8px}.primary,.secondary{border-radius:7px;padding:10px 15px;font-size:12px;font-weight:750}.primary{border:1px solid var(--red);background:var(--red);color:white}.secondary{border:1px solid var(--line);background:var(--card);color:var(--text)}.text-button{border:0;background:transparent;font-size:12px;color:var(--text);text-decoration:underline;text-underline-offset:4px;padding:5px 0}.danger{color:#c41b30}#message{min-height:24px;color:var(--text);font-size:13px;font-weight:600}.preview-column{position:sticky;top:24px;min-width:0}.preview-top{display:flex;gap:15px;align-items:center;justify-content:space-between}.preview-top h2{margin-top:6px}.segmented{display:flex;background:var(--shade);padding:4px;border-radius:8px;flex-shrink:0}.segmented button{background:transparent;color:var(--muted);border:0;border-radius:5px;padding:7px 9px;font-size:11px}.segmented button[aria-pressed=true]{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0002}iframe{display:block;width:100%;height:730px;border:1px solid var(--line);border-radius:18px;background:#101419}.preview-column>p{margin:13px 0}[hidden]{display:none!important}@media(min-width:1600px){.card{padding:30px}}@media(max-width:1250px){.sidebar{width:175px;padding:30px 18px}main{margin-left:175px;padding:28px 22px}.layout{gap:20px}.background-grid{grid-template-columns:1fr}.preview-top{display:block}.segmented{margin-top:15px;width:max-content}.card{padding:20px}}@media(max-width:980px){.sidebar{position:static;width:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px}.brand-caption,.nav-active,.store,.side-note{display:none}main{margin:0;padding:24px 16px}.layout{grid-template-columns:1fr}.preview-column{position:static;grid-row:1}iframe{height:700px}.preview-top{display:flex}.segmented{margin:0}header{flex-wrap:wrap}h1{font-size:29px}.fields{grid-template-columns:1fr 1fr}.background-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.fields,.background-grid{grid-template-columns:1fr}.actions{flex-direction:column}.preview-top{display:block}.segmented{margin-top:12px}iframe{height:780px}.card{padding:18px}}
.login-body{background:radial-gradient(ellipse at 12% 12%,#dfe4db,transparent 60%),#f5f5f2;min-height:100vh;display:grid;place-items:center}.login-main{margin:0;padding:35px 20px;max-width:500px;width:100%}.login-brand{font-size:32px;letter-spacing:2px;font-weight:900;text-align:center;margin-bottom:26px}.login-brand span{color:#ba1b2b}.login-brand small{display:block;font-size:9px;letter-spacing:4px;color:#69747c;font-weight:700}.login-card{padding:32px}.login-card h1{font-size:30px;letter-spacing:-1px}.login-card .primary{width:100%;margin:16px 0 0;padding:13px}.login-card p{font-size:13px}.login-card .small{font-size:11px;border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.login-footer{text-align:center;font-size:11px}.login-body #login-message{min-height:24px;color:#a41224}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media(prefers-color-scheme:dark){.login-body{color-scheme:dark;--bg:#101419;--card:#1c232a;--text:#f4f5f7;--muted:#b3bdc7;--line:#414a54;--input:#141a20;--shade:#262f37;background:radial-gradient(ellipse at 12% 12%,#2d2530,transparent 60%),#101419}.login-brand small{color:#b3bdc7}.login-body #login-message{color:#ff9ba5}}
