: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:250px 1fr 320px;min-height:0}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-handle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:44px;background:none;border:0;border-radius:18px 18px 0 0;cursor:pointer}#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}#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]{display:none}.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}