.studio{display:grid;grid-template-rows:var(--topbar-h) 1fr var(--footer-h);grid-template-columns:var(--sidebar-w) 1fr var(--inspector-w);grid-template-areas:"topbar topbar topbar" "sidebar canvas inspector" "footer footer footer";height:100vh;height:100dvh;font-size:14px;-webkit-user-select:none;user-select:none;overflow:hidden}.st-topbar{grid-area:topbar;border-bottom:1px solid var(--line);background:var(--bg-2);display:flex;align-items:center;padding:0 16px;gap:14px;position:relative;z-index:20}.st-tb-section{display:flex;align-items:center;gap:6px}.st-tb-section.center{flex:1;justify-content:center}.st-tb-section.right{gap:10px}.st-logo{display:inline-flex;align-items:center;height:34px;padding-right:12px;margin-right:6px;border-right:1px solid var(--line);text-decoration:none}.st-logo-img{height:100%;width:auto;display:block;filter:drop-shadow(0 1px 4px rgba(0,0,0,.45))}.st-menu-btn{background:transparent;border:none;color:var(--text-2);padding:8px 12px;border-radius:6px;font-size:14px;transition:all .15s}.st-menu-btn:hover{background:var(--bg-3);color:var(--text)}.st-project-pill{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 7px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:7px;font-size:13px;height:34px}.st-project-pill-icon{width:22px;height:22px;border-radius:5px}.st-project-pill .name{color:var(--text);font-weight:500}.st-project-pill .sep{color:var(--text-4)}.st-project-pill .status{color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.st-project-pill .chevron{color:var(--text-3);font-size:11px}.st-tb-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:7px;color:var(--text);font-size:13px;font-weight:500;height:34px;transition:all .15s}.st-tb-btn:hover{background:var(--bg-4);border-color:var(--line-3)}.st-tb-btn.primary{background:var(--accent);color:#0a0a0a;font-weight:600;border-color:transparent;box-shadow:0 0 0 1px #c9f1584d,0 2px 8px #c9f15833}.st-tb-btn.primary:hover{background:var(--accent-l)}.kbd{font-family:var(--font-mono);font-size:11px;color:var(--text-3);background:#0000004d;padding:2px 6px;border-radius:4px;border:1px solid var(--line-2)}.st-tb-btn.primary .kbd{background:#00000026;color:#0009;border-color:#00000026}.st-usage-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 12px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:7px;height:28px;font-size:12px;color:var(--text-2);font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap}.st-usage-pill .st-usage-count{color:var(--text);font-weight:500}.st-usage-pill .st-usage-period{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.st-usage-pill .st-usage-cta{margin-left:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;background:var(--bg-4);color:var(--accent);border:1px solid rgba(201,241,88,.3);transition:all .15s}.st-usage-pill .st-usage-cta:hover{background:var(--accent);color:#0a0a0a;border-color:transparent}.st-usage-pill.warn{border-color:#ffb54766}.st-usage-pill.warn .st-usage-count{color:var(--warning)}.st-usage-pill.capped{border-color:#ff546680;background:#ff54660f}.st-usage-pill.capped .st-usage-count{color:var(--danger)}.st-usage-pill.capped .st-usage-cta{color:#0a0a0a;background:var(--danger);border-color:transparent}.st-usage-pill.capped .st-usage-cta:hover{background:#ff7080}@media (max-width: 720px){.st-usage-pill{padding:5px 8px;gap:6px}.st-usage-pill .st-usage-period{display:none}}.st-sidebar{grid-area:sidebar;background:var(--bg-2);border-right:1px solid var(--line);overflow-y:auto;padding:12px 0}.st-new-btn{margin:0 14px 10px;padding:10px 12px;background:transparent;border:1px dashed var(--line-3);border-radius:7px;color:var(--text-2);font-size:13px;font-weight:500;width:calc(100% - 28px);transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.st-new-btn:hover{border-color:var(--accent);color:var(--accent);background:#c9f1580a}.st-sb-section{margin-bottom:18px}.st-sb-head{display:flex;align-items:center;justify-content:space-between;padding:4px 14px 8px}.st-sb-label{font-family:var(--font-mono);font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.12em}.st-sb-action{font-size:15px;color:var(--text-3);cursor:pointer;padding:2px 6px;border-radius:4px}.st-sb-action:hover{background:var(--bg-3);color:var(--text)}.st-sb-item{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:14px;color:var(--text-2);cursor:pointer;border-left:2px solid transparent}.st-sb-item:hover{background:var(--bg-3);color:var(--text)}.st-sb-item.active{background:var(--bg-3);color:var(--text);border-left-color:var(--accent)}.st-sb-thumb{width:22px;height:22px;border-radius:5px;flex-shrink:0;border:1px solid rgba(0,0,0,.3)}.st-sb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-sb-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-4);letter-spacing:.05em}.st-sb-item.active .st-sb-meta{color:var(--accent)}.st-sb-link{color:var(--text-2)}.st-sb-empty{padding:14px 16px;font-size:13px;color:var(--text-3);line-height:1.55}.st-sb-empty a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.st-sb-empty-inset{padding:8px 16px 8px 44px;font-size:12px}.st-sb-chev{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);border-radius:3px;transition:transform .15s,color .15s,background .15s;flex-shrink:0}.st-sb-chev:hover{color:var(--text);background:var(--bg-4)}.st-sb-chev.open{transform:rotate(90deg);color:var(--text-2)}.st-sb-materials{padding:2px 0 6px}.st-sb-material{padding-left:36px;font-size:13px;color:var(--text-3)}.st-sb-material:hover{color:var(--text)}.st-sb-material.active{color:var(--text);background:var(--bg-4);border-left-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.st-sb-material .st-sb-thumb{width:18px;height:18px;border-radius:4px}.st-sb-row-actions{display:flex;gap:2px;margin-left:auto;opacity:0;transition:opacity .15s}.st-sb-project:hover .st-sb-row-actions{opacity:1}.st-sb-project:hover .st-sb-meta{display:none}.st-sb-material:hover .st-sb-row-actions{opacity:1}.st-sb-material:hover .st-sb-meta{display:none}.st-sb-row-act{width:22px;height:22px;background:transparent;border:none;color:var(--text-3);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s}.st-sb-row-act:hover{color:var(--text);background:var(--bg-4)}.st-sb-row-act.danger:hover{color:var(--red);background:#ff546614}.st-sb-rename{flex:1;min-width:0;background:var(--bg);border:1px solid var(--accent);border-radius:4px;color:var(--text);font-family:var(--font-sans);font-size:14px;padding:3px 6px;outline:none}.st-sb-project.editing{cursor:default;background:var(--bg-3)}.st-gen-panel{padding:14px 14px 18px;border-bottom:1px solid var(--line);margin-bottom:12px}.st-gen-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;margin-bottom:12px}.st-gen-mode{padding:9px 10px;font-family:var(--font-mono);font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;border-radius:6px;cursor:pointer;text-align:center;border:none;background:transparent;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.st-gen-mode:hover{color:var(--text-2)}.st-gen-mode.active{background:var(--bg-3);color:var(--text)}.st-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 18px;background:var(--bg);border:1.5px dashed var(--line-3);border-radius:8px;color:var(--text-3);font-size:14px;text-align:center;cursor:pointer;transition:all .15s;min-height:160px}.st-dropzone:hover{border-color:var(--accent);color:var(--text-2);background:#c9f15808}.st-dropzone.dragging{border-color:var(--accent);border-style:solid;background:#c9f15812;color:var(--accent)}.st-dropzone svg{color:var(--text-3)}.st-dropzone:hover svg{color:var(--accent)}.st-dropzone-hint{font-size:13px;color:var(--text-3)}.st-dropzone-hint b{color:var(--text-2);font-weight:500}.st-dropzone-preview{position:relative;width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--line-2)}.st-dropzone-preview img{width:100%;height:160px;object-fit:cover;display:block}.st-dropzone-clear{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.st-dropzone-clear:hover{background:#000c}.st-gen-section-divider{height:1px;background:var(--line);margin:0 14px 12px}.st-canvas{grid-area:canvas;background:radial-gradient(ellipse at center,#1a1a1a,#080808);position:relative;overflow:hidden}.st-canvas-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.st-canvas-grid-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.6) 90%)}.st-viewer-container{position:absolute;top:0;right:0;bottom:0;left:0}.st-gen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:4}.st-gen-spinner{width:36px;height:36px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.st-gen-label{font-family:var(--font-mono);font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.1em}.st-gen-label .accent{color:var(--accent)}.st-hud-tl{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:8px;z-index:5}.st-hud-chip{background:#0a0a0ab3;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1px solid var(--line-2);border-radius:7px;padding:7px 12px;font-family:var(--font-mono);font-size:11px;color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px;width:max-content}.st-hud-chip strong{color:var(--text);font-weight:600}.st-hud-chip .accent{color:var(--accent)}.st-hud-name{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:0;margin:0;font:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit;cursor:pointer;max-width:240px}.st-hud-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-hud-name-edit{color:var(--text-4);opacity:0;transition:opacity .15s;flex-shrink:0}.st-hud-name:hover .st-hud-name-edit,.st-hud-name:focus-visible .st-hud-name-edit{opacity:1}.st-hud-name:hover strong{color:var(--accent)}.st-hud-name-input{background:var(--bg);border:1px solid var(--accent);border-radius:4px;padding:2px 6px;color:var(--text);font:inherit;letter-spacing:inherit;text-transform:inherit;font-weight:600;width:240px;max-width:60vw;outline:none}.st-hud-tr{position:absolute;top:14px;right:14px;display:flex;gap:6px;z-index:5}.st-icon-btn{width:34px;height:34px;background:#0a0a0ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-2);border-radius:7px;color:var(--text-2);display:flex;align-items:center;justify-content:center;transition:all .15s}.st-icon-btn:hover{background:var(--bg-3);color:var(--text);border-color:var(--line-3)}.st-icon-btn.active{background:var(--bg-3);color:var(--accent);border-color:#c9f1584d}.st-icon-btn svg{width:16px;height:16px}.st-env-selector{position:absolute;bottom:18px;left:14px;display:flex;gap:4px;background:#0a0a0ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-2);border-radius:8px;padding:4px;z-index:5}.st-env-chip{width:32px;height:32px;border-radius:6px;cursor:pointer;border:1px solid transparent}.st-env-chip.active{border-color:var(--accent);box-shadow:0 0 0 1px #c9f1584d}.env-studio{background:linear-gradient(135deg,#444,#888,#444)}.env-sunset{background:linear-gradient(180deg,#f96,#6a3a1a)}.env-night{background:linear-gradient(180deg,#1a2a4a,#050810)}.env-overcast{background:linear-gradient(180deg,#aaa,#666)}.st-canvas-toolbar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#0a0a0acc;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--line-2);border-radius:10px;padding:4px;box-shadow:0 8px 32px #0006;z-index:5}.st-tool{width:34px;height:34px;color:var(--text-3);border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.st-tool:hover{color:var(--text);background:#ffffff0a}.st-tool.active{background:var(--accent);color:#0a0a0a;font-weight:600}.st-zoom-pill{background:#0a0a0ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-2);border-radius:7px;padding:7px 12px;font-family:var(--font-mono);font-size:11px;color:var(--text-2);display:flex;align-items:center;gap:8px}.st-zoom-pill strong{color:var(--text)}.zoom-btn{cursor:pointer;color:var(--text-3);padding:0 5px;font-size:14px}.zoom-btn:hover{color:var(--text)}.st-inspector{grid-area:inspector;background:var(--bg-2);border-left:1px solid var(--line);overflow-y:auto}.st-tabs{display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg-2);z-index:5}.st-tab{flex:1;padding:14px 10px;text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--text-3);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.st-tab:hover{color:var(--text-2)}.st-tab.active{color:var(--text);border-bottom-color:var(--accent)}.st-prompt-section{padding:16px;border-bottom:1px solid var(--line)}.st-label{font-family:var(--font-mono);font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.st-label-action{font-family:var(--font-sans);font-size:13px;color:var(--accent);cursor:pointer;text-transform:none;letter-spacing:0}.st-label-action:hover{text-decoration:underline}.st-prompt-input{width:100%;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:12px 14px;font-family:var(--font-sans);font-size:15px;color:var(--text);line-height:1.5;resize:vertical;transition:border-color .15s}.st-prompt-input:hover{border-color:var(--line-3)}.st-prompt-input:focus{outline:none;border-color:var(--accent)}.st-prompt-tags{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.st-prompt-tag{font-family:var(--font-mono);font-size:11px;color:var(--text-3);padding:4px 9px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:100px;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.st-prompt-tag:hover{color:var(--text);border-color:var(--line-3)}.st-prompt-tag.st-prompt-tag-static{cursor:help;opacity:.7;background:transparent;border-style:dashed}.st-prompt-tag.st-prompt-tag-static:hover{color:var(--text-3);border-color:var(--line-2);opacity:.85}.st-prompt-tag.st-prompt-tag-locked{display:inline-flex;align-items:center;text-decoration:none;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line-2));background:color-mix(in srgb,var(--accent) 8%,var(--bg-3))}.st-prompt-tag.st-prompt-tag-locked:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-3))}.st-verify-card{margin-top:14px;padding:12px;border:1px solid rgba(255,181,71,.4);background:#ffb5470f;border-radius:9px}.st-verify-head{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--warning)}.st-verify-body{margin:7px 0 10px;font-size:12px;line-height:1.45;color:var(--text-2)}.st-verify-body strong{color:var(--text);font-weight:600;word-break:break-all}.st-verify-actions{display:flex;gap:7px}.st-verify-btn{flex:1;padding:8px 10px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid var(--line-2);background:var(--bg-3);color:var(--text);transition:all .15s}.st-verify-btn:hover:not(:disabled){background:var(--bg-4);border-color:var(--line-3)}.st-verify-btn:disabled{opacity:.55;cursor:default}.st-verify-btn.primary{background:var(--accent);color:#0a0a0a;border-color:transparent}.st-verify-btn.primary:hover:not(:disabled){background:var(--accent-l)}.st-verify-msg{margin-top:8px;font-size:11.5px;line-height:1.4}.st-verify-msg.ok{color:var(--accent)}.st-verify-msg.err{color:var(--danger)}.st-generate-btn{width:100%;margin-top:14px;padding:12px;background:var(--accent);color:#0a0a0a;font-weight:600;font-size:15px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;box-shadow:0 0 0 1px #c9f1584d,0 4px 16px #c9f15833}.st-generate-btn:hover:not(:disabled){background:var(--accent-l);box-shadow:0 0 0 1px #c9f15880,0 6px 20px #c9f1584d}.st-generate-btn:disabled{opacity:.7;cursor:wait}.st-generate-btn.st-generate-btn-insufficient{background:var(--bg-3);color:var(--danger);border:1px solid rgba(255,84,102,.4);box-shadow:none;cursor:not-allowed}.st-generate-btn.st-generate-btn-insufficient:disabled{opacity:1}.st-generate-btn.st-generate-btn-insufficient .cost{background:#ff54661f;color:var(--danger)}.st-generate-btn .cost{font-family:var(--font-mono);font-size:11px;background:#0003;padding:3px 7px;border-radius:4px;font-weight:500;margin-left:4px}.st-gen-mini-spinner{width:13px;height:13px;border:1.5px solid rgba(0,0,0,.3);border-top-color:#000c;border-radius:50%;animation:spin .7s linear infinite}.st-maps-section{padding:16px}.st-maps-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st-map-card{aspect-ratio:1;border-radius:7px;position:relative;overflow:hidden;cursor:pointer;border:1px solid var(--line-2);transition:all .15s}.st-map-card:hover{border-color:var(--line-3);transform:translateY(-1px)}.st-map-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px #c9f15866}.st-map-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;pointer-events:none;z-index:1;background:linear-gradient(to top,#000000a6,#0000)}.st-map-card .label{position:absolute;bottom:6px;left:8px;z-index:2;font-family:var(--font-mono);font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.9)}.st-map-card .download{position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;border-radius:6px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffe6;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .15s,background .15s;cursor:pointer}.st-map-card:hover .download{opacity:1}.st-map-card .download:hover{background:#000000bf}.st-map-card .download svg{width:14px;height:14px}.map-alb{background:radial-gradient(circle at 30% 35%,#9a7858,#5a4030,#2a1810)}.map-nrm{background:radial-gradient(circle at 30% 35%,#9a9aff,#5a5acc 70%)}.map-rgh{background:linear-gradient(135deg,#ccc,#444)}.map-hgt{background:linear-gradient(135deg,#fafafa,#888,#0a0a0a)}.map-ao{background:radial-gradient(circle at 30% 35%,#e8e8e8,#888 60%,#444)}.map-mtl{background:radial-gradient(circle at 30% 35%,#1a1a1a,#0a0a0a)}.st-props-section{padding:16px 18px;border-bottom:1px solid var(--line)}.st-props-head{font-family:var(--font-mono);font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.st-props-head:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px #c9f15880}.st-prop-row{display:grid;grid-template-columns:100px 1fr 58px;align-items:center;gap:12px;padding:7px 0}.st-prop-name{color:var(--text-2);font-size:13px;letter-spacing:-.005em}.st-prop-slider-wrap{position:relative;height:18px;display:flex;align-items:center}.st-prop-slider-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer;margin:0}.st-prop-slider{width:100%;height:4px;background:var(--bg-4);border-radius:2px;position:relative;pointer-events:none}.st-prop-slider-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:2px}.st-prop-slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--text);border-radius:50%;box-shadow:0 0 0 1px var(--bg),0 2px 6px #00000080;transition:box-shadow .15s,width .15s,height .15s}.st-prop-row:hover .st-prop-slider-thumb{box-shadow:0 0 0 1px var(--bg),0 0 0 4px #c9f1582e,0 2px 6px #00000080}.st-prop-value{font-family:var(--font-mono);font-size:12px;color:var(--text);text-align:right;background:var(--bg);border:1px solid var(--line-2);border-radius:5px;padding:5px 8px;transition:border-color .15s,color .15s}.st-prop-row:hover .st-prop-value{border-color:var(--line-3)}.st-prop-select{display:flex;gap:2px;background:var(--bg);border:1px solid var(--line-2);border-radius:7px;padding:2px;grid-column:span 2;min-width:0;overflow:hidden}.st-prop-select-opt{flex:1;min-width:0;text-align:center;padding:7px 6px 6px;font-family:var(--font-mono);font-size:11px;color:var(--text-3);border-radius:5px;cursor:pointer;letter-spacing:.04em;position:relative;transition:color .15s,background .15s,box-shadow .15s}.st-prop-select-opt:hover{color:var(--text);background:var(--bg-3)}.st-prop-select-opt.active{background:var(--bg-4);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent),0 0 0 1px var(--line-3)}.st-export-section{padding:16px}.st-export-target{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-3);border:1px solid var(--line-2);border-radius:7px;margin-bottom:6px;cursor:pointer;transition:all .15s}.st-export-target:hover{border-color:var(--line-3)}.st-export-target.selected{border-color:var(--accent);box-shadow:0 0 0 1px #c9f1584d}.st-export-target-label{font-size:14px;color:var(--text);display:flex;align-items:center;gap:10px}.st-export-target-icon{width:18px;height:18px;border-radius:4px}.st-export-target-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.st-export-btn{width:100%;margin-top:14px;padding:12px;background:var(--bg-3);color:var(--text);font-weight:500;font-size:15px;border:1px solid var(--line-2);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.st-export-btn:hover{background:var(--bg-4);border-color:var(--line-3)}.st-footer{grid-area:footer;background:var(--bg-2);border-top:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:16px;font-family:var(--font-mono);font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.st-footer-item{display:flex;align-items:center;gap:6px}.st-footer-item strong{color:var(--text-2);font-weight:500}.st-footer-item .ok{color:var(--accent)}.st-footer-spacer{flex:1}.st-footer-divider{width:1px;height:14px;background:var(--line-2)}.st-mobile-only,.st-mobile-tabbar,.st-mobile-backdrop,.st-mobile-menu{display:none}@media (max-width: 768px){.studio{grid-template-rows:var(--topbar-h) 1fr auto;grid-template-columns:1fr;grid-template-areas:"topbar" "canvas" "mobile-tabbar"}.st-footer{display:none}.st-desktop-only{display:none!important}.st-topbar{padding:0 10px;gap:8px}.st-tb-section.right{gap:6px}.st-tb-section.center{flex:1;min-width:0;justify-content:flex-start}.st-tb-btn{padding:7px;height:32px;min-width:32px;justify-content:center}.st-tb-btn .st-tb-btn-label,.st-tb-btn .kbd{display:none}.st-tb-btn-extra{display:none!important}.st-logo{padding-right:0!important;border-right:none!important;margin-right:4px!important;height:28px!important}.st-project-pill{height:30px;padding:4px 10px 4px 5px;gap:7px;max-width:100%;overflow:hidden}.st-project-pill .name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.st-project-pill-icon{width:20px;height:20px}.st-signin-btn{padding:7px 12px;height:32px;font-size:12px;min-width:0}.st-mobile-only{display:inline-flex}.st-mobile-tabbar{display:flex}.st-mobile-menu-wrap{position:relative;display:inline-flex}.st-mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39}.st-mobile-menu{display:flex;flex-direction:column;position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #00000073;padding:6px;z-index:40;animation:stMenuSlideIn .15s ease}@keyframes stMenuSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.st-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:7px;background:transparent;border:none;font-size:14px;color:var(--text-2);text-decoration:none;text-align:left;width:100%;cursor:pointer}.st-mobile-menu-item svg{color:var(--text-3);flex-shrink:0}.st-mobile-menu-item:hover,.st-mobile-menu-item:active{background:var(--bg-3);color:var(--text)}.st-mobile-menu-item:hover svg,.st-mobile-menu-item:active svg{color:var(--text)}.st-mobile-menu-sep{height:1px;background:var(--line);margin:4px 8px}.st-sidebar,.st-inspector{position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));top:auto;height:70vh;max-height:70vh;width:auto;z-index:30;background:var(--bg-2);border-top:1px solid var(--line);border-right:none;border-left:none;border-radius:14px 14px 0 0;box-shadow:0 -10px 30px #00000059;transform:translateY(110%);transition:transform .25s ease;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.st-sidebar.mobile-open,.st-inspector.mobile-open{transform:translateY(0)}.st-sidebar,.st-inspector{transition:transform .25s ease,height .2s ease,opacity .15s ease}.st-sidebar.sheet-dragging,.st-inspector.sheet-dragging{transition:none}body.st-scrubbing .st-inspector.mobile-open{opacity:.25}.st-sheet-handle{position:sticky;top:0;z-index:2;background:var(--bg-2);padding:8px 0 6px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px 14px 0 0}.st-sheet-handle:active{cursor:grabbing}.st-sheet-handle:before{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.st-sheet-handle-bar{width:44px;height:5px;border-radius:3px;background:var(--line-3);transition:background .15s,width .15s}.sheet-dragging .st-sheet-handle-bar,.st-sheet-handle:hover .st-sheet-handle-bar{background:var(--text-3);width:56px}.st-mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:25;animation:stMobileFadeIn .18s ease}@keyframes stMobileFadeIn{0%{opacity:0}to{opacity:1}}.st-mobile-tabbar{grid-area:mobile-tabbar;border-top:1px solid var(--line);background:var(--bg-2);padding-bottom:env(safe-area-inset-bottom);z-index:35}.st-mobile-tab{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;background:transparent;border:none;color:var(--text);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:color .15s,background .15s}.st-mobile-tab svg{color:var(--accent);opacity:.8;transition:opacity .15s}.st-mobile-tab:active{background:#ffffff0a}.st-mobile-tab.active{color:var(--accent);background:#c9f15812}.st-mobile-tab.active svg{opacity:1}.st-mobile-tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:2.5px;background:var(--accent);border-radius:0 0 3px 3px;box-shadow:0 0 8px #c9f1588c}.st-mobile-tab.st-mobile-tab-primary{color:var(--accent)}.st-mobile-tab:disabled{opacity:.5}.st-hud-tl{top:8px;left:8px;gap:4px;max-width:calc(100vw - 175px);min-width:0}.st-hud-tr{top:8px;right:8px}.st-hud-tl .st-hud-chip{width:auto;max-width:100%;padding:6px 10px;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.st-hud-tl .st-hud-name{max-width:100%;min-width:0;overflow:hidden}.st-hud-tl .st-hud-name strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-icon-btn{width:30px;height:30px}.st-icon-btn svg{width:14px;height:14px}.st-hud-tr{gap:4px}.st-canvas-toolbar{bottom:8px}.st-env-selector{display:none}}@media (max-width: 480px){.st-hud-tl .st-hud-chip>span:not(.st-hud-name){display:none}}