.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);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}:is(.sth-timeline,.sth-chat,.slb-workflow-preview,.mag-studio-agent-preview){--sth-float-inset: 7px;--sth-float-bottom: 10px;--sth-transport-width: 208px;--sth-chat-width: 300px}.sth-timeline[data-agent=true] .sth-main{min-height:280px}.sth-timeline[data-agent=true]>.sth-chat{position:absolute;z-index:9;top:30px;right:calc(var(--sth-float-inset) + var(--sth-transport-width) + 6px);bottom:var(--sth-float-bottom);width:var(--sth-chat-width);height:auto}.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-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:11px/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:11px/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-bottom);right:var(--sth-float-inset);display:flex;align-items:center;gap:6px;box-sizing:border-box;width:var(--sth-transport-width);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{flex:1;min-width:0;overflow:hidden;text-align:center;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;justify-content:flex-end;pointer-events:none}.sth-chat :is(.sth-message,.sth-progress,.sth-dismiss,.sth-composer){pointer-events:auto}.sth-conversation{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:40px}.sth-current{position:relative;isolation:isolate;display:flex;flex:none;flex-direction:column;gap:8px;min-width:0;margin-top:auto;padding-bottom:8px}:is(.sth-timeline[data-agent=true],.slb-workflow-preview,.mag-studio-agent-preview) .sth-current:not([data-suggestions]):before{content:"";position:absolute;top:-40px;right:-64px;bottom:-8px;left:-64px;z-index:-1;background:color-mix(in srgb,var(--sth-background) 40%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(to right,transparent,#000 64px,#000 calc(100% - 64px),transparent),linear-gradient(to bottom,transparent,#000 40px,#000 calc(100% - 8px),transparent);mask-image:linear-gradient(to right,transparent,#000 64px,#000 calc(100% - 64px),transparent),linear-gradient(to bottom,transparent,#000 40px,#000 calc(100% - 8px),transparent);-webkit-mask-composite:source-in;mask-composite:intersect;pointer-events:none}.sth-chat .sth-dismiss{align-self:flex-start;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:hover{color:var(--sth-foreground);background:transparent}.sth-chat button:focus-visible{outline:1px solid var(--fresh-accent);outline-offset:3px}.sth-question-label{display:block;margin-bottom:2px;color:var(--fresh-accent);font:500 12px/1.5 var(--sth-sans)}.sth-message[data-question]{width:100%;max-width:100%;box-sizing:border-box}.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,.sth-progress{flex:none;align-self:flex-start;max-width:88%;padding:7px 10px;border:1px solid var(--sth-line);border-radius:12px 12px 12px 4px;background:var(--sth-layer);color:var(--sth-foreground)}.sth-message[data-role=user]{align-self:flex-end;border-color:transparent;border-radius:12px 12px 4px;background:var(--sth-foreground);color:var(--sth-background)}.sth-message[data-error]{color:var(--sth-foreground)}.sth-message p{margin:0;font:12px/1.6 var(--sth-sans);color:inherit;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;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:6px;margin:0 0 -8px;padding-bottom:8px;opacity:0;pointer-events:none;transition:opacity .15s ease-out}.sth-chat:has(.sth-composer:is(:hover,:focus-within)) .sth-quick-actions,.sth-chat .sth-quick-actions:is(:hover,:focus-within){opacity:1;pointer-events:auto}.sth-chat .sth-quick-actions button{min-height:0;padding:5px 10px;border:1px solid color-mix(in srgb,var(--sth-foreground) 16%,transparent);border-radius:999px;background:color-mix(in srgb,var(--sth-layer) 70%,transparent);color:var(--sth-foreground);font:11px/1.4 var(--sth-sans);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #00000059;cursor:pointer}.sth-chat .sth-quick-actions button:hover:not(:disabled){background:color-mix(in srgb,var(--sth-foreground) 12%,var(--sth-layer))}.sth-chat .sth-quick-actions button:disabled{cursor:default}.sth-composer{position:relative;z-index:1;display:flex;flex:none;align-items:flex-end;gap:6px;box-sizing:border-box;min-height:40px;margin:0;padding:7px 7px 7px 10px;border:1px solid var(--sth-line);border-radius:4px;background:var(--sth-layer);transition:border-color .15s}.sth-composer:hover{border-color:color-mix(in srgb,var(--sth-foreground) 16%,transparent)}.sth-composer-icon{display:grid;flex:none;place-items:center;width:16px;height:24px;color:var(--sth-foreground)}.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,.sth-quick-actions,.sth-composer{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{right:var(--sth-float-inset);bottom:calc(var(--sth-float-bottom) + 46px);width:min(var(--sth-chat-width),calc(100% - 2 * var(--sth-float-inset)))}.sth-timeline[data-agent=true] .sth-main{min-height:300px}}@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}}