@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0c10;--bg-secondary:#12151c;--bg-tertiary:#181c26;--bg-elevated:#12151cf2;--surface-1:#ffffff08;--surface-2:#ffffff0d;--surface-3:#ffffff14;--border-subtle:#ffffff14;--border-default:#ffffff1f;--border-strong:#ffffff2e;--text-primary:#fffffff2;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--accent-primary:#8aa3bd;--accent-primary-hover:#9cb4cc;--accent-primary-subtle:#8aa3bd33;--accent-primary-glow:#8aa3bd52;--accent-success:#8aa3bd;--accent-success-subtle:#8aa3bd2e;--accent-warning:#f59e0b;--accent-warning-subtle:#f59e0b26;--accent-info:#38bdf8;--accent-info-subtle:#38bdf826;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 20px 60px #0009;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}html,body{height:100%;margin:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#overlay{pointer-events:none;z-index:100;box-sizing:border-box;grid-template:"top top top""left.right"1fr/330px 1fr 380px;gap:0;padding:0;display:grid;position:fixed;inset:0}#overlay.left-collapsed{grid-template-columns:0 1fr 380px}#overlay.right-collapsed{grid-template-columns:330px 1fr 0}#overlay.left-collapsed.right-collapsed{grid-template-columns:0 1fr 0}html[data-mode=sim] #overlay{grid-template:".panel"1fr/1fr 340px;gap:16px;padding:16px}html[data-mode=sim] #overlay.sim-panel-collapsed{grid-template-columns:1fr 0}#overlay-top{pointer-events:auto;z-index:10;background:#1a1d24;border-bottom:1px solid #ffffff14;flex-wrap:wrap;grid-area:top;align-items:center;gap:4px;min-height:36px;padding:4px 8px;display:flex;position:relative;overflow:visible;box-shadow:0 2px 8px #0006}.tb-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .1s;display:inline-flex}.tb-btn:hover{color:var(--text-primary);background:#ffffff12}.tb-btn.active{color:var(--accent-primary);background:var(--accent-primary-subtle);border-color:var(--accent-primary)}.tb-btn.tb-primary{background:var(--accent-primary);color:#fff;border:none}.tb-btn.tb-primary:hover{background:var(--accent-primary-hover)}.tb-btn.tb-danger{color:#ef4444}.tb-btn.tb-danger:hover{color:#f87171;background:#ef44441f}.tb-btn.tb-muted{color:var(--text-tertiary);font-weight:500}.tb-btn.tb-muted:hover{color:var(--text-secondary)}.tb-btn svg{flex-shrink:0}.tb-file-label{cursor:pointer}.tb-file-label input[type=file]{display:none}.tb-select{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;outline:none;max-width:130px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:500}.tb-select:focus{border-color:var(--accent-primary)}.tb-sep{background:#ffffff1a;flex-shrink:0;width:1px;height:20px;margin:0 2px}.tb-spacer{flex:1}.tb-transform{background:#ffffff08;border:1px solid #ffffff0f;border-radius:5px;gap:2px;padding:2px;display:flex}.tb-status{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:11px;overflow:hidden}.tb-status:empty{display:none}.tb-group{align-items:center;gap:3px;display:flex}.workspace-tab-strip{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;gap:0;margin:0 4px;padding:2px;display:inline-flex}.workspace-tab-strip .tb-btn{color:var(--text-tertiary);border:none;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:600;transition:all .15s}.workspace-tab-strip .tb-btn:hover{color:var(--text-secondary);background:#ffffff0f}.workspace-tab-strip .tb-btn.active{color:#fff;background:var(--accent-primary);box-shadow:0 1px 3px #0000004d}.builder-shape-bar{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;gap:2px;padding:2px;display:inline-flex}.builder-shape-bar .tb-btn{gap:3px;padding:4px 8px;font-size:12px}.builder-shape-bar .shape-icon{opacity:.7;font-size:11px}.tb-advanced{position:relative}.tb-advanced>summary{list-style:none}.tb-advanced>summary::-webkit-details-marker{display:none}.tb-advanced-body{z-index:50;box-shadow:var(--shadow-lg);background:#1e2128;border:1px solid #ffffff1a;border-radius:6px;gap:4px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.world-selector{display:contents}button,.file span{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-2);color:var(--text-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.tb-btn,#overlay-top button,#overlay-top .file span{background:0 0;border:1px solid #0000;border-radius:4px;padding:5px 10px;font-size:11px;transform:none!important}button:hover,.file span:hover{border-color:var(--border-strong);background:var(--surface-3)}button:active,.file span:active{transform:none}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm);border-color:#0000}button.primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md)}#portal-create-btn{background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-primary);box-shadow:none}#portal-create-btn:hover{background:var(--surface-3);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}#portal-exit-modal .modal-title{background:var(--surface-1)}#portal-exit-modal .modal-hint{border-left-color:var(--accent-primary);background:var(--accent-primary-subtle)}#portal-exit-world-name{color:var(--text-primary);font-weight:700}.watermark-logo{opacity:.35;pointer-events:none;z-index:9999;-webkit-user-select:none;user-select:none;width:auto;height:32px;position:fixed;bottom:16px;left:16px}.portal-loading{z-index:10000;opacity:1;background:#000;justify-content:center;align-items:center;transition:opacity .5s ease-out;display:flex;position:fixed;inset:0}.portal-loading.hidden{opacity:0;pointer-events:none}.portal-loading.fade-out{opacity:0}.portal-loading-content{justify-content:center;align-items:center;display:flex}.portal-loading-effect{width:56px;height:56px;position:relative}.portal-ring{border:4px solid #1d4ed840;border-top-color:#1d4ed8;border-radius:50%;animation:.9s linear infinite portal-spin;position:absolute;inset:0}.portal-ring:nth-child(2),.portal-ring:nth-child(3){display:none}@keyframes portal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portal-loading-effect:before,.portal-loading-effect:after,.portal-loading-text,#portal-loading-title,#portal-loading-dest{display:none}button.success{background:linear-gradient(135deg,var(--accent-success)0%,#16a34a 100%);color:#fff;border:none}button.danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none}button.ghost{color:var(--text-secondary);background:0 0;border-color:#0000}button.ghost:hover{background:var(--surface-2);color:var(--text-primary)}.file input{display:none}input[type=text],input[type=email],input[type=password],textarea,.select{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-2);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-size:14px;font-weight:500}input[type=text]:hover,textarea:hover,.select:hover{border-color:var(--border-strong)}input[type=text]:focus,textarea:focus,.select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle)}input[type=text]::placeholder,textarea::placeholder{color:var(--text-tertiary)}textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}input[type=checkbox]{border-radius:var(--radius-sm);border:2px solid var(--border-strong);background:var(--surface-2);cursor:pointer;appearance:none;width:18px;height:18px;transition:all var(--transition-fast);position:relative}input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=checkbox]:hover{border-color:var(--accent-primary)}.status{color:var(--text-secondary);background:var(--surface-1);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;max-width:300px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:500;overflow:hidden}.details{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-1);padding:0;overflow:hidden}.details>summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;list-style:none;display:flex}.details>summary::-webkit-details-marker{display:none}.details>summary:before{content:"▸";transition:transform var(--transition-fast);font-size:10px}.details[open]>summary:before{transform:rotate(90deg)}.details>summary:hover{background:var(--surface-2);color:var(--text-primary)}.details-body{border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:12px 14px;display:flex}.details-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.slider{align-items:center;gap:6px;padding:4px 0;display:flex}.slider-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;min-width:40px;font-size:10px;font-weight:600}.slider input[type=range]{appearance:none;background:#ffffff1a;border-radius:2px;flex:1;height:3px}.slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;border:1.5px solid #ffffff4d;border-radius:50%;width:12px;height:12px}.slider-value{font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:right;min-width:30px;font-size:10px;font-weight:600}.side-panel{pointer-events:auto;background:#1a1d24;flex-direction:column;width:100%;height:calc(100vh - 36px);display:flex;overflow:hidden}.side-panel-left{border-right:1px solid #ffffff0f;grid-area:left}.side-panel-right{border-left:1px solid #ffffff0f;grid-area:right}#overlay.left-collapsed .side-panel-left,#overlay.right-collapsed .side-panel-right{display:none}html[data-mode=sim] .side-panel{border-radius:var(--radius-lg);border:1px solid var(--border-default);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-elevated);grid-area:panel;height:calc(100vh - 32px)}.panel-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.panel-title:before{content:"";background:var(--border-strong);border-radius:2px;width:3px;height:12px}.mode-toggle{cursor:pointer;color:var(--text-tertiary)!important;background:0 0!important;border:1px solid #ffffff1a!important;border-radius:4px!important;align-items:center!important;gap:5px!important;padding:4px 10px!important;font-size:11px!important;font-weight:600!important;transition:all .1s!important;display:flex!important}.mode-toggle:hover{color:var(--text-primary)!important;background:#ffffff0f!important}.mode-icon{font-size:9px}.panel-content{flex:1;overflow:hidden auto}.panel-footer{background:#ffffff05;border-top:1px solid #ffffff0f;flex-shrink:0;padding:5px 10px}.panel-collapse-btn{cursor:pointer;color:var(--text-tertiary)!important;background:0 0!important;border:1px solid #ffffff1a!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;padding:4px 8px!important;font-size:10px!important;font-weight:600!important;line-height:1!important;transition:all .1s!important;display:flex!important}.panel-collapse-btn:hover{color:var(--text-primary)!important;background:#ffffff0f!important}.left-panel-open{pointer-events:auto;border:1px solid var(--border-default);background:var(--bg-elevated);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;z-index:150;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;top:44px;left:8px}.left-panel-open:hover{color:var(--text-primary);background:#ffffff14}.left-panel-open.hidden{display:none}.ai-panel-open{pointer-events:auto;border:1px solid var(--border-default);background:var(--bg-elevated);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;z-index:150;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;top:44px;right:8px}.ai-panel-open:hover{color:var(--text-primary);background:#ffffff14}.ai-panel-open.hidden{display:none}.sim-panel-open{pointer-events:auto;border:1px solid var(--border-default);background:var(--bg-elevated);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;z-index:150;border-radius:8px;position:fixed;top:16px;right:16px}.sim-panel-open:hover{color:var(--text-primary);background:#ffffff14}.sim-panel-open.hidden{display:none}.shortcuts{color:var(--text-tertiary);flex-wrap:wrap;gap:6px 10px;font-size:10px;display:flex}.shortcuts b{color:var(--text-secondary);background:#ffffff0f;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:600}.tag-selected,.tag-form.hidden{display:none}.status-floating{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;white-space:nowrap;text-overflow:ellipsis;max-width:300px;padding:8px 14px;font-size:12px;font-weight:500;position:fixed;top:16px;left:16px;overflow:hidden}.status-floating:empty{display:none}.outliner{border-bottom:1px solid #ffffff0f}.ol-section{border-bottom:1px solid #ffffff0a}.ol-section:last-child{border-bottom:none}.ol-section>summary{list-style:none}.ol-section>summary::-webkit-details-marker{display:none}.ol-header{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:background .1s;display:flex}.ol-header:hover{background:#ffffff0a}.ol-header:before{content:"▸";color:var(--text-tertiary);width:10px;font-size:9px;transition:transform .15s;display:inline-block}.ol-section[open]>.ol-header:before{transform:rotate(90deg)}.ol-icon{font-size:12px}.ol-count{color:var(--text-tertiary);text-align:center;background:#ffffff0a;border-radius:8px;min-width:16px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:500}.ol-list{flex-direction:column;gap:1px;max-height:160px;padding:0 0 2px;display:flex;overflow-y:auto}.tag-item,.ol-item{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:0;align-items:center;gap:6px;padding:4px 10px 4px 26px;font-size:12px;font-weight:500;transition:all 80ms;display:flex}.tag-item:hover{color:var(--text-primary);background:#ffffff0a}.tag-item small{color:var(--text-tertiary);flex-shrink:0;margin-top:0;margin-left:auto;font-size:10px;font-weight:400;display:inline}.tag-item.active{background:var(--accent-primary-subtle);color:var(--accent-primary-hover);box-shadow:inset 3px 0 0 var(--accent-primary);border:none}.ol-group{border-left:2px solid #0000;margin-bottom:2px}.ol-group.active{border-left-color:var(--accent-primary);background:#6366f10a}.ol-group-header{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:4px 8px 4px 14px;font-size:12px;font-weight:600;transition:background 80ms;display:flex}.ol-group-collapse-btn{width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:0;font-size:11px;line-height:1}.ol-group-collapse-btn:hover{color:var(--text-primary);background:#ffffff0f}.ol-group-header:hover{color:var(--text-primary);background:#ffffff0d}.ol-group-icon{flex-shrink:0;font-size:11px}.ol-group-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ol-group-count{color:var(--text-tertiary);flex-shrink:0;font-size:10px;font-weight:400}.ol-group-pickable{opacity:.85;flex-shrink:0;font-size:11px}.ol-group-actions{opacity:0;flex-shrink:0;gap:2px;margin-left:auto;transition:opacity .1s;display:flex}.ol-group-header:hover .ol-group-actions{opacity:1}.ol-group-btn{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-tertiary);cursor:pointer;padding:1px 6px;font-family:inherit;font-size:10px;font-weight:600;transition:all 80ms}.ol-group-btn:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-strong)}.ol-group-children{border-left:1px solid var(--border-subtle);margin-left:18px;padding-left:12px}.ol-group-child{padding-left:14px!important;font-size:11px!important}.tag-item.multi-selected{color:var(--text-primary);background:#8b5cf61f;box-shadow:inset 3px 0 #8b5cf6}.tag-item.multi-selected:hover{background:#8b5cf62e}.ol-group-action-bar{border-radius:var(--radius-md);background:#8b5cf614;border:1px solid #8b5cf640;align-items:center;gap:6px;margin:4px 6px;padding:6px 10px;display:flex}.ol-group-action-label{color:#a78bfa;white-space:nowrap;flex:1;font-size:11px;font-weight:600}.ol-group-action-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;color:#fff;background:#8b5cf6;border:none;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .1s}.ol-group-action-btn:hover{background:#7c3aed}.ol-group-cancel-btn{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-default)}.ol-group-cancel-btn:hover{background:var(--surface-3)}.details-panel{border-top:2px solid #6366f14d}.details-panel.hidden{display:none}.details-title{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-primary-hover);background:#6366f10f;border-bottom:1px solid #ffffff0a;padding:6px 10px;font-size:11px;font-weight:700}.dt-section{border-bottom:1px solid #ffffff0a}.dt-section>summary{list-style:none}.dt-section>summary::-webkit-details-marker{display:none}.dt-header{color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:flex}.dt-header:hover{color:var(--text-secondary)}.dt-header:before{content:"▸";width:10px;font-size:9px;transition:transform .15s;display:inline-block}.dt-section[open]>.dt-header:before{transform:rotate(90deg)}.dt-body{padding:6px 10px 8px}.dt-input{width:100%;color:var(--text-primary);resize:vertical;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;margin-bottom:6px;padding:5px 8px;font-family:inherit;font-size:12px;transition:border-color .1s}.dt-input:focus{border-color:var(--accent-primary);outline:none}.dt-select{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;flex:1;padding:4px 8px;font-family:inherit;font-size:12px}.dt-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.builder-interaction-row{flex-wrap:wrap}.builder-interaction-row .builder-transition-label{flex:180px;min-width:150px;margin-bottom:0}.builder-interaction-row .builder-transition-target{flex:0 140px;min-width:120px}.builder-interaction-row .builder-transition-remove{flex:none}.dt-actions{gap:4px;display:flex}.dt-actions .tb-btn{flex:1;justify-content:center}.xform-row{grid-template-columns:56px 1fr 1fr 1fr;align-items:center;gap:3px;margin-bottom:3px;display:grid}.xform-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;padding-left:2px;font-size:10px;font-weight:600}.xform-in{width:100%;color:var(--text-primary);text-align:right;-moz-appearance:textfield;background:#0000004d;border:1px solid #ffffff14;border-radius:3px;padding:4px 6px;font-family:SF Mono,Fira Code,monospace,inherit;font-size:11px;font-weight:500}.xform-in::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.xform-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.xform-in:focus{border-color:#fff3;outline:none}.xform-x{border-left:2px solid #ef4444}.xform-y{border-left:2px solid #22c55e}.xform-z{border-left:2px solid #3b82f6}.panel-section{border:none;padding:0}.section-label,.asset-tools{display:none}.modal{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;place-items:center;animation:.2s modalFadeIn;display:grid;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{border-radius:var(--radius-xl);border:1px solid var(--border-default);background:var(--bg-secondary);width:min(560px,100vw - 48px);box-shadow:var(--shadow-xl);flex-direction:column;max-height:calc(100vh - 96px);animation:.3s modalSlideIn;display:flex;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{letter-spacing:-.02em;border-bottom:1px solid var(--border-subtle);background:var(--surface-1);padding:18px 20px;font-size:16px;font-weight:700}.modal-body{padding:20px;overflow-y:auto}.modal-body input,.modal-body textarea{margin-bottom:12px}.modal-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 10px;font-size:12px;font-weight:700}.modal-hint{color:var(--text-tertiary);background:var(--surface-1);border-radius:var(--radius-md);border-left:3px solid var(--accent-info);margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.5}.modal-hint b{color:var(--text-secondary)}.asset-states{flex-direction:column;gap:10px;display:flex}.asset-state-row{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-1);flex-direction:column;gap:10px;padding:14px;display:flex}.asset-state-row-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.asset-state-row-top label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.asset-interactions-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:11px;font-weight:700}.asset-interactions{flex-direction:column;gap:8px;display:flex}.asset-interaction-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asset-interaction-row input[type=text]{flex:1;min-width:140px;margin:0;padding:8px 12px;font-size:13px}.agent-cmd-bar{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);z-index:160;max-width:min(600px,100vw - 32px);transition:opacity var(--transition-fast);opacity:.65;align-items:center;gap:6px;padding:6px 10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.agent-cmd-bar:hover,.agent-cmd-bar:focus-within,.agent-cmd-bar.active{opacity:1}.agent-cmd-spawn{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.agent-cmd-spawn:hover{background:var(--surface-3);border-color:var(--border-strong)}.agent-cmd-status{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;min-width:0;max-width:80px;font-size:11px;font-weight:600;overflow:hidden}.agent-cmd-status:empty{display:none}.agent-cmd-input{background:var(--surface-2);min-width:140px;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast);outline:none;flex:1;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500}.agent-cmd-input:focus{border-color:var(--accent-primary)}.agent-cmd-input::placeholder{color:var(--text-tertiary)}.agent-cmd-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600}.agent-cmd-btn:hover{background:var(--accent-primary-hover)}.agent-cmd-btn:disabled{opacity:.4;cursor:not-allowed}.agent-cmd-stop{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-default)}.agent-cmd-stop:hover{background:var(--surface-3);border-color:var(--border-strong)}.agent-control-strip{background:#ffffff05;border-bottom:1px solid #ffffff14;padding:8px 10px}.agent-control-selected{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:11px;font-weight:600;overflow:hidden}.agent-control-actions{gap:6px;display:flex}.agent-control-actions .tb-btn{flex:1;justify-content:center;padding:5px 8px;font-size:11px}.agent-control-task-row{gap:6px;margin-top:6px;display:flex}.agent-control-task-input{min-width:0;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);outline:none;flex:1;padding:6px 8px;font-size:11px}.agent-control-task-input:focus{border-color:var(--accent-primary)}.agent-badge-layer{pointer-events:none;z-index:170;position:fixed;inset:0}.agent-badge{pointer-events:auto;z-index:220;touch-action:none;color:var(--text-primary);border:1px solid var(--border-strong);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-md);background:#101620e6;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;position:fixed;transform:translate(-50%,-50%)}.agent-badge.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-subtle),var(--shadow-md)}.vibe-panel-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.vibe-panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.vibe-panel-title:before{content:"✦";color:#8b5cf6;font-size:12px}.vibe-tabs{border-bottom:1px solid var(--border-subtle);background:#ffffff03;gap:4px;padding:6px 10px;display:flex}.vibe-tab-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600}.vibe-tab-btn:hover{color:var(--text-secondary);background:#ffffff0a}.vibe-tab-btn.active{color:var(--text-primary);background:#8b5cf626;border-color:#8b5cf659}.vibe-content{flex:1;min-height:0;display:flex}.vibe-tab-pane{flex-direction:column;flex:1;min-height:0;display:flex}.vibe-assets-help{color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);padding:10px;font-size:11px;line-height:1.6}.vibe-asset-controls{border-bottom:1px solid var(--border-subtle);gap:6px;padding:10px;display:flex}.vibe-asset-aux-controls{border-bottom:1px solid var(--border-subtle);gap:6px;padding:8px 10px;display:flex}.vibe-asset-aux-controls .vibe-btn{border:1px solid var(--border-default);background:var(--surface-2);color:var(--text-secondary);flex:1;padding:6px 8px;font-size:11px}.vibe-asset-aux-controls .vibe-btn:hover{background:var(--surface-3);color:var(--text-primary)}.vibe-asset-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:10px;min-height:0;padding:8px;display:grid;overflow-y:auto}.vibe-asset-empty{color:var(--text-tertiary);padding:16px 10px;font-size:12px}.vibe-asset-item{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:8px;align-self:start;height:auto;padding:6px}.vibe-asset-thumb{aspect-ratio:1;object-fit:cover;background:#0b0d11;border:1px solid #ffffff14;border-radius:6px;width:100%;display:block}.vibe-asset-item-head{justify-content:space-between;align-items:center;gap:8px;margin:6px 2px 0;display:flex}.vibe-asset-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.vibe-asset-status{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-default);color:var(--text-tertiary);border-radius:999px;padding:2px 6px;font-size:10px}.vibe-asset-status.approved{color:#86efac;background:#4ade801f;border-color:#4ade8066}.vibe-asset-prompt{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin:4px 2px 0;font-size:10px;line-height:1.4;overflow:hidden}.vibe-asset-actions{gap:4px;margin-top:6px;display:flex}.vibe-asset-actions .vibe-btn{flex:1;padding:5px 6px;font-size:10px}.vibe-asset-item[draggable=true]{cursor:grab}.vibe-asset-item[draggable=true]:active{cursor:grabbing}body.staging-mode{background:#000}body.staging-mode .watermark-logo{opacity:.08}body.staging-mode #overlay-top{background:#080a0eeb;border-bottom-color:#ffffff14}body.staging-mode .panel-title:after{content:" · Asset Builder";color:var(--accent-primary);font-weight:600}body.staging-mode .shape-dropdown-wrapper{display:none}.vibe-bar{background:#ffffff05;border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;display:flex}.vibe-bar.active{background:#8b5cf60a;border-top-color:#8b5cf626}.vibe-icon{display:none}.vibe-input{background:var(--surface-2);min-width:0;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast);outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:500}.vibe-input:focus{border-color:var(--accent-primary)}.vibe-input::placeholder{color:var(--text-tertiary)}.vibe-input:disabled{opacity:.5}.vibe-mode-toggle{color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;padding:4px 6px;font-size:11px;font-weight:600;display:flex}.vibe-mode-toggle:hover{color:var(--text-secondary);background:var(--surface-1)}.vibe-mode-toggle input[type=checkbox]{cursor:pointer;width:14px;height:14px;margin:0}.vibe-btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none;flex-shrink:0;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:600}.vibe-btn:disabled{opacity:.4;cursor:not-allowed}.vibe-btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:1px solid #8b5cf64d}.vibe-btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 0 12px #8b5cf64d}.vibe-btn-stop{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-default)}.vibe-btn-stop:hover{background:var(--surface-3);border-color:var(--border-strong)}.vibe-status{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:180px;font-size:11px;font-weight:500;overflow:hidden}.vibe-status:empty{display:none}.vibe-tracker{scrollbar-width:thin;flex:1;padding:6px 0;font-size:12px;overflow-y:auto}.vibe-stream-details{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:8px;margin:8px 10px 2px;overflow:hidden}.vibe-stream-summary{cursor:pointer;color:var(--text-secondary);border-bottom:1px solid #ffffff0d;padding:8px 10px;font-size:11px}.vibe-stream-body{white-space:pre-wrap;word-break:break-word;color:#cdd6f4;background:#080a0eb3;max-height:160px;margin:0;padding:10px;font-size:10px;line-height:1.45;overflow:auto}.vibe-tracker::-webkit-scrollbar{width:4px}.vibe-tracker::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.vt-header{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:6px 14px 8px;font-size:12px;font-weight:700;display:flex}.vt-count{color:var(--text-tertiary);background:#ffffff0f;border-radius:8px;padding:1px 7px;font-size:10px;font-weight:500}.vt-task{border-top:1px solid #0000}.vt-task+.vt-task{border-top-color:var(--border-subtle)}.vt-task-row{align-items:center;gap:8px;min-height:28px;padding:5px 14px;display:flex}.vt-icon{text-align:center;flex-shrink:0;width:16px;font-size:11px;line-height:1}.vt-pending .vt-icon{color:var(--text-tertiary)}.vt-active .vt-icon{color:#8b5cf6;animation:1.2s ease-in-out infinite vt-pulse}.vt-done .vt-icon{color:#4ade80}.vt-failed .vt-icon{color:#ef4444}@keyframes vt-pulse{0%,to{opacity:1}50%{opacity:.4}}.vt-title{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.vt-active .vt-title{color:var(--text-primary);font-weight:600}.vt-done .vt-title{color:var(--text-secondary)}.vt-pending .vt-title{color:var(--text-tertiary)}.vt-meta{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:500}.vt-active .vt-meta{color:#a78bfa}.vt-details{padding:0 14px 4px 38px}.vt-detail{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.6;overflow:hidden}.vt-detail:before{content:"› ";color:var(--border-strong)}.vt-final{color:var(--text-secondary);border-top:1px solid var(--border-subtle);align-items:baseline;gap:6px;padding:6px 14px;font-size:11px;display:flex}.vt-final-icon{color:#fbbf24;font-size:12px}.vibe-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;min-height:200px;padding:40px 20px;display:flex}.vibe-empty-icon{opacity:.25;-webkit-user-select:none;user-select:none;font-size:32px}.vibe-empty-text{color:var(--text-tertiary);max-width:240px;font-size:12px;line-height:1.6}.vt-activity{color:#a78bfa;word-wrap:break-word;white-space:normal;background:#8b5cf60f;border-top:1px solid #8b5cf626;padding:8px 14px;font-size:11px;font-weight:500;line-height:1.5;animation:1.2s ease-in-out infinite vt-pulse}.vt-activity.hidden{display:none}.agent-vision{border-bottom:1px solid var(--border-subtle)}.agent-shot-img{background:var(--bg-primary);aspect-ratio:2.2;object-fit:cover;width:100%;height:auto;display:block}.agent-decision-content{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:var(--surface-1);border-radius:var(--radius-md);border:1px solid var(--border-subtle);max-height:160px;margin:0;padding:10px 12px;font-family:SF Mono,Fira Code,Monaco,monospace;font-size:12px;line-height:1.5;overflow-y:auto}.agent-collapse{border-bottom:1px solid var(--border-subtle)}.agent-collapse:last-child{border-bottom:none}.agent-collapse>summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;list-style:none;display:flex}.agent-collapse>summary::-webkit-details-marker{display:none}.agent-collapse>summary:before{content:"▸";transition:transform var(--transition-fast);font-size:10px}.agent-collapse[open]>summary:before{transform:rotate(90deg)}.agent-collapse>summary:hover{background:var(--surface-1);color:var(--text-primary)}.agent-collapse-content{padding:0 12px 12px}.agent-observation-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1);margin:16px 12px;padding:10px}.agent-observation-panel .section-label{margin-bottom:8px}.agent-meta{color:var(--text-tertiary);margin-bottom:8px;font-size:11px;line-height:1.5}.agent-sub-collapse{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-1);margin-bottom:6px}.agent-sub-collapse:last-child{margin-bottom:0}.agent-sub-collapse>summary{cursor:pointer;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:600;list-style:none;display:flex}.agent-sub-collapse>summary::-webkit-details-marker{display:none}.agent-sub-collapse>summary:before{content:"▸";transition:transform var(--transition-fast);font-size:9px}.agent-sub-collapse[open]>summary:before{transform:rotate(90deg)}.agent-sub-collapse>summary:hover{color:var(--text-secondary)}.agent-pre{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;background:var(--bg-primary);border-top:1px solid var(--border-subtle);max-height:300px;margin:0;padding:10px;font-family:SF Mono,Fira Code,Monaco,monospace;font-size:10px;line-height:1.5;overflow-y:auto}.agent-log{flex-direction:column;gap:4px;max-height:200px;padding:8px 12px 12px;display:flex;overflow-y:auto}.agent-log-item{border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-secondary);white-space:pre-wrap;padding:8px 10px;font-family:SF Mono,Fira Code,Monaco,monospace;font-size:10px;line-height:1.4}#crosshair{pointer-events:none;opacity:.9;width:20px;height:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";transition:all var(--transition-fast);background:#ffffffe6;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before{width:12px;height:2px}#crosshair:after{width:2px;height:12px}#crosshair.interactable:before,#crosshair.interactable:after{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary-glow)}#crosshair.interactable{opacity:1}#crosshair.holding:before,#crosshair.holding:after{background:var(--accent-warning);box-shadow:0 0 10px #f59e0b80}#crosshair.holding{opacity:1}#interaction-hint{pointer-events:none;opacity:0;transition:all var(--transition-normal);z-index:101;background:var(--bg-elevated);border:1px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--text-primary);white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg),0 0 20px var(--accent-primary-subtle);padding:8px 14px;font-size:13px;font-weight:600;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)translateY(40px)}#interaction-hint.visible{opacity:1;transform:translate(-50%,-50%)translateY(35px)}#interaction-hint .hint-key{background:var(--accent-primary);border-radius:var(--radius-sm);color:#fff;min-width:22px;height:22px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-left:8px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}#interaction-popup{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);z-index:150;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:220px;box-shadow:var(--shadow-xl);pointer-events:auto;flex-direction:column;gap:4px;padding:8px;animation:.2s popupSlideIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)translateY(70px)}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-50%,-50%)translateY(60px)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)translateY(70px)scale(1)}}.interact-action-btn{width:100%;margin-bottom:4px;text-align:left!important;background:var(--surface-1)!important;border:1px solid var(--border-subtle)!important;justify-content:flex-start!important;padding:10px 14px!important}.interact-action-btn:last-child{margin-bottom:0}.interact-action-btn:hover{background:var(--accent-primary-subtle)!important;border-color:#6366f14d!important}.hidden,html[data-mode=sim] .edit-only,html[data-mode=edit] .sim-only{display:none!important}html[data-mode=edit] #agent-command-bar.sim-only{display:flex!important}html[data-mode=edit] #agent-panel.sim-only{z-index:145;border:1px solid var(--border-default);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-elevated);width:360px;max-height:56vh;position:fixed;bottom:72px;right:16px;display:flex!important}@media (max-width:1100px){#overlay{grid-template-columns:280px 1fr 320px}.tb-btn span,.tb-btn svg+span{display:none}}@media (max-width:900px){#overlay{grid-template-columns:0 1fr 320px}.side-panel-left{display:none}.left-panel-open{display:none!important}}@media (max-width:640px){#overlay{grid-template:"top""."1fr/1fr}.side-panel{height:auto;max-height:50vh}.side-panel-left,.side-panel-right{display:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}::selection{background:var(--accent-primary-subtle);color:var(--text-primary)}.shape-dropdown-wrapper{display:inline-block;position:relative}.shape-dropdown-menu{z-index:200;background:#1e2128;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;gap:2px;min-width:140px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 30px #0009}.shape-dropdown-menu.hidden{display:none}.shape-dropdown-menu button{width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.shape-dropdown-menu button:hover{background:var(--surface-2)}.shape-icon{opacity:.7;justify-content:center;width:18px;font-size:14px;display:inline-flex}.prim-props{padding:0}.prim-props.hidden{display:none}.prop-group{margin-bottom:6px}.prop-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:4px;font-size:10px;font-weight:600}.prop-row,.dt-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.prop-label{color:var(--text-tertiary);flex-shrink:0;min-width:48px;font-size:11px;font-weight:600}input[type=color]{appearance:none;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:3px;width:32px;height:24px;padding:2px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.prop-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.prop-check input[type=checkbox]{accent-color:var(--accent-primary);width:13px;height:13px}.blob-shadow-controls{flex-direction:column;gap:3px;padding:4px 0 4px 19px;display:flex}.blob-shadow-controls.hidden{display:none}.blob-shadow-controls .prop-row{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.blob-shadow-controls .prop-row label{flex-shrink:0;min-width:52px}.blob-shadow-controls .prop-row input[type=range]{height:3px;accent-color:var(--accent-primary);flex:1}.blob-shadow-controls .prop-row span{text-align:right;font-variant-numeric:tabular-nums;min-width:28px}.blob-shadow-controls .prop-row input[type=number]{width:60px}.prop-row-3{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.prop-input-group{flex-direction:column;gap:2px;display:flex}.prop-input-group label{text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:700}.prop-input-group input[type=number]{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);-moz-appearance:textfield;padding:6px 8px;font-family:inherit;font-size:12px}.prop-input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.prop-input-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.prop-input-group input[type=number]:focus{border-color:var(--accent-primary);outline:none}.file-sm{padding:4px 10px!important;font-size:12px!important}.btn-sm{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:4px 10px;font-family:inherit;font-size:12px}.btn-sm:hover{background:var(--surface-3);color:var(--text-primary)}.btn-sm.danger{color:#ef4444}.btn-sm.danger:hover{color:#f87171;background:#ef444426}.prim-props textarea{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;min-height:40px;transition:border-color var(--transition-fast);margin-bottom:8px;padding:8px 10px;font-family:inherit;font-size:13px}.prim-props textarea:focus{border-color:var(--accent-primary);outline:none}.meta-kv-list{flex-direction:column;gap:4px;display:flex}.meta-kv-empty{color:var(--text-tertiary);padding:4px 0;font-size:11px;font-style:italic}.meta-kv-row{align-items:center;gap:4px;display:flex}.meta-kv-key,.meta-kv-val{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:0;color:var(--text-primary);transition:border-color var(--transition-fast);flex:1;padding:5px 8px;font-family:inherit;font-size:12px}.meta-kv-key{color:var(--accent-info);flex:.45;font-weight:600}.meta-kv-val{flex:.55}.meta-kv-key:focus,.meta-kv-val:focus{border-color:var(--accent-primary);outline:none}
#loading-screen{z-index:99999;background:#0a0c12;flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}#loading-screen.loaded{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{opacity:.9;width:64px;height:64px}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#ffffff80;letter-spacing:.02em;margin:0;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500}html[data-mode=sim] #overlay{grid-template-columns:340px 1fr!important;grid-template-areas:"panel."!important}html[data-mode=sim] #overlay.sim-panel-collapsed{grid-template-columns:0 1fr!important}html[data-mode=sim] .side-panel{border-radius:var(--radius-lg);max-height:calc(100vh - 80px)}#status-sim{display:none!important}.sim-panel-open{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#e2e8f0!important;background:#0a0c12e6!important;border:1px solid #ffffff1f!important;align-items:center!important;gap:6px!important;width:auto!important;height:auto!important;padding:8px 14px!important;font-size:12px!important;font-weight:600!important;display:flex!important;left:16px!important;right:auto!important}.sim-panel-open.hidden,#agent-command-bar{display:none!important}.deploy-agent-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:#1d4ed8;border:none;border-radius:999px;width:100%;padding:11px 16px;font-size:11px;font-weight:700;transition:opacity .15s,transform .1s}.deploy-agent-btn:hover{opacity:.88;transform:scale(1.01)}.deploy-agent-btn:active{transform:scale(.97)}.deploy-agent-btn:disabled{opacity:.4;cursor:not-allowed;background:#475569}.deploy-agent-btn.stop-mode{background:#dc2626}.deploy-agent-btn.stop-mode:hover{opacity:.88}#pointer-hint{z-index:9990;pointer-events:none;color:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#0006;border-radius:8px;padding:6px 14px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500;transition:opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#pointer-hint.visible{opacity:1}