@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@600;700;800&display=swap";.studio{--bg:#0a0a0b;--panel:#0f0f11;--panel-raised:#16161a;--panel-sunken:#08080a;--line:#232329;--line-strong:#34343d;--text:#ecebe8;--text-2:#9a9aa4;--text-3:#62626d;--accent:#f5a623;--accent-soft:#f5a62324;--accent-line:#f5a62373;--ok:#35d68a;--warn:#f5a623;--crit:#ff5a52;--mono:"Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--display:"Syne", system-ui, sans-serif;--rail:68px;--panel-w:316px;--inspect-w:268px;--topbar-h:52px;--status-h:30px;grid-template-columns:var(--rail) var(--panel-w) minmax(0, 1fr) auto;grid-template-rows:var(--topbar-h) minmax(0, 1fr) var(--status-h);background:var(--bg);color:var(--text);font-family:var(--mono);grid-template-areas:"top top top top""rail panel view inspect""status status status status";font-size:12px;display:grid;position:fixed;inset:0;overflow:hidden}.studio.panel-collapsed{grid-template-columns:var(--rail) 0 minmax(0, 1fr) auto}.studio *,.studio :before,.studio :after{box-sizing:border-box}.studio button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.studio :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.st-top{border-bottom:1px solid var(--line);background:var(--panel);scrollbar-width:thin;grid-area:top;align-items:center;gap:14px;padding:0 14px;display:flex;overflow:auto hidden}.st-top::-webkit-scrollbar{height:4px}.st-top::-webkit-scrollbar-thumb{background:var(--line-strong)}.st-top>*{flex:none}.st-top-spacer{flex:auto;min-width:0}.st-brand{align-items:baseline;gap:8px;margin:0;font-weight:400;display:flex}.st-brand b{font-family:var(--display);letter-spacing:.02em;font-size:15px;font-weight:800}.st-brand span{color:var(--text-3);letter-spacing:.16em;font-size:10px}.st-design-name{color:var(--text);font-family:var(--mono);background:0 0;border:1px solid #0000;min-width:150px;max-width:240px;padding:5px 8px;font-size:12px}.st-design-name:hover{border-color:var(--line)}.st-design-name:focus{border-color:var(--accent-line);background:var(--panel-sunken);outline:none}.st-top-group{align-items:center;gap:6px;display:flex}.st-btn{border:1px solid var(--line-strong);background:var(--panel-raised);min-height:32px;color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:11px;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.st-btn:hover:not(:disabled){color:var(--text);border-color:var(--text-3)}.st-btn:disabled{opacity:.38;cursor:not-allowed}.st-btn.icon{width:32px;padding:0}.st-btn.primary{background:var(--accent);border-color:var(--accent);color:#16120a;font-weight:700}.st-btn.primary:hover:not(:disabled){color:#16120a;background:#ffb943;border-color:#ffb943}.st-btn.active{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.st-btn.danger:hover:not(:disabled){color:var(--crit);border-color:var(--crit)}.st-rail{border-right:1px solid var(--line);background:var(--panel-sunken);flex-direction:column;grid-area:rail;align-items:stretch;padding:6px 0;display:flex;overflow-y:auto}.st-rail-item{color:var(--text-3);flex-direction:column;align-items:center;gap:4px;padding:10px 2px 8px;transition:color .12s,background .12s;display:flex;position:relative}.st-rail-item:hover{color:var(--text-2);background:#ffffff08}.st-rail-item.active{color:var(--accent);background:var(--accent-soft)}.st-rail-item.active:before{content:"";background:var(--accent);width:2px;position:absolute;top:6px;bottom:6px;left:0}.st-rail-item span{letter-spacing:.04em;text-transform:uppercase;font-size:10px}.st-rail-dot{background:var(--accent);width:5px;height:5px;position:absolute;top:8px;right:12px}.st-rail-spacer{flex:1}.st-panel{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;grid-area:panel;display:flex;overflow:hidden}.studio.panel-collapsed .st-panel{display:none}.st-panel-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 14px 10px;display:flex}.st-panel-head h2{font-family:var(--display);letter-spacing:.03em;margin:0;font-size:14px;font-weight:700}.st-panel-head p{color:var(--text-2);margin:4px 0 0;font-size:11px;line-height:1.5}.st-panel-body{overscroll-behavior:contain;flex:1;padding-bottom:24px;overflow-y:auto}.st-panel-body::-webkit-scrollbar{width:9px}.st-panel-body::-webkit-scrollbar-track{background:var(--panel-sunken)}.st-panel-body::-webkit-scrollbar-thumb{background:var(--line-strong)}.st-panel-body::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.st-group{border-bottom:1px solid var(--line)}.st-group-head{width:100%;color:var(--text-2);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;padding:9px 14px;font-size:10px;display:flex}.st-group-head:hover{color:var(--text)}.st-group-head .chev{color:var(--text-3);transition:transform .14s}.st-group-head.open .chev{transform:rotate(90deg)}.st-group-head .grow{text-align:left;flex:1}.st-group-badge{letter-spacing:.06em;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);padding:1px 6px;font-size:9px}.st-group-body{flex-direction:column;gap:2px;padding:4px 14px 12px;display:flex}.st-field{padding:6px 0}.st-field-top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;display:flex}.st-field-label{color:var(--text-2);font-size:11px}.st-field.is-set .st-field-label{color:var(--text)}.st-field-value{color:var(--accent);font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;font-size:11px;font-weight:700;display:flex}.st-field-value input{text-align:right;width:52px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;padding:1px 2px}.st-field-value input:hover{border-color:var(--line-strong)}.st-field-value input:focus{border-color:var(--accent-line);background:var(--panel-sunken);outline:none}.st-field-value .unit{color:var(--text-3);font-size:9px;font-weight:400}.st-field-hint{color:var(--text-2);margin-top:5px;font-size:11px;line-height:1.5}.st-range{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:22px;display:block}.st-range::-webkit-slider-runnable-track{background:var(--line-strong);height:3px}.st-range::-moz-range-track{background:var(--line-strong);height:3px}.st-range::-webkit-slider-thumb{appearance:none;background:var(--text);border:none;width:11px;height:17px;margin-top:-7px}.st-range::-moz-range-thumb{background:var(--text);border:none;border-radius:0;width:11px;height:17px}.st-range:hover::-webkit-slider-thumb{background:var(--accent)}.st-range:hover::-moz-range-thumb{background:var(--accent)}.st-range:focus-visible::-webkit-slider-thumb{background:var(--accent)}.st-seg{flex-wrap:wrap;gap:3px;display:flex}.st-seg button{border:1px solid var(--line-strong);background:var(--panel-raised);min-width:52px;min-height:30px;color:var(--text-3);letter-spacing:.04em;flex:auto;padding:0 8px;font-size:10px;transition:color .12s,border-color .12s,background .12s}.st-seg button:hover{color:var(--text)}.st-seg button.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.st-select{background:var(--panel-raised);border:1px solid var(--line-strong);width:100%;min-height:32px;color:var(--text);font:inherit;padding:0 8px;font-size:11px}.st-select:focus{border-color:var(--accent-line);outline:none}.st-text-input{background:var(--panel-sunken);border:1px solid var(--line-strong);width:100%;min-height:32px;color:var(--text);font:inherit;padding:0 8px;font-size:12px}.st-text-input:focus{border-color:var(--accent-line);outline:none}.st-toggle{width:100%;min-height:34px;color:var(--text-2);text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:11px;display:flex}.st-toggle:hover{color:var(--text)}.st-toggle .sw{border:1px solid var(--line-strong);background:var(--panel-sunken);flex:none;width:32px;height:16px;transition:border-color .14s,background .14s;position:relative}.st-toggle .sw:after{content:"";background:var(--text-3);width:10px;height:10px;transition:transform .14s,background .14s;position:absolute;top:2px;left:2px}.st-toggle.on{color:var(--text)}.st-toggle.on .sw{border-color:var(--accent-line);background:var(--accent-soft)}.st-toggle.on .sw:after{background:var(--accent);transform:translate(16px)}.st-color{align-items:center;gap:8px;display:flex}.st-color input[type=color]{border:1px solid var(--line-strong);cursor:pointer;background:0 0;width:40px;height:30px;padding:0}.st-color-hex{color:var(--text-2);font-size:11px}.st-more{width:100%;min-height:30px;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;margin-top:4px;font-size:10px;display:flex}.st-more:hover{color:var(--accent)}.st-gallery{padding:12px 14px 20px}.st-tagbar{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.st-tagbar button{border:1px solid var(--line-strong);min-height:26px;color:var(--text-3);letter-spacing:.05em;background:0 0;padding:0 9px;font-size:10px}.st-tagbar button:hover{color:var(--text)}.st-tagbar button.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.st-preset-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.st-preset{border:1px solid var(--line-strong);background:var(--panel-raised);text-align:left;flex-direction:column;gap:0;transition:border-color .14s,transform .14s;display:flex;overflow:hidden}.st-preset:hover{border-color:var(--accent-line);transform:translateY(-1px)}.st-preset.on{border-color:var(--accent)}.st-preset-thumb{aspect-ratio:1;background:radial-gradient(at 50% 35%,#1b1b20 0%,#0b0b0d 72%);width:100%;display:block}.st-preset-meta{border-top:1px solid var(--line);padding:7px 8px 8px}.st-preset-meta b{color:var(--text);font-size:11px;font-weight:700;display:block}.st-preset-meta span{color:var(--text-2);margin-top:3px;font-size:10px;line-height:1.4;display:block}.st-view{background:#050506;grid-area:view;min-width:0;min-height:0;position:relative;overflow:hidden}.st-view canvas{display:block}.st-view-tools{z-index:5;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c0eeb;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:calc(100% - 24px);padding:5px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.st-view-tools .sep{background:var(--line-strong);align-self:stretch;width:1px;margin:0 3px}@media (width<=1420px){.st-view-tools .st-btn .label{display:none}.st-view-tools .st-btn{padding:0 8px}}.st-view-badge{z-index:5;border:1px solid var(--line-strong);letter-spacing:.08em;color:var(--text-3);background:#0c0c0ee6;align-items:center;gap:6px;padding:5px 9px;font-size:10px;display:flex;position:absolute;top:12px;left:12px}.st-view-badge .pulse{background:var(--accent);width:6px;height:6px;animation:1s ease-in-out infinite st-pulse}@keyframes st-pulse{0%,to{opacity:1}50%{opacity:.25}}.st-inspect{width:var(--inspect-w);border-left:1px solid var(--line);background:var(--panel);flex-direction:column;grid-area:inspect;display:flex;overflow-y:auto}.studio.inspect-collapsed .st-inspect{border-left:none;width:0;overflow:hidden}.st-insp-section{border-bottom:1px solid var(--line);padding:12px 14px}.st-insp-title{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);margin:0 0 9px;font-size:10px;font-weight:400}.st-stat{justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;display:flex}.st-stat dt{color:var(--text-2);font-size:11px}.st-stat dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:11px;font-weight:700}.st-stat dd small{color:var(--text-3);margin-left:2px;font-size:9px;font-weight:400}.st-verdict{border:1px solid var(--line-strong);background:var(--panel-sunken);align-items:flex-start;gap:8px;margin-bottom:10px;padding:9px 10px;display:flex}.st-verdict.ok{background:#35d68a12;border-color:#35d68a66}.st-verdict.warn{background:#f5a62314;border-color:#f5a62373}.st-verdict.crit{background:#ff5a5217;border-color:#ff5a5280}.st-verdict .ico{flex:none;margin-top:1px}.st-verdict.ok .ico{color:var(--ok)}.st-verdict.warn .ico{color:var(--warn)}.st-verdict.crit .ico{color:var(--crit)}.st-verdict b{margin-bottom:2px;font-size:11px;display:block}.st-verdict p{color:var(--text-2);margin:0;font-size:11px;line-height:1.5}.st-fix{border:1px solid var(--line-strong);background:var(--panel-raised);text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:5px;padding:7px 9px;display:flex}.st-fix:hover{border-color:var(--accent-line)}.st-fix span{color:var(--text-2);font-size:11px;line-height:1.45}.st-fix b{color:var(--accent);white-space:nowrap;font-size:10px}.st-overhang-strip{background:var(--panel-sunken);gap:1px;width:100%;height:8px;margin-top:8px;display:flex}.st-overhang-strip i{flex:auto;display:block}.st-status{border-top:1px solid var(--line);background:var(--panel-sunken);color:var(--text-2);letter-spacing:.04em;grid-area:status;align-items:center;gap:16px;padding:0 14px;font-size:11px;display:flex}.st-status b{color:var(--text-2);font-weight:400}.st-status .dot{width:6px;height:6px;margin-right:5px;display:inline-block}.st-status .grow{flex:1}.st-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8;place-items:center;display:grid;position:fixed;inset:0}.st-modal{border:1px solid var(--line-strong);background:var(--panel);width:min(460px,92vw);padding:20px}.st-modal h3{font-family:var(--display);margin:0 0 8px;font-size:16px}.st-modal p{color:var(--text-2);margin:0 0 16px;font-size:12px;line-height:1.6}.st-modal-actions{justify-content:flex-end;gap:8px;display:flex}.st-toast{z-index:300;border:1px solid var(--line-strong);background:var(--panel-raised);max-width:min(520px,92vw);color:var(--text);align-items:center;gap:9px;padding:10px 14px;font-size:11px;animation:.16s ease-out st-rise;display:flex;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.st-toast.err{border-color:#ff5a528c}.st-toast.ok{border-color:#35d68a80}@keyframes st-rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.st-empty{text-align:center;color:var(--text-3);padding:24px 14px;font-size:11px;line-height:1.6}@media (width<=1180px){.studio{grid-template-columns:var(--rail) var(--panel-w) minmax(0, 1fr);grid-template-areas:"top top top""rail panel view""status status status"}.st-inspect{display:none}}@media (width<=720px){.st-brand span{display:none}.st-design-name{min-width:96px;max-width:130px}}@media (width<=860px){.studio{--panel-w:100%;grid-template-columns:var(--rail) minmax(0, 1fr);grid-template-rows:var(--topbar-h) minmax(0, 1fr) 42vh var(--status-h);grid-template-areas:"top top""rail view""panel panel""status status"}.st-panel{border-right:none;border-top:1px solid var(--line)}.st-preset-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.studio *,.studio :before,.studio :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.st-accessory-input{box-sizing:border-box;background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line-strong);font:inherit;border-radius:3px;padding:8px}.st-accessory-input:focus{outline:1px solid var(--accent)}.st-accessory-input:disabled{opacity:.55;cursor:not-allowed;border-style:dashed}.st-stack{gap:8px;display:grid}.st-mod{border:1px solid var(--line);background:var(--bg-2,transparent);border-radius:4px}.st-mod.off{opacity:.45}.st-mod-head{align-items:center;gap:6px;padding:6px 8px;display:flex}.st-mod-toggle{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:6px;padding:0;display:flex}.st-mod-toggle .grow{flex:1}.st-mod-toggle .chev{transition:transform .12s}.st-mod-toggle .chev.open{transform:rotate(90deg)}.st-mod-body{border-top:1px solid var(--line);gap:2px;padding:4px 8px 8px;display:grid}.st-mod-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:4px;margin-top:6px;padding-top:6px;display:flex}.st-icon-btn{border:1px solid var(--line);width:24px;height:22px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:3px;place-items:center;display:grid}.st-icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.st-icon-btn:disabled{opacity:.3;cursor:default}.st-icon-btn.danger:hover{color:#ff6b6b;border-color:#ff6b6b}.st-stack-add{gap:4px;display:grid}.st-envelope{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.st-envelope-plot{border:1px solid var(--line);background:var(--bg);border-radius:3px;width:100%;height:46px}.st-envelope-mid{stroke:var(--line);stroke-width:.5px}.st-envelope-line{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.st-envelope-handle{fill:var(--accent);cursor:ns-resize}.st-envelope-handle:focus{outline:1px solid var(--accent)}.st-envelope-axis{color:var(--text-3);justify-content:space-between;margin:2px 0 6px;font-size:10px;display:flex}.st-health-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.st-health-list li{align-items:flex-start;gap:6px;font-size:11px;line-height:1.45;display:flex}.st-health-list li svg{flex:none;margin-top:2px}.st-health-list li.ok svg{color:var(--ok,#4ade80)}.st-health-list li.warn svg{color:var(--warn,#fbbf24)}.st-health-list li.crit svg{color:var(--crit,#f87171)}.st-health-list .lbl{color:var(--text);display:block}.st-health-list .det{color:var(--text-2);display:block}