*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.input-range{height:.5rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background-color:var(--studio-track)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;background-color:var(--studio-accent);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--studio-accent-ink);font-weight:600;--un-shadow:var(--studio-accent-shadow);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.btn-soft{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-width:1px;border-color:var(--studio-border);border-radius:.75rem;background-color:var(--studio-surface-2);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:var(--studio-ink);font-weight:600;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.mini-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-width:1px;border-color:var(--studio-border);border-radius:.75rem;background-color:var(--studio-surface-2);padding:.5rem .75rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;font-size:.75rem;line-height:1rem;color:var(--studio-ink);font-weight:600;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.mobile-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-width:1px;border-color:var(--studio-border);border-radius:.75rem;background-color:var(--studio-surface-2);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-size:.75rem;line-height:1rem;color:var(--studio-ink);font-weight:600;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.status-pill{display:inline-flex;align-items:center;border-width:1px;border-color:var(--studio-border);border-radius:9999px;background-color:var(--studio-surface-2);padding:.25rem .5rem;font-size:11px;color:var(--studio-ink-muted);font-weight:500}.workbench-icon-btn{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-soft:disabled{cursor:not-allowed;opacity:.5}.mini-action-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.workbench-frame{border-width:1px;border-color:var(--studio-border);background-color:var(--studio-surface-1);--un-shadow:var(--studio-shadow-soft);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.workbench-panel{border-width:1px;border-color:var(--studio-border);border-radius:28px;background-color:var(--studio-surface-1);--un-shadow:var(--studio-shadow-soft);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.btn-soft:hover,.mini-action-btn:hover,.mobile-toggle-btn:hover{border-color:var(--studio-border-strong);background-color:var(--studio-surface-3)}.btn-primary:hover{background-color:var(--studio-accent-strong)}.btn-primary:focus-visible{--un-shadow:0 0 0 2px var(--studio-accent-ring-strong) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);outline:2px solid transparent;outline-offset:2px}.btn-soft:focus-visible{--un-shadow:0 0 0 2px var(--studio-accent-ring-strong) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);outline:2px solid transparent;outline-offset:2px}.mini-action-btn:focus-visible{--un-shadow:0 0 0 2px var(--studio-accent-ring-strong) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);outline:2px solid transparent;outline-offset:2px}.mobile-toggle-btn:focus-visible{--un-shadow:0 0 0 2px var(--studio-accent-ring-strong) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);outline:2px solid transparent;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-7{bottom:1.75rem}.left-7{left:1.75rem}.right-0{right:0}.z-30{z-index:30}.z-40{z-index:40}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.m14{margin:3.5rem}.m15{margin:3.75rem}.m16{margin:4rem}.m20{margin:5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.h2{height:.5rem}.max-w-\[1720px\]{max-width:1720px}.max-w-\[320px\]{max-width:320px}.max-w-full{max-width:100%}.min-h-\[520px\]{min-height:520px}.min-h-\[720px\]{min-height:720px}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.w-\[min\(23rem\,100vw\)\]{width:min(23rem,100vw)}.w-full{width:100%}.flex{display:flex}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.select-none{-webkit-user-select:none;user-select:none}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.75rem * var(--un-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.border{border-width:1px}.border-r-0{border-right-width:0px}.rounded-\[18px\]{border-radius:18px}.rounded-\[22px\]{border-radius:22px}.rounded-l-\[28px\]{border-top-left-radius:28px;border-bottom-left-radius:28px}.bg-\[color\:var\(--studio-backdrop\)\]{background-color:var(--studio-backdrop)}.bg-slate-950{--un-bg-opacity:1;background-color:rgb(2 6 23 / var(--un-bg-opacity))}.px,.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-\[color\:var\(--studio-ink-dim\)\]{color:var(--studio-ink-dim)}.text-\[color\:var\(--studio-ink-muted\)\]{color:var(--studio-ink-muted)}.leading-5{line-height:1.25rem}.shadow-\[var\(--studio-shadow\)\]{--un-shadow:var(--studio-shadow);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}@media (min-width: 640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:inset-5{top:1.25rem;right:1.25rem;bottom:1.25rem;left:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1024px){.lg\:hidden{display:none}.lg\:min-h-0{min-height:0}.lg\:overflow-hidden{overflow:hidden}}@media (min-width: 1280px){.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\:pb-8{padding-bottom:2rem}}:root{font-family:HarmonyOS Sans SC,Avenir Next,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--studio-bg);color:var(--studio-ink);color-scheme:var(--studio-color-scheme)}body{overflow-x:hidden}#app{min-height:100vh}:where(html,body,.studio-shell)[data-theme=dark]{--studio-color-scheme: dark;--studio-bg: #0b1017;--studio-shell-glow: rgba(91, 143, 249, .18);--studio-shell-glow-2: rgba(17, 208, 174, .08);--studio-shell-tint: rgba(11, 16, 23, .96);--studio-surface-1: rgba(18, 24, 35, .92);--studio-surface-2: rgba(24, 32, 47, .94);--studio-surface-3: rgba(34, 44, 62, .96);--studio-surface-overlay: rgba(15, 21, 31, .84);--studio-surface-overlay-strong: rgba(12, 18, 28, .92);--studio-empty-surface: rgba(16, 22, 32, .76);--studio-input-surface: rgba(12, 18, 27, .92);--studio-chip-surface: rgba(18, 26, 37, .88);--studio-chip-surface-hover: rgba(27, 36, 50, .94);--studio-border: rgba(196, 214, 255, .08);--studio-border-strong: rgba(196, 214, 255, .18);--studio-ink: #eef4ff;--studio-ink-muted: #c1cce0;--studio-ink-dim: #8b9ab4;--studio-accent: #7da2ff;--studio-accent-strong: #9bb7ff;--studio-accent-ink: #08111f;--studio-accent-ring: rgba(125, 162, 255, .18);--studio-accent-ring-strong: rgba(125, 162, 255, .36);--studio-accent-shadow: 0 16px 32px rgba(46, 83, 168, .28);--studio-track: #263244;--studio-thumb: #8eafff;--studio-thumb-border: rgba(8, 17, 31, .6);--studio-canvas-base: #121923;--studio-canvas-grid: rgba(196, 214, 255, .05);--studio-canvas-inset: rgba(196, 214, 255, .06);--studio-shadow: 0 32px 80px rgba(2, 6, 13, .6);--studio-shadow-soft: 0 18px 36px rgba(2, 6, 13, .28);--studio-backdrop: rgba(1, 4, 10, .62)}:where(html,body,.studio-shell)[data-theme=light]{--studio-color-scheme: light;--studio-bg: #eef3fa;--studio-shell-glow: rgba(70, 118, 223, .15);--studio-shell-glow-2: rgba(47, 168, 153, .1);--studio-shell-tint: rgba(245, 248, 252, .94);--studio-surface-1: rgba(255, 255, 255, .94);--studio-surface-2: rgba(248, 250, 253, .98);--studio-surface-3: rgba(236, 241, 248, .98);--studio-surface-overlay: rgba(255, 255, 255, .9);--studio-surface-overlay-strong: rgba(248, 251, 255, .94);--studio-empty-surface: rgba(248, 251, 255, .9);--studio-input-surface: rgba(252, 253, 255, .98);--studio-chip-surface: rgba(245, 248, 252, .96);--studio-chip-surface-hover: rgba(235, 240, 248, 1);--studio-border: rgba(65, 87, 126, .12);--studio-border-strong: rgba(65, 87, 126, .2);--studio-ink: #152031;--studio-ink-muted: #3f4c63;--studio-ink-dim: #68758a;--studio-accent: #476fdb;--studio-accent-strong: #345fcd;--studio-accent-ink: #f5f8ff;--studio-accent-ring: rgba(71, 111, 219, .16);--studio-accent-ring-strong: rgba(71, 111, 219, .28);--studio-accent-shadow: 0 16px 32px rgba(71, 111, 219, .18);--studio-track: #d8e1ef;--studio-thumb: #476fdb;--studio-thumb-border: rgba(21, 32, 49, .16);--studio-canvas-base: #e9eef7;--studio-canvas-grid: rgba(71, 87, 126, .08);--studio-canvas-inset: rgba(65, 87, 126, .1);--studio-shadow: 0 28px 72px rgba(86, 104, 136, .18);--studio-shadow-soft: 0 12px 28px rgba(86, 104, 136, .12);--studio-backdrop: rgba(37, 48, 68, .28)}.studio-shell{position:relative;background:radial-gradient(circle at top left,var(--studio-shell-glow),transparent 32%),radial-gradient(circle at bottom right,var(--studio-shell-glow-2),transparent 24%),linear-gradient(180deg,var(--studio-shell-tint),var(--studio-bg));color:var(--studio-ink);color-scheme:var(--studio-color-scheme);transition:background .24s ease,color .24s ease}.studio-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at center,black 26%,transparent 82%);mask-image:radial-gradient(circle at center,black 26%,transparent 82%);opacity:.45}button,input,select{font:inherit;color:inherit}button:disabled{pointer-events:none}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 10px}.studio-topbar__eyebrow,.stage-shell__eyebrow,.tool-dock__label,.stage-empty__eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--studio-accent)}.inspector-shell__meta,.stage-empty__copy{color:var(--studio-ink-dim)}.inspector-shell__meta{margin:6px 0 0;overflow:hidden;font-size:12px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.studio-topbar__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;border:1px solid var(--studio-border);background:var(--studio-chip-surface);color:var(--studio-ink-muted);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.header-icon-btn:hover{transform:translateY(-1px);border-color:var(--studio-border-strong);background:var(--studio-chip-surface-hover);color:var(--studio-ink)}.header-icon-btn--primary{border-color:var(--studio-accent-ring-strong);background:linear-gradient(180deg,var(--studio-accent-ring),transparent),var(--studio-chip-surface);color:var(--studio-ink)}.header-icon-btn:disabled,.dock-tool-btn:disabled{opacity:.42}.studio-main{position:relative}.studio-workbench{min-height:0}.tool-dock{position:relative;gap:10px;padding:12px 10px;background:var(--studio-surface-overlay)}.tool-dock__group{display:flex;flex-direction:column;gap:8px}.tool-dock__grid{display:grid;gap:10px;justify-items:center}.dock-tool-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--studio-border);border-radius:16px;background:var(--studio-chip-surface);color:var(--studio-ink-muted);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.dock-tool-btn:hover{transform:translateY(-1px);border-color:var(--studio-border-strong);background:var(--studio-chip-surface-hover);color:var(--studio-ink)}.dock-tool-btn--primary{border-color:var(--studio-accent-ring-strong);background:linear-gradient(180deg,var(--studio-accent-ring),transparent),var(--studio-chip-surface);color:var(--studio-ink)}.tool-dock__meta{margin-top:auto;display:flex;flex-direction:column;gap:2px;border-radius:14px;border:1px solid var(--studio-border);background:var(--studio-surface-2);padding:8px 10px;color:var(--studio-ink-muted);font-size:12px}.tool-dock__meta-label,.stage-metric__label{font-size:11px;color:var(--studio-ink-dim);letter-spacing:.08em;text-transform:uppercase}.stage-shell__topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--studio-border);background:rgba(255,255,255,.01)}.stage-shell__headline{min-width:0;display:flex;align-items:center;gap:10px}.stage-shell__badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stage-shell__controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.stage-metric{display:flex;flex-direction:column;gap:3px;min-width:82px;padding:8px 10px;border-radius:14px;border:1px solid var(--studio-border);background:var(--studio-chip-surface)}.stage-metric__value{display:block;font-size:13px;font-weight:700;color:var(--studio-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-status-pill{border-color:var(--studio-accent-ring-strong);color:var(--studio-accent-strong)}.stage-shell__viewport{position:relative;flex:1;min-height:0;padding:16px}.stage-shell__viewport--workspace{isolation:isolate}.editor-stage{border-radius:22px;background-color:var(--studio-canvas-base);background-image:linear-gradient(45deg,var(--studio-canvas-grid) 25%,transparent 25%,transparent 75%,var(--studio-canvas-grid) 75%),linear-gradient(45deg,var(--studio-canvas-grid) 25%,transparent 25%,transparent 75%,var(--studio-canvas-grid) 75%);background-position:0 0,14px 14px;background-size:28px 28px;box-shadow:inset 0 0 0 1px var(--studio-canvas-inset)}.editor-stage.is-text-inserting{box-shadow:inset 0 0 0 1px var(--studio-accent-ring-strong),0 0 0 1px #7da2ff1f}.editor-stage.is-text-editing{box-shadow:inset 0 0 0 1px #e9c0836b,0 0 0 1px #e9c08324}.canvas-text-proxy{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none;resize:none}.stage-empty{border:1px dashed var(--studio-border-strong);background:var(--studio-empty-surface);color:var(--studio-ink-muted)}.stage-empty__body{max-width:360px}.stage-empty__title{margin-top:12px;font-size:1.5rem;font-weight:700;color:var(--studio-ink);letter-spacing:-.03em}.stage-empty__copy{margin-top:10px;font-size:13px;line-height:1.7;color:var(--studio-ink-dim)}.stage-empty__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.stage-hint{border:1px solid var(--studio-border);background:var(--studio-surface-overlay-strong);box-shadow:var(--studio-shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stage-hint__title{color:var(--studio-ink);font-size:14px;font-weight:700}.inspector-shell__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px 10px;border-bottom:1px solid var(--studio-border)}.inspector-shell__title{margin:0;font-size:.9rem;font-weight:700;letter-spacing:.02em;color:var(--studio-ink)}.inspector-meta-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) auto;gap:8px;align-items:stretch}.inspector-meta-chip{min-width:0;display:flex;flex-direction:column;gap:2px;border-radius:12px;border:1px solid var(--studio-border);background:var(--studio-chip-surface);padding:8px 10px}.inspector-meta-chip__label{font-size:11px;line-height:1;color:var(--studio-ink-dim);letter-spacing:.08em;text-transform:uppercase}.inspector-meta-chip__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--studio-ink)}.text-tool-input{border:1px solid var(--studio-border-strong);border-radius:14px;background:var(--studio-input-surface);padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.text-tool-input::placeholder{color:var(--studio-ink-dim)}.text-tool-input:focus-visible{outline:none;border-color:var(--studio-accent-strong);box-shadow:0 0 0 3px var(--studio-accent-ring)}.text-tool-textarea{min-height:92px;line-height:1.6;resize:vertical;white-space:pre-wrap}.text-color-grid,.preset-grid{grid-auto-rows:1fr}.text-color-chip{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--studio-border);border-radius:14px;background:var(--studio-chip-surface);padding:10px 12px;transition:transform .16s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.text-color-chip:hover{transform:translateY(-1px);border-color:var(--studio-border-strong);background:var(--studio-chip-surface-hover)}.text-color-chip.is-active{border-color:var(--studio-accent-strong);box-shadow:0 0 0 1px var(--studio-accent-ring)}.text-color-chip__swatch{width:18px;height:18px;flex:0 0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px #00000038}.text-color-chip__label{font-size:12px;color:var(--studio-ink-muted)}.text-helper{border-top:1px solid var(--studio-border);padding-top:12px}.input-range{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(120deg,var(--studio-border),transparent) var(--studio-track);box-shadow:inset 0 0 0 1px var(--studio-border)}.input-range::-webkit-slider-thumb{width:18px;height:18px;border:2px solid var(--studio-thumb-border);border-radius:999px;background:var(--studio-thumb);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;box-shadow:0 0 0 4px var(--studio-accent-ring)}.input-range::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(120deg,var(--studio-border),transparent) var(--studio-track);box-shadow:inset 0 0 0 1px var(--studio-border)}.input-range::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--studio-thumb-border);border-radius:999px;background:var(--studio-thumb);box-shadow:0 0 0 4px var(--studio-accent-ring)}.preset-btn{width:100%;justify-content:center;letter-spacing:.06em}.preset-btn.btn-soft{background:var(--studio-surface-3);border-color:var(--studio-border-strong);color:var(--studio-ink-muted)}.preset-btn.btn-soft:hover{color:var(--studio-ink)}.preset-btn.btn-primary{box-shadow:0 0 0 1px var(--studio-accent-ring-strong),var(--studio-accent-shadow)}.inspector-section{border:1px solid var(--studio-border);border-radius:14px;background:var(--studio-surface-1);box-shadow:var(--studio-shadow-soft);padding:12px}.inspector-section.is-open{background:var(--studio-surface-2)}.inspector-section.is-active{border-color:var(--studio-accent-ring-strong);box-shadow:0 0 0 1px var(--studio-accent-ring),var(--studio-shadow-soft)}.inspector-section__title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--studio-ink-muted)}.inspector-section__hint{margin-top:3px;font-size:11px;color:var(--studio-ink-dim)}.inspector-section__hint--accent{color:var(--studio-accent)}.inspector-section__trigger{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--studio-border);background:var(--studio-chip-surface);padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.inspector-section__trigger:hover{border-color:var(--studio-border-strong);background:var(--studio-chip-surface-hover)}.inspector-section__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--studio-accent-ring-strong)}.inspector-section__chevron{font-size:12px;color:var(--studio-ink-dim)}.inspector-section__body{margin-top:10px}@media (max-width: 1023px){.studio-topbar,.stage-shell__topbar{flex-direction:column}.studio-topbar__actions,.stage-shell__controls{width:100%;justify-content:flex-start}.tool-dock{padding:14px}.tool-dock__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.studio-workbench{display:grid;grid-template-columns:72px minmax(0,1fr) 296px;align-items:stretch;gap:16px}.tool-dock--desktop{grid-column:1;grid-row:1;align-self:start;width:72px;border:0;border-radius:22px;background:var(--studio-surface-overlay-strong);box-shadow:var(--studio-shadow-soft);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.inspector-shell--desktop{grid-column:3;grid-row:1;min-width:0;width:296px;border:0;border-radius:22px;background:var(--studio-surface-overlay-strong);box-shadow:var(--studio-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.stage-shell--desktop{grid-column:2;grid-row:1;min-width:0}.stage-shell__viewport--workspace{padding:16px}.tool-dock__grid{grid-template-columns:1fr}}@media (max-width: 640px){.stage-metric{min-width:82px}.inspector-meta-row{grid-template-columns:1fr}.text-color-chip{justify-content:center}.text-color-chip__label{font-size:11px}}