: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)}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)}#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}.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}