:root{--bg: #0e1117;--panel: #161b24;--line: #2a3140;--text: #e6e9ef;--muted: #8b93a5;--accent: #4f8ef7}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font:13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column}#topbar{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;background:var(--panel);border-bottom:1px solid var(--line)}#topbar b{font-size:15px}#topbar .spacer{flex:1}#topbar a{color:var(--muted);text-decoration:none}#topbar a:hover{color:var(--text)}#save-state{color:var(--muted);font-size:12px}#layout{flex:1;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;min-height:0;position:relative}#layout>#rail-strip{grid-column:1;grid-row:1}#layout>#structure-pane{grid-column:2;grid-row:1}#layout>#preview-pane{grid-column:3;grid-row:1}#layout>#inspector-strip{grid-column:4;grid-row:1}#layout>#inspector-pane{grid-column:5;grid-row:1}body.mobile #layout>#preview-pane{grid-column:1}#structure-pane{width:248px;transition:width .16s ease-out;position:relative}#inspector-pane{width:340px;transition:width .16s ease-out}body.rail-collapsed #structure-pane,body.inspector-collapsed #inspector-pane{width:0;padding:0;border:0;overflow:hidden}aside,#preview-pane{min-height:0;overflow:auto}aside{background:var(--panel);padding:1rem}#structure-pane{border-right:1px solid var(--line)}#inspector-pane{border-left:1px solid var(--line)}#preview-pane{overflow:hidden}h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.75rem}h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1rem 0 .5rem}button{font:inherit;color:var(--text);background:#1e2531;border:1px solid var(--line);border-radius:6px;padding:.35rem .7rem;cursor:pointer}button:hover{border-color:var(--muted)}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.4;cursor:default}button.secondary{background:none;border-color:transparent;color:var(--muted)}button.secondary:hover:not(:disabled){color:var(--text);border-color:var(--line)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.12);border-color:var(--accent)}button.danger{background:#a83a3a;border-color:#a83a3a;color:#fff}button.danger:hover:not(:disabled){filter:brightness(1.12);border-color:#a83a3a}select,input,textarea{font:inherit;color:var(--text);background:#0f131b;border:1px solid var(--line);border-radius:6px;padding:.4rem .55rem;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}.sections{list-style:none;display:grid;gap:.35rem;margin-bottom:.75rem}.sections li{display:flex;align-items:center;gap:.25rem;border:1px solid var(--line);border-radius:8px;padding:.3rem .45rem}.sections li.sel{border-color:var(--accent);background:#17233a}.sections .pick{flex:1;text-align:left;background:none;border:0;padding:.15rem .25rem;display:grid}.sections .pick small{color:var(--muted)}.sections .ops{display:flex;gap:.15rem}.sections .ops button{padding:.15rem .4rem;font-size:11px}.add-row{display:flex;gap:.5rem}.add-row select{flex:1;width:auto}#variant-pane button{display:block;width:100%;text-align:left;margin-bottom:.35rem}.hint{color:var(--muted)}.field{display:grid;gap:.25rem;margin-bottom:.7rem}.field>span{font-size:11px;color:var(--muted);text-transform:capitalize}.field .thumb{max-width:72px;max-height:72px;border-radius:6px;object-fit:cover}.field .thumb:not([src]),.field .thumb[src=""]{display:none}fieldset.list{border:1px solid var(--line);border-radius:8px;padding:.6rem;margin-bottom:.75rem}fieldset.list legend{padding:0 .35rem;font-size:11px;color:var(--muted);text-transform:capitalize}fieldset.list .item{border-top:1px dashed var(--line);padding-top:.55rem;margin-top:.55rem}fieldset.list .item:first-of-type{border-top:0;margin-top:0;padding-top:0}.item-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.item-bar b{color:var(--muted);font-size:11px}.item-bar button{padding:.1rem .4rem;font-size:11px}.add-item{width:100%;margin-top:.5rem}.img-row{display:flex;align-items:center;gap:.5rem}.img-row button{flex:none}#library{width:min(720px,92vw);max-height:82vh;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:1rem 1.25rem}#library::backdrop{background:#0000008c}.lib-head{display:flex;align-items:center;gap:.75rem}.lib-head h2{margin:0}.lib-head .spacer{flex:1}.lib-head .quota{color:var(--muted);font-variant-numeric:tabular-nums}.upload-btn{display:inline-block;cursor:pointer;background:var(--accent);color:#fff;border-radius:6px;padding:.35rem .7rem}.lib-hint{color:var(--muted);margin:.5rem 0 .75rem}.lib-error{color:#ff7a7a;margin:0 0 .75rem}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;overflow:auto}.asset{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0f131b}.asset img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.asset-meta{padding:.4rem .55rem;display:grid;gap:.1rem}.asset-meta b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta small{color:var(--muted);font-size:10.5px}.chip{text-transform:uppercase;letter-spacing:.04em}.state-used .chip{color:#ffb454}.state-in-use .chip{color:#4f8ef7}.state-stock .chip,.state-never-used .chip{color:var(--muted)}.asset .del{position:absolute;top:.35rem;right:.35rem;padding:.15rem .4rem;font-size:12px;background:#0009}.asset .del:disabled{opacity:.55}.asset.pickable{cursor:pointer}.asset.pickable:hover{border-color:var(--accent)}.asset.platform{border-style:dashed}.asset.platform .chip{color:#7ec8a9}#modal{width:min(460px,92vw);max-height:82vh;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:1rem 1.25rem}#modal::backdrop{background:#0000008c}.modal-body{margin:.75rem 0}.modal-body p,.modal-note{color:var(--muted)}.modal-note{font-size:12px;margin-top:.75rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.modal-choices{display:grid;gap:.5rem;margin-top:.75rem}.modal-choices .choice{display:grid;gap:.2rem;text-align:left;padding:.6rem .75rem}.modal-choices .choice small{color:var(--muted)}.modal-choices .choice.primary small{color:#dbe7ff}.conflict-sides{margin:.6rem 0 0 1.1rem;color:var(--muted)}.conflict-sides li{margin-bottom:.25rem}.slug-form{margin-top:.75rem}.slug-row{display:flex;align-items:center;gap:.35rem}.slug-row input{flex:1;text-transform:lowercase}.slug-domain{color:var(--muted);white-space:nowrap}.slug-feedback{min-height:1.3em;margin:.5rem 0 0;color:var(--muted)}.slug-feedback[data-kind=invalid],.slug-feedback[data-kind=taken],.slug-feedback[data-kind=error]{color:#ff7a7a}.slug-feedback[data-kind=available]{color:#7ec8a9}.migrate-status{color:var(--muted);margin:.5rem 0}.migrate-list{list-style:none;display:grid;gap:.25rem;max-height:40vh;overflow:auto;margin:.5rem 0}.migrate-list li{display:flex;justify-content:space-between;gap:.75rem;border:1px solid var(--line);border-radius:6px;padding:.3rem .55rem}.migrate-list li .mig-state{color:var(--muted)}.migrate-list li.done .mig-state{color:#7ec8a9}.migrate-list li.failed{border-color:#a83a3a}.migrate-list li.failed .mig-state{color:#ff7a7a}#account{width:min(380px,92vw);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:1rem 1.25rem}#account::backdrop{background:#0000008c}button,select{min-height:32px;min-width:32px}input:not([type=file]),textarea{min-height:32px}.dev-link{display:inline-flex;align-items:center;min-height:32px}#publish,.add-row .add{min-height:44px}@media (any-pointer: coarse){button,select,.upload-btn,label.upload-btn,.dev-link{min-height:44px;min-width:44px}input:not([type=file]),textarea{min-height:44px;font-size:16px}select{font-size:16px}.sections .ops button,.item-bar button,.asset .del{min-height:44px;min-width:44px;font-size:13px}}#topbar{flex-wrap:wrap;row-gap:.25rem}#site-identity{display:grid;gap:1px;min-width:0}#site-name{font-weight:600;line-height:1.2}#site-meta{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#site-meta a{color:inherit;text-decoration:underline}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;background:#e0a032}.dot[data-state=published]{background:var(--accent)}.dot[data-state=live]{background:#7ec8a9}#save-state{color:#5f6779}button.ghost{background:none;border:1px solid var(--line);color:var(--text)}button.ghost:hover:not(:disabled){border-color:var(--muted)}#more-wrap{position:relative}#more-btn{font-weight:700;letter-spacing:.05em}#more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:230px;padding:.35rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:grid;gap:2px;box-shadow:0 8px 30px #0006}#more-menu[hidden]{display:none}#more-menu button{background:none;border:0;border-radius:6px;text-align:left;width:100%;padding:.55rem .7rem}#more-menu button:hover:not(:disabled){background:#1e2531}#blocking-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#2b1620;border-bottom:1px solid #a83a3a;color:#ffb4b4}#blocking-bar[hidden]{display:none}#blocking-bar span{flex:1}.field,fieldset.list{border-radius:8px}.flash{animation:field-flash .6s ease-out}@keyframes field-flash{0%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 3px transparent}}#sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;height:34vh;display:flex;flex-direction:column;background:var(--panel);border-top:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -8px 30px #00000059;transition:height .2s ease-out}#sheet[data-pos=expanded]{height:78vh}#sheet[hidden]{display:none}.sheet-grip{display:flex;align-items:stretch}#sheet-min{min-width:44px;min-height:44px;background:none;border:0;color:var(--muted);font-size:16px;border-radius:18px 0 0}.grip-spacer{min-width:44px}#sheet-handle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-height:44px;background:none;border:0;cursor:pointer}#sheet.minimized{display:none}#sheet-handle .grab{width:44px;height:4px;border-radius:2px;background:var(--line)}#sheet-handle-label{font-size:11px;color:var(--muted)}.sheet-head{display:flex;align-items:stretch;gap:.5rem;padding:0 .6rem;border-bottom:1px solid var(--line)}.sheet-tabs{display:flex;flex:1;gap:.25rem}.sheet-tabs button{flex:1;min-height:44px;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-size:13px}.sheet-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.sheet-tabs .count{font:11px ui-monospace,monospace;background:#1a2333;color:var(--accent);border-radius:999px;padding:.1rem .4rem;margin-left:.25rem}#sheet-done{min-height:44px;color:var(--accent);background:none;border:0;font-weight:600}.sheet-context{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;border-bottom:1px solid var(--subtle, #1e2531)}.sheet-context[hidden]{display:none}.ctx-badge{font:11px ui-monospace,monospace;background:#1a2333;color:var(--accent);padding:.2rem .5rem;border-radius:5px}.ctx-skin{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ctx-prev,#ctx-next{min-width:44px;min-height:44px;font-size:16px}.sheet-body{flex:1;overflow:auto;padding:.7rem .9rem 1.2rem;overscroll-behavior:contain}.sheet-well[hidden]{display:none}#sheet #structure-pane{background:none;padding:0;border:0;overflow:visible;width:auto}#sheet #structure-pane h2{display:none}#skin-chip{position:fixed;left:50%;transform:translate(-50%);bottom:calc(34vh + 12px);z-index:41;display:flex;align-items:center;gap:.5rem;background:#0b0d12;border:1px solid var(--line);border-radius:999px;padding:.3rem .5rem .3rem .9rem;box-shadow:0 4px 18px #0006}#skin-chip[hidden]{display:none}#skin-chip-undo{min-height:44px;background:none;border:0;color:var(--accent);font-weight:600}body.mobile #layout{grid-template-columns:1fr}body.mobile #inspector-pane,body.mobile .dev-link{display:none}body.mobile #preview-pane{overflow:hidden}.img-row{flex-wrap:wrap}.img-row .thumb[hidden],#back-link,.btn-icon{display:none}body.mobile #topbar{flex-wrap:nowrap;gap:4px;padding:calc(4px + env(safe-area-inset-top)) calc(4px + env(safe-area-inset-right)) 4px calc(4px + env(safe-area-inset-left))}body.mobile .brand,body.mobile #library-btn,body.mobile #account-btn,body.mobile #topbar .spacer{display:none}body.mobile #back-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;color:var(--muted);text-decoration:none;font-size:18px;flex:none}@media (max-width: 360px){body.mobile #back-link{display:none}}body.mobile #site-identity{flex:1 1 auto;min-width:0}#site-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}body.mobile #save-draft{min-width:44px;padding:0;flex:none}body.mobile #save-draft .btn-label{display:none}body.mobile #save-draft .btn-icon{display:inline-block}body.mobile #publish{min-width:76px;flex:none}body.mobile #more-wrap{flex:none}.mobile-item,.mobile-narrow-item{display:none}body.mobile .mobile-item{display:block}body.mobile #menu-back{text-decoration:none;color:var(--text);padding:.55rem .7rem;border-radius:6px}body.mobile #menu-back:hover{background:#1e2531}@media (max-width: 360px){body.mobile .mobile-narrow-item{display:block}}#hint-card{margin:6px 10px;padding:.6rem .8rem;background:#1a2333;border:1px solid var(--accent);border-radius:10px;color:var(--text);font-size:12px}#hint-card[hidden]{display:none}#pill{position:fixed;left:50%;transform:translate(-50%);bottom:calc(22px + env(safe-area-inset-bottom));z-index:39;min-height:44px;padding:0 18px;border-radius:999px;font-weight:600;color:var(--text);background:#161b24f0;border:1px solid #3a4353;box-shadow:0 8px 24px #00000073}#pill[hidden]{display:none}#pill:after{content:"";position:fixed;left:0;right:0;bottom:0;height:90px;z-index:-1;background:linear-gradient(transparent,#0b0e1480);pointer-events:none}#rail-strip{width:44px;background:#12161f;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;min-height:0}#rail-strip[hidden]{display:none}#strip-header{width:44px;min-width:44px;height:44px;position:relative;background:none;border:0;color:var(--muted)}#strip-header:hover{background:#1e2531}#strip-header .count{position:absolute;top:3px;right:3px;font:9px ui-monospace,monospace;background:#1a2333;color:var(--accent);border-radius:999px;padding:0 3px}.strip-divider{width:28px;height:1px;background:var(--line);margin:3px 0 5px;flex:none}#strip-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center}#strip-list.overflow-fade{mask-image:linear-gradient(#000 85%,transparent)}.strip-sec{width:44px;min-width:44px;height:44px;min-height:44px;flex:none;background:none;border:0;border-radius:0;color:var(--muted);position:relative}.strip-sec:hover{background:#1e2531}.strip-sec.sel{background:#1a2333;color:var(--accent)}.strip-sec.sel:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent)}.letter-tile{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border:1.6px solid currentColor;border-radius:6px;font-size:12px;font-weight:600}body.rail-overlay #structure-pane{position:absolute;left:44px;top:0;bottom:0;z-index:35;width:248px!important;padding:1rem!important;overflow:auto;background:var(--panel);border-right:1px solid var(--line);box-shadow:8px 0 30px #00000059;animation:rail-slide .18s ease-out}@keyframes rail-slide{0%{transform:translate(-12px);opacity:.5}}#rail-scrim{position:absolute;inset:0;z-index:34;background:#00000059;animation:scrim-fade .18s ease-out}#rail-scrim[hidden]{display:none}@keyframes scrim-fade{0%{opacity:0}}#inspector-strip{width:44px;background:#12161f;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding-top:6px;gap:4px}#inspector-strip[hidden]{display:none}#inspector-strip button{width:44px;min-width:44px;height:44px;background:none;border:0;color:var(--muted);font-size:15px}#inspector-strip button:hover{background:#1e2531}#inspector-tabs{display:flex;gap:.25rem;align-items:center;border-bottom:1px solid var(--line);margin-bottom:.6rem}#inspector-tabs[hidden]{display:none}#inspector-tabs [data-tab]{flex:1;min-height:40px;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted)}#inspector-tabs [data-tab][aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.pane-collapse{background:none;border:0;color:var(--muted);min-width:32px;flex:none}.pane-collapse:hover{color:var(--text);border:0}#structure-pane .pane-collapse{position:absolute;top:10px;right:6px}#sheet .pane-collapse{display:none}#inspector-pane .sheet-context{padding:.3rem 0;border-bottom:1px solid var(--line);margin-bottom:.5rem}#preview-pane{position:relative}#preview-size{position:absolute;right:10px;bottom:8px;z-index:5;pointer-events:none;font:11px ui-monospace,monospace;color:var(--muted);background:#0b0e14d1;padding:2px 8px;border-radius:6px}#preview-size[hidden]{display:none}.add-open{width:100%;min-height:44px}.add-cards{display:grid;gap:.5rem;margin-top:.5rem}.add-cards[hidden]{display:none}.add-card,.skin-card{display:flex;gap:.6rem;align-items:flex-start;text-align:left;width:100%;padding:.55rem .6rem;background:#0f131b;border:1px solid var(--line);border-radius:10px}.add-card:hover,.skin-card:hover{border-color:var(--muted)}.add-card .card-icon{color:var(--muted);flex:none;margin-top:2px}.card-text,.skin-text{display:grid;gap:2px;min-width:0}.card-text small,.skin-text small{color:var(--muted)}.skin-card{margin-bottom:.45rem}.skin-card .skin-thumb{flex:none;color:var(--muted);background:#0b0e14;border-radius:6px;padding:4px}.skin-card.current{border-color:var(--accent)}.skin-name{display:flex;align-items:center;min-width:0}.skin-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-card .badge{flex:none;font-size:10.5px;color:var(--accent);background:#1a2333;padding:.1rem .45rem;border-radius:999px;margin-left:.4rem}.skin-hides{color:#e0a032}.skin-promise{color:var(--muted);font-size:11px;margin-top:.6rem;border-top:1px dashed var(--line);padding-top:.6rem}.auth-note{color:var(--muted);margin-top:.75rem}.auth-form{display:grid;gap:.6rem;margin-top:.75rem}.auth-actions{display:grid;gap:.4rem}.auth-status{color:var(--muted);min-height:1.2em;margin:0}.auth-signed{display:grid;gap:.6rem;margin-top:.75rem}