.stl-page{--product-preview-width: 960px}.sth-timeline{--sth-background: oklch(.145 .01 148);--sth-foreground: oklch(.94 .008 96);--sth-muted: oklch(.69 .012 148);--sth-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sth-mono: "Geist Mono", ui-monospace, monospace;--sth-layer: color-mix(in srgb, var(--sth-foreground) 5%, var(--sth-background));--sth-line: color-mix(in srgb, var(--sth-foreground) 10%, transparent);--sth-float-inset: 7px;--sth-chat-width: 250px;--sth-chat-gutter: calc(var(--sth-chat-width) + var(--sth-float-inset));position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;background:var(--sth-background);border:1px solid var(--sth-line);border-radius:6px;overflow:hidden;color:var(--sth-foreground);font:12px/1.4 var(--sth-sans)}.sth-timeline :is(button,textarea){font:inherit;color:inherit}.sth-timeline button{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.sth-timeline button:disabled{cursor:default;opacity:.4}.sth-timeline :is(button,textarea):focus-visible{outline:2px solid var(--fresh-accent);outline-offset:-2px}.sth-timeline button:hover:not(:disabled){background:color-mix(in srgb,var(--sth-foreground) 8%,transparent)}.sth-timeline svg{display:block;flex:none}.sth-main{position:relative;z-index:0;overflow:hidden;display:flex;flex-direction:column;min-width:0}.sth-timeline[data-agent=true] .sth-main{min-height:280px}.sth-timeline[data-agent=true] .sth-tracks{--sth-end-gutter: calc(var(--sth-chat-gutter) + 12px)}.sth-timeline[data-agent=true]>.sth-chat{position:absolute;z-index:9;top:0;right:0;bottom:0;width:var(--sth-chat-width);height:auto}.sth-timeline[data-agent=true] .sth-transport{right:var(--sth-chat-gutter)}.sth-tracks{--sth-gutter: 120px;--sth-end-gutter: 20px;position:relative;flex:1;margin:0 var(--sth-end-gutter) 0 0;padding-bottom:64px}.sth-scroll{--sth-gutter: 120px;display:flex;flex:1;min-width:0;margin-right:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--sth-line) transparent}.sth-timeline[data-agent=true] .sth-scroll{margin-right:var(--sth-chat-width)}.sth-scroll>.sth-tracks{flex:none;width:calc(var(--sth-gutter) + (100% - var(--sth-gutter)) * var(--sth-time-scale));margin-right:0}.sth-ruler,.sth-track{display:grid;grid-template-columns:var(--sth-gutter) minmax(0,1fr)}.sth-ruler{height:30px;margin-right:calc(-1 * var(--sth-end-gutter));padding-right:var(--sth-end-gutter);border-bottom:1px solid var(--sth-line);background:var(--sth-layer);font:10px/1.4 var(--sth-mono);color:var(--sth-muted)}.sth-ruler>div{position:relative;height:100%}.sth-tick{position:absolute;top:0;width:1px;height:7px;background:color-mix(in srgb,var(--sth-foreground) 16%,transparent)}.sth-tick>span{position:absolute;top:10px;left:4px;font-variant-numeric:tabular-nums}.sth-tick:last-child>span{left:auto;right:4px}.sth-track-list{display:grid;gap:4px;padding:4px 0 8px}.sth-track{height:28px}.sth-timeline .sth-track-label{display:flex;align-items:center;justify-content:start;min-width:0;padding:0 12px;color:var(--sth-foreground);font:500 12px/1 var(--sth-sans);text-align:left}.sth-track-label>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sth-lane{position:relative;min-width:0;height:28px}.sth-timeline .sth-bar{position:absolute;top:5px;height:18px;display:flex;align-items:center;justify-content:space-between;padding:0;border-radius:3px;background:color-mix(in srgb,var(--sth-foreground) 14%,transparent)}.sth-bar>i{flex:none;width:8px;height:8px;border:2px solid var(--sth-background);border-radius:50%;background:currentColor}.sth-timeline .sth-editable-bar{z-index:2;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.sth-timeline :is(.sth-editable-bar,.sth-resize-handle):focus-visible{outline:none}.sth-timeline .sth-editable-bar:hover:not(:disabled){background:color-mix(in srgb,var(--sth-foreground) 20%,transparent)}.sth-timeline .sth-editable-lane[data-editing] .sth-bar{color:var(--fresh-accent);background:color-mix(in srgb,var(--fresh-accent) 28%,transparent)}.sth-timeline .sth-resize-handle{position:absolute;top:0;z-index:7;width:24px;height:28px;padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none;transform:translate(-6px)}.sth-timeline .sth-resize-handle[data-edge=start]{transform:translate(-18px)}.sth-timeline .sth-resize-handle:hover:not(:disabled){background:transparent}.sth-resize-handle:after{content:"";position:absolute;inset:8px auto 8px 13px;width:2px;background:var(--fresh-accent);opacity:0;transition:opacity .12s ease}.sth-resize-handle[data-edge=start]:after{left:9px}.sth-track:hover .sth-resize-handle:after,.sth-editable-lane[data-editing] .sth-resize-handle:after,.sth-resize-handle:focus-visible:after{opacity:1}.sth-bar-readout{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);padding:2px 5px;border-radius:3px;background:var(--sth-foreground);color:var(--sth-background);font:10px/1.4 var(--sth-mono);white-space:nowrap;pointer-events:none}.sth-editable-lane[data-editing] .sth-bar{z-index:6}@media(pointer:coarse){.sth-timeline .sth-resize-handle{width:32px;transform:translate(-10px)}.sth-timeline .sth-resize-handle[data-edge=start]{transform:translate(-22px)}.sth-resize-handle:after{left:17px;opacity:.65}.sth-resize-handle[data-edge=start]:after{left:13px}}.sth-playhead-lane{position:absolute;z-index:5;inset:0 0 0 var(--sth-gutter);pointer-events:none}.sth-playhead-hit{position:absolute;top:0;bottom:0;width:12px;transform:translate(-5px);cursor:ew-resize;pointer-events:auto;touch-action:none}.sth-timeline .sth-transport{z-index:8}.sth-playhead{position:absolute;top:30px;bottom:0;width:2px;background:var(--sth-foreground)}.sth-playhead:before{content:"";position:absolute;top:-10px;left:-3px;width:8px;height:10px;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);background:var(--fresh-accent)}.sth-scrubber{position:absolute;top:0;left:var(--sth-gutter);width:calc(100% - var(--sth-gutter));height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.sth-scrubber:focus{outline:none}.sth-transport{position:absolute;bottom:var(--sth-float-inset);right:var(--sth-float-inset);display:flex;align-items:center;gap:6px;height:40px;padding:6px;border:1px solid var(--sth-line);border-radius:4px;background:var(--sth-layer)}.sth-transport button{flex:none;width:28px;height:28px;border-radius:50%;color:var(--sth-muted)}.sth-transport .sth-play{background:var(--sth-foreground);color:var(--sth-background)}.sth-transport output{min-width:0;margin:0;padding-inline:6px;color:var(--sth-muted);font:11px/1 var(--sth-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.sth-transport output span{color:var(--sth-muted)}.sth-transport button[aria-label="Loop animation"][aria-pressed=true]{color:var(--fresh-accent)}.sth-chat{position:relative;z-index:1;height:280px;min-width:0;display:flex;flex-direction:column;border:0;border-left:1px solid var(--sth-line);border-radius:0;overflow:hidden;background:var(--sth-layer)}.sth-conversation{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto;padding:12px;scrollbar-color:var(--sth-line) var(--sth-layer);scrollbar-width:thin;overscroll-behavior:contain}.sth-current{display:flex;flex:none;flex-direction:column;gap:12px;min-width:0;margin-top:auto}.sth-current[data-recent]{margin-top:0}.sth-recent{display:flex;flex:none;justify-content:center;padding:8px 12px 0}.sth-chat .sth-recent button,.sth-chat .sth-dismiss{padding:2px 0;border:0;background:transparent;color:var(--sth-muted);font:12px/1.5 var(--sth-sans);text-align:left;cursor:pointer}.sth-chat .sth-dismiss{align-self:flex-start}.sth-chat .sth-recent button{padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--sth-foreground) 6%,transparent);color:color-mix(in srgb,var(--sth-muted) 85%,transparent);font-size:11px}.sth-chat .sth-recent button:hover,.sth-chat .sth-dismiss:hover{color:var(--sth-foreground);background:transparent}.sth-chat .sth-recent button:hover{background:color-mix(in srgb,var(--sth-foreground) 10%,transparent)}.sth-chat button:focus-visible{outline:1px solid var(--fresh-accent);outline-offset:3px}.sth-question-label{display:block;margin-bottom:6px;color:var(--fresh-accent);font:500 12px/1.5 var(--sth-sans)}.sth-message[data-question]{width:100%;max-width:100%}.sth-message[data-error]{color:var(--sth-foreground)}.studio-chat-scroll{--studio-chat-fade: 16px}.studio-chat-scroll[data-scroll-edge=both]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--studio-chat-fade),#000 calc(100% - var(--studio-chat-fade)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--studio-chat-fade),#000 calc(100% - var(--studio-chat-fade)),transparent)}.studio-chat-scroll[data-scroll-edge=start]{-webkit-mask-image:linear-gradient(to bottom,#000,#000 calc(100% - var(--studio-chat-fade)),transparent);mask-image:linear-gradient(to bottom,#000,#000 calc(100% - var(--studio-chat-fade)),transparent)}.studio-chat-scroll[data-scroll-edge=end]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--studio-chat-fade),#000);mask-image:linear-gradient(to bottom,transparent,#000 var(--studio-chat-fade),#000)}.sth-message{flex:none;max-width:88%;padding:6px 9px;border-radius:6px;background:var(--sth-background);align-self:flex-start}.sth-message[data-role=user]{align-self:flex-end;border-radius:4px;border:1px solid var(--sth-line)}.sth-message p{margin:0;font:12px/1.6 var(--sth-sans);overflow-wrap:anywhere;text-wrap:pretty}.sth-message-author{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sth-progress{display:flex;align-items:center;gap:7px;flex:none;padding:2px 0;color:var(--sth-muted);font:11px/1.5 var(--sth-sans)}.sth-progress>span[aria-hidden=true]{flex:none;width:5px;height:5px;border-radius:50%;background:var(--fresh-accent)}.sth-quick-actions{display:flex;flex-wrap:wrap;gap:4px;margin:0}.sth-chat .sth-quick-actions button{min-height:28px;padding:5px 8px;border:1px solid var(--sth-line);border-radius:4px;background:transparent;color:var(--sth-muted);font:12px/1.4 var(--sth-sans);cursor:pointer}.sth-chat .sth-quick-actions button:hover:not(:disabled){color:var(--sth-foreground);background:color-mix(in srgb,var(--sth-foreground) 8%,transparent)}.sth-chat .sth-quick-actions button:disabled{cursor:default}.sth-composer{display:flex;flex:none;align-items:flex-end;gap:6px;margin:0 12px 10px;padding:10px 8px 10px 12px;border-radius:6px;background:var(--sth-background)}.sth-composer textarea,.sth-composer-draft{display:block;flex:1;min-width:0;width:100%;min-height:24px;max-height:120px;field-sizing:content;padding:3px 0;border:0;background:transparent;resize:none;font:12px/18px var(--sth-sans);color:var(--sth-foreground)}.sth-composer-draft{text-align:left;overflow-wrap:anywhere}.sth-composer-field{flex:1;min-width:0}.sth-composer textarea{caret-color:var(--fresh-accent)}.sth-composer textarea::placeholder{color:var(--sth-muted);opacity:1}.sth-composer:focus-within{outline:2px solid var(--fresh-accent);outline-offset:-2px}.sth-timeline .sth-composer textarea:focus-visible{outline:none}.sth-composer-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex:none}.sth-composer button{display:grid;place-items:center;padding:0;border:0;width:24px;height:24px;border-radius:50%;background:var(--sth-foreground);color:var(--sth-background)}.sth-transport .sth-play,.sth-composer button{transition:scale .16s ease-out}.sth-timeline .sth-transport .sth-play:hover:not(:disabled),.sth-timeline .sth-composer button:hover:not(:disabled){background:var(--sth-foreground)}@media(hover:hover){.sth-transport .sth-play:hover:not(:disabled),.sth-composer button:hover:not(:disabled){scale:1.1}}.sth-transport .sth-play:active:not(:disabled),.sth-composer button:active:not(:disabled){scale:.95}@media(prefers-reduced-motion:reduce){.sth-transport .sth-play,.sth-composer button{transition:none}}.sth-composer button:disabled{opacity:1;background:color-mix(in srgb,var(--sth-foreground) 16%,transparent);color:var(--sth-muted)}@container (max-width: 700px){.sth-tick:nth-child(2n)>span{display:none}}@container (max-width: 700px){.sth-timeline[data-agent=true]>.sth-chat{position:relative;inset:auto;width:auto;height:220px;margin:0;border-left:0;border-top:1px solid var(--sth-line)}.sth-timeline[data-agent=true] .sth-main{min-height:240px}.sth-timeline[data-agent=true] .sth-tracks{--sth-end-gutter: 16px}.sth-timeline[data-agent=true] .sth-scroll{margin-right:0}.sth-timeline[data-agent=true] .sth-transport{right:7px}}@container (max-width: 540px){.sth-tracks{--sth-gutter: 100px;--sth-end-gutter: 16px}.sth-scroll{--sth-gutter: 100px}.sth-timeline .sth-track-label{padding-inline:8px}}@media(max-width:480px){.sth-chat{display:none}}