:root{color-scheme:light;--bg:#f4f1eb;--surface:#fffdf8;--text:#29231e;--muted:#71675b;--border:#ded8ce;--accent:#755628;--button:#31291f;--button-text:#fff7e7;--tint:#ece5d8;--error:#a32d2d;--font-body:'Switzer',sans-serif;--font-display:'Zodiak',serif;--xs:.75rem;--sm:.875rem;--base:1rem;--lg:1.25rem;--xl:clamp(1.5rem,2.3vw,2.1rem);--space:1rem}
:root[data-theme=dark]{color-scheme:dark;--bg:#171310;--surface:#211b16;--text:#f0e8dc;--muted:#b7aa98;--border:#44392e;--accent:#d2af77;--button:#d2af77;--button-text:#20180f;--tint:#30271e;--error:#ffa394}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:var(--base)/1.55 var(--font-body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;min-height:44px;border:1px solid var(--border);padding:.65rem 1rem;border-radius:5px;color:var(--text);background:var(--surface);transition:background .2s}button:hover{background:var(--tint)}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--button);border-color:var(--button);color:var(--button-text)}.primary:hover{opacity:.85;background:var(--button)}[hidden]{display:none!important}.eyebrow{font-size:var(--xs);text-transform:uppercase;letter-spacing:.19em;color:var(--accent)}.small{font-size:var(--sm);color:var(--muted)}.skip{position:fixed;z-index:20;top:-100px;background:var(--surface);padding:1rem}.skip:focus{top:0}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#1b1511;color:#eee4d4;padding:2.25rem 1.5rem;display:flex;flex-direction:column;border-right:1px solid #3c3024}.brand{font:1.2rem var(--font-display);letter-spacing:.21em;display:flex;align-items:center;gap:.75rem}.brand svg{width:34px;height:34px;color:#c9a46a}.sidebar>.eyebrow{color:#ba9c70;margin:1rem 0 3rem;font-size:var(--xs)}.sidebar nav{display:grid;gap:.5rem}.sidebar nav button{display:flex;gap:.8rem;align-items:center;color:#c6b8a5;background:transparent;border-color:transparent;text-align:left;font-size:var(--sm);padding:.85rem .7rem}.sidebar nav button span{font-size:var(--xs);color:#aa916c}.sidebar nav button[aria-current=page]{background:#382b20;color:#fff3de;border-color:#514030}.sidebar nav button:hover{background:#30251d}.sidebar-bottom{margin-top:auto;padding-top:2rem;display:grid;gap:.5rem;font-size:var(--sm);color:#c6b8a5}.sidebar-bottom p{font-family:var(--font-display);font-style:italic;margin:0 0 1rem}.sidebar-bottom a{padding:.6rem 0}.sidebar-bottom button{text-align:left;background:transparent;border:0;color:#c6b8a5;padding:.5rem 0}.workspace{margin-left:252px}.topbar{height:76px;border-bottom:1px solid var(--border);padding:0 3rem;display:flex;justify-content:space-between;align-items:center;font-size:var(--sm);color:var(--muted)}.topbar>div{display:flex;align-items:center;gap:.6rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.location{font-size:var(--xs);letter-spacing:.1em}.notice{margin:1.5rem 3rem 0;padding:1rem 1.25rem;background:var(--tint);border:1px solid var(--border);border-radius:5px;font-size:var(--sm)}
main{padding:2.75rem 3rem;max-width:1250px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.page-heading h1,.login h1{font:300 var(--xl)/1.3 var(--font-display);margin:.7rem 0}.page-heading p{margin:.5rem 0;color:var(--muted)}.page-heading .eyebrow{color:var(--accent)}.pill{white-space:nowrap;border:1px solid var(--border);border-radius:30px;padding:.35rem .75rem;font-size:var(--xs);color:var(--muted)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 1.5rem;border-top:1px solid var(--border);padding-top:1.5rem}.editor-toolbar>div{display:flex;gap:.75rem}.editor-toolbar p{font-size:var(--sm);color:var(--muted);margin:0}.panel{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:1.5rem;margin-bottom:1.25rem}.panel h2{font-size:var(--lg);font-weight:500;margin:0 0 .5rem}.panel>p{margin:.5rem 0 1.25rem;color:var(--muted);font-size:var(--sm)}.panel label{display:flex;flex-direction:column;gap:.4rem;font-size:var(--sm);color:var(--muted)}input,textarea,select{width:100%;min-width:0;border:1px solid var(--border);border-radius:4px;background:var(--bg);padding:.75rem;color:var(--text);font-size:var(--base)}textarea{min-height:88px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.grid+.grid{margin-top:1.25rem}.full{grid-column:1/-1}.row{display:flex;gap:.6rem;align-items:center}.row.wrap{flex-wrap:wrap}.card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card-head h2{margin:0}.card-head .small{margin:0}.item{padding:0}.item summary{list-style:none;display:flex;gap:1rem;align-items:center;padding:1.1rem 1.25rem;cursor:pointer}.item summary::-webkit-details-marker{display:none}.item summary::after{content:'+';font-size:var(--lg);color:var(--accent)}.item[open] summary::after{content:'−'}.item summary img{width:54px;height:60px;object-fit:cover;border-radius:3px}.item summary .item-label{flex:1;min-width:0}.item summary strong{display:block;font-weight:500;overflow-wrap:anywhere}.item summary .small{display:block;margin-top:.25rem}.item summary .price{font-variant-numeric:tabular-nums;white-space:nowrap}.item-body{border-top:1px solid var(--border);padding:1.25rem}.item-actions{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.25rem}.item-actions .toggle{display:flex;flex-direction:row;align-items:center;gap:.6rem;color:var(--text)}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}.danger{color:var(--error)}.empty{padding:2rem;text-align:center;border:1px dashed var(--border);color:var(--muted)}.feedback{padding:1rem;border:1px solid var(--border);border-radius:4px;background:var(--tint);font-size:var(--sm)}.feedback.error{color:var(--error)}.feedback:empty{display:none}.editor-footer{border-top:1px solid var(--border);padding-top:1.5rem;margin-top:2rem;display:flex;justify-content:space-between;gap:1rem;font-size:var(--xs);color:var(--muted)}.login{max-width:530px;margin:4rem auto;padding:2.5rem}.login form{display:grid;gap:1rem;margin-top:1.5rem}.login .primary{width:100%}.login .small{margin-top:1.5rem}dialog{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:2rem;width:min(520px,90vw)}dialog::backdrop{background:rgba(15,10,7,.7)}dialog h2{font-size:var(--lg);font-weight:500}dialog p{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.preview-dialog{padding:0;width:95vw;max-width:none;height:93vh;max-height:none}.preview-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;font-size:var(--sm)}.preview-dialog iframe{border:0;width:100%;height:calc(100% - 70px);display:block;background:#110c0a}.backup-actions{display:flex;gap:1rem;flex-wrap:wrap}.steps{padding-left:1.25rem;color:var(--muted);font-size:var(--sm)}.steps li{padding:.5rem 0}code{font-size:var(--sm);overflow-wrap:anywhere}
@media(max-width:1050px){.sidebar{width:220px;padding:2rem 1rem}.workspace{margin-left:220px}main{padding:2rem}.topbar{padding-inline:2rem}.notice{margin-inline:2rem}.location{display:none}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:1.25rem}.sidebar>.eyebrow{margin:.75rem 0 1rem}.sidebar nav{display:flex;overflow:auto;gap:.5rem;padding-bottom:.5rem}.sidebar nav button{white-space:nowrap}.sidebar-bottom{padding-top:.75rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.sidebar-bottom p{display:none}.workspace{margin:0}.topbar{height:54px;padding:0 1.25rem}main{padding:1.75rem 1.25rem}.notice{margin:1rem 1.25rem 0}.page-heading{align-items:flex-start}.page-heading .pill{display:none}.editor-toolbar{flex-direction:column;align-items:stretch}.editor-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.editor-toolbar button{padding:.7rem .5rem;font-size:var(--sm)}.grid{grid-template-columns:1fr}.full{grid-column:auto}.panel{padding:1.25rem}.item{padding:0}.item summary{padding:1rem;gap:.75rem}.item summary img{width:42px;height:52px}.item-body{padding:1rem}.item-actions{gap:1.25rem}.item-actions button{font-size:var(--sm)}.login{margin:1.5rem 1.25rem}.editor-footer{flex-direction:column}.preview-bar{font-size:var(--xs)}.preview-bar button{font-size:var(--sm)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.media-card{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:1.5rem;align-items:start}
.media-card>img,.media-card>video{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--tint);border-radius:4px}
.media-card .grid{margin:1rem 0}.media-card h2{margin:0}.media-card p{font-size:var(--sm);color:var(--muted)}
.media-tools{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.media-tools button{font-size:var(--sm)}
.media-enable{display:flex!important;flex-direction:row!important;align-items:center;margin:1rem 0}
.library-dialog{width:min(900px,94vw)}#library-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.library-item{padding:.5rem;text-align:left;min-width:0}.library-item img,.library-item video{width:100%;height:130px;object-fit:cover;background:var(--tint)}.library-item span{display:block;font-size:var(--xs);overflow-wrap:anywhere;margin:.5rem}
@media(max-width:1050px){.media-card{grid-template-columns:1fr}.media-card>img,.media-card>video{aspect-ratio:16/9;max-height:320px}}
@media(max-width:600px){#library-items{grid-template-columns:repeat(2,minmax(0,1fr))}.media-tools button{flex:1}.library-dialog{padding:1rem}}