*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font:13px/1.45 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}svg{width:16px;height:16px;flex-shrink:0;stroke-width:2}[hidden]{display:none!important}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-8:48px;--radius-s:4px;--radius-m:6px;--radius-l:8px;--transition:.15s ease;--font-xs:11px;--font-sm:12px;--font-base:13px;--font-md:14px;--font-lg:16px;--font-xl:18px;--header-h:48px;--nav-h:44px;--footer-h:28px;--sidebar-w:264px;--inspector-w:280px;--touch-target:40px}[data-theme=dark]{--bg-0:#0e110f;--bg-1:#141816;--bg-2:#1a1f1c;--bg-3:#222825;--bg-4:#2a312d;--surface:#1e2320;--surface-hover:#252c28;--surface-active:#2d352f;--border:#2e3632;--border-light:#3a4440;--text-1:#e8ece8;--text-2:#b8c4b8;--text-3:#889888;--text-4:#607060;--accent:#6ec96e;--accent-dim:#3a7a3a;--accent-bg:#1a2e1a;--danger:#d45050;--danger-bg:#2e1a1a;--danger-border:#5a2a2a;--warn:#d4a040;--warn-bg:#2e2a1a;--info:#50a0d4;--info-bg:#1a2a3e;--focus-ring:0 0 0 2px var(--accent-dim);--header-bg:#0e110f;--header-fg:#e0e8e0;--shadow-s:0 1px 3px rgba(0,0,0,.3);--shadow-m:0 4px 12px rgba(0,0,0,.4);--shadow-l:0 8px 24px rgba(0,0,0,.5)}[data-theme=light]{--bg-0:#f4f6f2;--bg-1:#fafbf8;--bg-2:#fff;--bg-3:#f0f3ed;--bg-4:#e7ece2;--surface:#fff;--surface-hover:#f5f8f2;--surface-active:#eaf1e9;--border:#d9dfd8;--border-light:#e8ede4;--text-1:#1a2420;--text-2:#3a4a40;--text-3:#6d796c;--text-4:#a0b0a0;--accent:#3a8a3a;--accent-dim:#c4ed8d;--accent-bg:#e8f5e0;--danger:#c03030;--danger-bg:#fde8e8;--danger-border:#f0b0b0;--warn:#a07020;--warn-bg:#fff3cd;--info:#2070b0;--info-bg:#d1ecf1;--focus-ring:0 0 0 2px rgba(58,138,58,.3);--header-bg:#202522;--header-fg:#f4f7f0;--shadow-s:0 1px 3px rgba(0,0,0,.08);--shadow-m:0 4px 12px rgba(0,0,0,.1);--shadow-l:0 8px 24px rgba(0,0,0,.12)}body{background:var(--bg-0);color:var(--text-1)}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--touch-target);padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);color:var(--text-1);cursor:pointer;white-space:nowrap;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}button:hover{background:var(--surface-hover);border-color:var(--border-light)}button:active{background:var(--surface-active)}button:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:disabled{opacity:.35;cursor:default;pointer-events:none}button.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{filter:brightness(1.1)}button.danger{border-color:var(--danger-border);color:var(--danger);background:var(--danger-bg)}button.danger:hover{border-color:var(--danger)}button svg{width:16px;height:16px}input[type=text],input[type=search],input[type=number],input:not([type]),select,textarea{display:block;width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);color:var(--text-1);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}input[type=range]{width:100%;accent-color:var(--accent);margin-top:var(--sp-2)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}input[type=color]{width:40px;height:32px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);cursor:pointer}label{display:block;font-size:var(--font-sm);color:var(--text-2);margin:var(--sp-3) 0}label output{float:right;color:var(--text-3);font-size:var(--font-xs)}.check{display:flex;align-items:center;gap:var(--sp-2);min-height:28px;margin:var(--sp-2) 0}.side-input{display:block;width:100%;margin-top:var(--sp-1);padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);color:var(--text-1)}header{height:var(--header-h);background:var(--header-bg);color:var(--header-fg);display:flex;align-items:center;padding:0 var(--sp-4);gap:var(--sp-3);border-bottom:1px solid var(--border);z-index:20;position:relative}.brand{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--font-lg);font-weight:700;min-width:160px;flex-shrink:0}.brand svg{color:var(--accent);width:22px;height:22px}header input{min-width:80px;width:200px;color:var(--header-fg);background:transparent;border:0;border-bottom:1px solid var(--border-light);padding:6px var(--sp-2);font-size:var(--font-base)}header input:focus{border-color:var(--accent);outline:none}#save-state{font-size:var(--font-xs);color:var(--text-3);margin-left:auto;white-space:nowrap}.header-actions{display:flex;gap:var(--sp-2);align-items:center;margin-left:var(--sp-3)}.header-actions button:not(.primary){background:var(--bg-3);color:var(--text-2);border-color:var(--border);min-height:32px;padding:4px 10px}.header-actions button:not(.primary):hover{background:var(--bg-4);color:var(--text-1)}.header-actions .primary{min-height:32px;padding:4px 14px;font-size:var(--font-sm)}.sidebar-toggle{display:none;min-height:32px;padding:4px 8px;background:var(--bg-3);border-color:var(--border);color:var(--text-2)}main{display:flex;height:calc(100dvh - var(--header-h));overflow:hidden}aside#sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;z-index:15;transition:width var(--transition)}.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sp-2);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel-section{margin-bottom:var(--sp-1)}.panel-header{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:36px;padding:6px var(--sp-2);border:0;border-radius:var(--radius-s);background:transparent;color:var(--text-2);cursor:pointer;font-size:var(--font-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:background var(--transition),color var(--transition)}.panel-header:hover{background:var(--surface-hover);color:var(--text-1)}.panel-header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.panel-header .panel-title{display:flex;align-items:center;gap:var(--sp-2);flex:1}.panel-header .panel-title svg{width:14px;height:14px;opacity:.7}.panel-badge{font-size:var(--font-xs);padding:1px 6px;border-radius:10px;background:var(--bg-3);color:var(--text-3);font-weight:600}.panel-chevron{transition:transform var(--transition);width:14px;height:14px}.panel-header[aria-expanded=false] .panel-chevron{transform:rotate(-90deg)}.panel-body{padding:var(--sp-2) var(--sp-1);animation:panelSlide .15s ease}@keyframes panelSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}#pieces{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}#pieces button{flex-direction:column;gap:var(--sp-1);height:80px;font-size:var(--font-xs);padding:var(--sp-1);line-height:1.2;white-space:normal}#pieces canvas{width:56px;height:44px;pointer-events:none}#pieces button.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.panel-body label{margin:var(--sp-2) 0}.panel-body>button{width:100%;justify-content:flex-start;margin-bottom:var(--sp-2);min-height:36px;padding:6px 10px;font-size:var(--font-sm)}.asset-credit{color:var(--text-4);font-size:var(--font-xs);line-height:1.8;margin-top:var(--sp-4)}.limiar-note{display:block;margin:var(--sp-1) 0 var(--sp-3);color:var(--text-3);font-size:var(--font-xs);line-height:1.4}.workspace{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}nav#workspace-nav{height:var(--nav-h);flex-shrink:0;background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4);gap:var(--sp-3)}.modes{display:flex;gap:var(--sp-1)}.modes button{min-height:32px;padding:4px 12px;font-size:var(--font-sm);font-weight:600;border-radius:var(--radius-s);gap:var(--sp-1)}.modes button .mode-label{font-size:var(--font-xs)}.modes button.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.nav-status{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--font-xs);color:var(--text-3);min-width:0;overflow:hidden}.nav-sep{color:var(--text-4)}#selection{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-actions{display:flex;align-items:center;gap:var(--sp-3)}.nav-stats{font-size:var(--font-xs);color:var(--text-3);white-space:nowrap}.validate-btn-compact{min-height:32px;padding:4px 12px;font-size:var(--font-sm);font-weight:600;background:var(--accent-bg);border-color:var(--accent);color:var(--accent);gap:var(--sp-1)}.validate-btn-compact:hover{background:var(--accent);color:#fff}#viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--bg-0)}#plan,#world{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.floating-tools{position:absolute;left:var(--sp-3);top:var(--sp-3);display:flex;gap:2px;padding:var(--sp-1);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-m);align-items:center;flex-wrap:wrap;max-width:calc(100% - var(--sp-6))}.floating-tools button{border:0;padding:6px;min-height:32px;min-width:32px;background:transparent;color:var(--text-2);border-radius:var(--radius-s)}.floating-tools button:hover{background:var(--surface-hover);color:var(--text-1)}.floating-tools button.active{background:var(--accent-bg);color:var(--accent)}.floating-tools button:disabled{opacity:.3}.tool-sep{width:1px;height:20px;background:var(--border);margin:0 var(--sp-1);flex-shrink:0}.snap-group{display:flex;align-items:center;gap:var(--sp-1)}.snap-label{font-size:var(--font-xs);color:var(--text-3);white-space:nowrap}.snap-group select{min-height:28px;padding:2px 4px;font-size:var(--font-xs);border-radius:var(--radius-s);background:var(--bg-2);width:auto}.snap-surface-group{display:flex;gap:2px}.snap-surface-group button{font-size:var(--font-xs);min-height:28px;padding:2px 8px;gap:var(--sp-1);border:0;background:transparent;color:var(--text-3);border-radius:var(--radius-s)}.snap-surface-group button:hover{background:var(--surface-hover);color:var(--text-1)}.snap-surface-group button.active{background:var(--accent-bg);color:var(--accent)}.snap-surface-group button svg{width:12px;height:12px}.gizmo-info{position:absolute;left:var(--sp-3);bottom:60px;padding:var(--sp-2) var(--sp-3);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-m);font-size:var(--font-xs);color:var(--text-2);box-shadow:var(--shadow-s);pointer-events:none}.zoom{position:absolute;bottom:var(--sp-3);right:var(--sp-3);display:flex;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-s)}.zoom button{border:0;padding:6px;min-height:32px;min-width:32px;background:transparent;color:var(--text-2);border-radius:var(--radius-s)}.zoom button:hover{background:var(--surface-hover);color:var(--text-1)}#crosshair{position:absolute;left:50%;top:50%;color:#fff;text-shadow:0 1px 3px #000;font-size:22px;pointer-events:none}#walk{position:absolute;left:var(--sp-4);bottom:var(--sp-4);text-align:center;touch-action:none}#walk button{width:var(--touch-target);height:var(--touch-target);background:var(--bg-2);border:1px solid var(--border);margin:2px;touch-action:none;color:var(--text-2)}#walk button:active{background:var(--accent-bg);color:var(--accent)}#toast{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:var(--bg-3);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-2) var(--sp-4);max-width:85%;text-align:center;pointer-events:none;opacity:0;transition:opacity var(--transition);font-size:var(--font-sm);box-shadow:var(--shadow-m)}#toast.visible{opacity:1}footer{height:var(--footer-h);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);font-size:var(--font-xs);color:var(--text-3);border-top:1px solid var(--border);background:var(--bg-1);flex-shrink:0}.footer-shortcuts{display:flex;align-items:center;gap:var(--sp-2)}.footer-shortcuts kbd{display:inline-block;padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:var(--bg-3);font-size:10px;font-family:inherit;color:var(--text-3)}aside#inspector-panel{width:var(--inspector-w);flex-shrink:0;background:var(--bg-1);border-left:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}aside#inspector-panel[hidden]{display:none!important}.inspector-scroll{flex:1;overflow-y:auto;padding:var(--sp-3);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.inspector-scroll::-webkit-scrollbar{width:5px}.inspector-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.inspector-scroll .section-title{font-size:var(--font-xs);font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--sp-3);display:flex;justify-content:space-between;align-items:center}dialog{border:1px solid var(--border);border-radius:var(--radius-l);padding:var(--sp-5);background:var(--bg-2);color:var(--text-1);box-shadow:var(--shadow-l);width:min(500px,94vw)}dialog::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.dialog-head h2{font-size:var(--font-xl);font-weight:700;margin:0}.dialog-head button{min-height:32px;min-width:32px;padding:4px;border:0;background:transparent;color:var(--text-3)}.dialog-head button:hover{color:var(--text-1);background:var(--surface-hover)}select{padding:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s)}#download{width:100%;margin-top:var(--sp-3)}#shortcuts-dialog{width:min(600px,94vw)}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-4)}.shortcut-group h3{font-size:var(--font-sm);font-weight:700;color:var(--text-2);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.04em}.shortcut-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;font-size:var(--font-sm)}.shortcut-row kbd{display:inline-block;padding:2px 6px;border:1px solid var(--border);border-radius:3px;background:var(--bg-3);font-size:var(--font-xs);font-family:inherit;color:var(--text-2);min-width:20px;text-align:center}.shortcut-row span{margin-left:auto;color:var(--text-3)}#sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:14;cursor:pointer}#player-ruler{position:absolute;left:var(--sp-3);bottom:80px;z-index:4;pointer-events:none;color:var(--text-1);font-size:var(--font-xs)}#player-ruler .ruler-frame{display:flex;align-items:flex-end;gap:var(--sp-2);padding:var(--sp-2);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-l)}.ruler-silhouette{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--sp-1);min-width:34px}.ruler-silhouette svg{width:29px;height:58px;fill:currentColor}.ruler-label-inline{font-size:10px;white-space:nowrap;color:var(--text-2)}.ruler-scale{display:flex;flex-direction:column-reverse;justify-content:space-between;height:138px;min-width:70px;padding-left:2px}.ruler-tick{position:relative;height:22px;color:var(--text-2);display:flex;align-items:center;gap:var(--sp-1)}.ruler-tick em{display:block;flex:1;height:1px;background:var(--border-light)}.ruler-tick i{font-style:normal;width:30px;flex:none;text-align:left}#play-hint{position:absolute;left:50%;bottom:72px;transform:translate(-50%);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-m);background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);font-size:var(--font-sm);pointer-events:none;opacity:0;transition:opacity var(--transition)}#play-hint.visible{opacity:1}#interact{position:absolute;right:var(--sp-4);bottom:var(--sp-4);background:var(--bg-2);border:1px solid var(--border);z-index:4;color:var(--text-2)}#interact svg{width:16px;height:16px}#entity-inspector{margin:var(--sp-2) 0;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-2)}#entity-inspector .section-title{font-size:var(--font-xs);font-weight:700;color:var(--text-3);text-transform:uppercase;margin:0 0 var(--sp-2)}#entity-inspector label{margin:var(--sp-2) 0}#entity-inspector select{margin-top:var(--sp-1);padding:6px}[data-entity-field][hidden]{display:none!important}.item-library-access{margin-bottom:var(--sp-2)}.item-library-access button{width:100%;justify-content:flex-start;background:var(--bg-3);border-color:var(--border);font-size:var(--font-sm)}.item-library-access button span:not(:empty){font-size:var(--font-xs);margin-left:auto}.item-library-access button+button{margin-top:var(--sp-1)}#item-armed:not(:empty){display:block;font-size:var(--font-xs);margin-top:var(--sp-1);color:var(--warn);overflow-wrap:anywhere}#item-inspector{padding:var(--sp-3) 0;border-top:1px solid var(--border);margin-top:var(--sp-3)}#item-inspector .section-title{font-size:var(--font-xs);font-weight:700;color:var(--text-3);text-transform:uppercase;margin:0 0 var(--sp-2)}#item-inspector strong{display:block;overflow-wrap:anywhere;font-size:var(--font-sm)}#item-inspector input[type=number]{display:block;width:100%;padding:6px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2)}#item-inspector select{display:block;width:100%;margin-top:var(--sp-1);padding:6px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2)}#item-inspector>a{display:block;margin:var(--sp-3) 0;font-size:var(--font-xs);color:var(--info)}#item-dialog{width:min(900px,94vw);max-height:86dvh;padding:var(--sp-4)}#item-dialog h2{font-size:var(--font-xl)}.item-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3)}#item-search{width:100%;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-s);margin-bottom:var(--sp-3);background:var(--bg-2)}#item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-3);max-height:60dvh;overflow:auto}.library-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;white-space:normal;text-align:left;padding:var(--sp-2);min-height:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m)}.library-item:hover{border-color:var(--accent)}.library-item img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--bg-3);border-radius:var(--radius-s)}.library-item strong{font-size:var(--font-sm);line-height:1.3;overflow-wrap:anywhere;margin-top:var(--sp-2)}.library-item small{font-size:var(--font-xs);color:var(--text-3);margin-top:var(--sp-1)}#item-library-status{font-size:var(--font-xs);padding-top:var(--sp-2);color:var(--text-3)}#item-upload-dialog{width:min(1240px,96vw);max-width:96vw;height:92vh;max-height:92vh;padding:0;border-radius:var(--radius-l);overflow:hidden}#item-upload-dialog .item-dialog-head{height:58px;padding:var(--sp-3);margin:0}#item-upload-frame{display:block;border:0;width:100%;height:calc(100% - 58px);background:var(--bg-0)}#item-upload-open{display:flex;align-items:center;gap:var(--sp-1)}#item-inspector .interaction-title,#wall-inspector .secret-wall-title,#logic-extra-editor .section-title{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border);font-size:var(--font-xs);font-weight:700;color:var(--text-3);text-transform:uppercase}#item-inspector select,#item-inspector input,#logic-extra-editor select,#logic-extra-editor input{display:block;width:100%;margin-top:var(--sp-1);padding:6px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2)}.hotspot-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-2);padding:var(--sp-2);border:1px dashed var(--border-light);border-radius:var(--radius-m)}.hotspot-grid small{grid-column:1/-1;color:var(--text-3);font-size:var(--font-xs);line-height:1.4}.hotspot-grid label{margin:var(--sp-1) 0}.surface-library-access{margin-bottom:var(--sp-2)}.surface-library-access button{width:100%;justify-content:flex-start;font-size:var(--font-sm);background:var(--bg-3);border-color:var(--border)}.surface-library-access button+button{margin-top:var(--sp-1)}.surface-library-access button.active{outline:2px solid var(--accent);outline-offset:1px}.surface-hint{display:block;margin-top:var(--sp-1);color:var(--text-3);font-size:var(--font-xs);line-height:1.4}#wall-inspector{margin:var(--sp-2) 0;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-2)}#wall-inspector .section-title{font-size:var(--font-xs);font-weight:700;color:var(--text-3);text-transform:uppercase;margin:0 0 var(--sp-2)}#wall-inspector label{margin:var(--sp-2) 0}#wall-inspector select,#wall-inspector input{display:block;width:100%;margin-top:var(--sp-1);padding:6px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2)}#surface-dialog{width:min(720px,94vw);max-height:86dvh;padding:var(--sp-4)}#surface-dialog h2{font-size:var(--font-xl)}.surface-upload-area{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.surface-upload-area small{color:var(--text-3);font-size:var(--font-xs)}#surface-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--sp-2);max-height:40dvh;overflow:auto;margin-bottom:var(--sp-3)}.surface-tex-card{display:flex;flex-direction:column;align-items:center;padding:var(--sp-1);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface)}.surface-tex-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-s)}.surface-tex-card strong{font-size:var(--font-xs);overflow-wrap:anywhere;text-align:center;margin-top:var(--sp-1)}.surface-tex-card small{font-size:10px;color:var(--text-3)}.surface-tex-card button{margin-top:var(--sp-1);min-height:24px;padding:2px 8px;font-size:var(--font-xs)}.surface-defaults{border-top:1px solid var(--border);padding-top:var(--sp-3)}.surface-defaults label{margin:var(--sp-2) 0}.surface-defaults .section-title{margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--border)}.prefab-library-access{margin-bottom:var(--sp-2)}.prefab-library-access button{width:100%;justify-content:flex-start;font-size:var(--font-sm);background:var(--bg-3);border-color:var(--border)}.prefab-library-access button+button{margin-top:var(--sp-1)}.prefab-library-access button.active{outline:2px solid var(--warn);outline-offset:1px}.prefab-hint{display:block;margin-top:var(--sp-1);color:var(--text-3);font-size:var(--font-xs);line-height:1.4}#prefab-armed:not(:empty){display:block;font-size:var(--font-xs);margin-top:var(--sp-1);color:var(--warn);overflow-wrap:anywhere}#prefab-dialog{width:min(800px,94vw);max-height:86dvh;padding:var(--sp-4)}#prefab-search{width:100%;padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-s);margin-bottom:var(--sp-3);background:var(--bg-2)}#prefab-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-3)}.prefab-tab{min-height:28px;padding:4px 10px;font-size:var(--font-xs);border-radius:var(--radius-s)}.prefab-tab.active{background:var(--accent-bg);border-color:var(--accent)}#prefab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--sp-2);max-height:50dvh;overflow:auto}.prefab-item{display:flex;flex-direction:column;align-items:flex-start;padding:var(--sp-2);min-height:72px}.prefab-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-3);border-radius:var(--radius-s);margin-bottom:var(--sp-1)}#prefab-status,#prefab-library-count{font-size:var(--font-xs);color:var(--text-3)}#prefab-inspector{margin:var(--sp-2) 0;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-2)}#prefab-inspector .section-title{font-size:var(--font-xs);font-weight:700;color:var(--text-3);text-transform:uppercase;margin:0 0 var(--sp-2)}#prefab-inspector label{margin:var(--sp-2) 0}#prefab-inspector select,#prefab-inspector input{display:block;width:100%;margin-top:var(--sp-1);padding:6px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2)}#prefab-inspector fieldset{border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--sp-2) var(--sp-3);margin:var(--sp-3) 0 var(--sp-1);background:var(--bg-1)}#prefab-inspector fieldset legend{font-size:var(--font-xs);font-weight:700;color:var(--text-3);padding:0 var(--sp-1)}#prefab-inspector fieldset label{margin:var(--sp-1) 0}.secrets-editor-access{margin-bottom:var(--sp-2)}.secrets-editor-access button{width:100%;justify-content:flex-start;font-size:var(--font-sm);background:var(--bg-3);border-color:var(--border)}.secrets-hint{display:block;margin-top:var(--sp-1);color:var(--text-3);font-size:var(--font-xs);line-height:1.4}#secrets-dialog{width:min(800px,94vw);max-height:86dvh;padding:var(--sp-4)}.secrets-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-3)}.secrets-col{min-width:0}.secrets-col button{width:100%;margin-bottom:var(--sp-2)}.secret-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-s);margin-bottom:var(--sp-1);cursor:pointer}.secret-item:hover{background:var(--surface-hover)}.secret-item.active{background:var(--accent-bg);border-color:var(--accent)}.secret-item strong{font-size:var(--font-xs);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.secret-item small{font-size:10px;color:var(--text-3)}.secret-item .secret-del{min-height:24px;padding:2px 6px;font-size:var(--font-xs);flex-shrink:0}#secrets-editor-detail{padding:var(--sp-3);border-top:1px solid var(--border)}#secrets-editor-detail label{margin:var(--sp-2) 0}#secrets-editor-detail select,#secrets-editor-detail input{display:block;width:100%;margin-top:var(--sp-1);padding:6px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2)}.secrets-empty{color:var(--text-3);font-size:var(--font-xs);padding:var(--sp-2) 0}.secrets-warn{color:var(--warn);font-size:var(--font-xs);padding:var(--sp-2);border:1px solid var(--warn);border-radius:var(--radius-s);margin-top:var(--sp-2);background:var(--warn-bg)}#secrets-warnings{margin-top:var(--sp-2)}.media-editor-access{margin-bottom:var(--sp-2)}.media-editor-access button{width:100%;justify-content:flex-start;font-size:var(--font-sm);background:var(--bg-3);border-color:var(--border)}.media-hint{display:block;margin-top:var(--sp-1);color:var(--text-3);font-size:var(--font-xs);line-height:1.4}#media-dialog{width:min(800px,94vw);max-height:86dvh;padding:var(--sp-4)}.media-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-3)}.media-col{min-width:0}.media-col button{width:100%;margin-bottom:var(--sp-2)}.media-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-s);margin-bottom:var(--sp-1);cursor:pointer}.media-item:hover{background:var(--surface-hover)}.media-item.active{background:var(--accent-bg);border-color:var(--accent)}.media-item strong{font-size:var(--font-xs);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.media-item small{font-size:10px;color:var(--text-3)}.media-item .media-del{min-height:24px;padding:2px 6px;font-size:var(--font-xs);flex-shrink:0}#media-detail{padding:var(--sp-3);border-top:1px solid var(--border)}#media-detail label{margin:var(--sp-2) 0}#media-detail select,#media-detail input{display:block;width:100%;margin-top:var(--sp-1);padding:6px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2)}.media-empty{color:var(--text-3);font-size:var(--font-xs);padding:var(--sp-2) 0}.validate-btn{margin-top:var(--sp-3);width:100%;justify-content:flex-start;font-size:var(--font-sm)}#validate-dialog{width:min(600px,94vw)}.val-summary{margin:var(--sp-2) 0;font-size:var(--font-md);color:var(--text-1)}.val-badges{display:flex;gap:var(--sp-2);margin:var(--sp-2) 0;flex-wrap:wrap}.val-badge{font-size:var(--font-xs);padding:var(--sp-1) var(--sp-2);border-radius:12px;font-weight:600}.badge-ok{background:var(--accent-bg);color:var(--accent)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.val-findings{list-style:none;padding:0;margin:var(--sp-2) 0}.val-findings li{padding:var(--sp-1) var(--sp-2);margin:var(--sp-1) 0;border-radius:var(--radius-s);font-size:var(--font-sm)}.val-findings code{font-size:var(--font-xs);background:var(--bg-3);padding:1px 5px;border-radius:3px;margin-right:var(--sp-1)}.val-error{background:var(--danger-bg);color:var(--danger)}.val-warn{background:var(--warn-bg);color:var(--warn)}.val-info{background:var(--info-bg);color:var(--info)}.val-ok{color:var(--accent);font-weight:600}.val-budget{width:100%;font-size:var(--font-xs);border-collapse:collapse;margin:var(--sp-2) 0}.val-budget th,.val-budget td{padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);text-align:center}.val-budget th{background:var(--bg-3)}@media(max-width:1100px){.sidebar-toggle{display:inline-flex}aside#sidebar{position:fixed;left:0;top:var(--header-h);bottom:0;z-index:15;transform:translate(-100%);transition:transform .2s ease;width:var(--sidebar-w)}aside#sidebar.open{transform:translate(0)}#sidebar-overlay.open{display:block!important}.nav-stats{display:none}aside#inspector-panel{width:240px}}@media(max-width:768px){header{padding:0 var(--sp-2);gap:var(--sp-2)}.brand{min-width:0;font-size:var(--font-base)}.brand strong,#save-state{display:none}header input{width:100px}.header-actions button:not(.primary){padding:4px 6px;min-width:32px}.header-actions .primary span{display:none}aside#inspector-panel{display:none!important}.nav-status,.footer-shortcuts,.modes button .mode-label{display:none}}@media(max-width:600px){header{height:44px}:root{--header-h:44px}.floating-tools{top:var(--sp-2);left:var(--sp-2);gap:0;padding:2px}.floating-tools button{padding:4px;min-width:32px;min-height:32px}.snap-surface-group{display:none}#item-dialog{padding:var(--sp-3)}#item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-item{min-height:140px}.secrets-layout,.media-layout{grid-template-columns:1fr}#prefab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#walk button{width:44px;height:44px}}#logic-extra-editor .section-title{font-size:var(--font-xs);font-weight:700;color:var(--text-3);text-transform:uppercase;margin:var(--sp-3) 0 var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}[title]{position:relative}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}