:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#000;--white:#fff;--muted:#a3a3a3;--line:#303030;--surface:#151515;--body:Verdana,sans-serif;--heading:Georgia,serif;font-family:var(--body);color:var(--white);background:var(--black);font-size:12px}*{box-sizing:border-box}body{margin:0;line-height:1.6}main{grid-template-columns:minmax(0,1fr) 416px;height:100svh;display:grid}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled,input:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--white);outline-offset:3px}h1,h2,h3,p{margin:0}.preview{background:var(--black);min-width:0;position:relative}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:10px;position:absolute;top:24px;left:32px}.stage{position:absolute;inset:64px 0 72px}canvas{width:100%;height:100%;display:block}canvas.concealed{visibility:hidden}.fallback{overflow-wrap:anywhere;text-align:center;font:700 clamp(20px,5vw,112px)/1.2 var(--body);place-items:center;padding:32px;display:grid;position:absolute;inset:0}.retry{border:1px solid var(--line);background:var(--black);padding:8px 16px;position:absolute;bottom:64px;right:32px}.caption{color:var(--muted);font-size:11px;position:absolute;bottom:24px;left:32px;right:32px}aside{border-left:1px solid var(--line);scrollbar-color:var(--line) var(--black);min-height:0;padding:0 24px 32px;overflow-y:auto}.panel-header{z-index:2;background:var(--black);border-bottom:1px solid var(--line);padding:24px 0 12px;position:sticky;top:0}h1{font:400 28px/1.2 var(--heading);margin-bottom:8px}.intro,.description,#status,.footnote,.library-note,.limit-note,.step-actions,.empty-step{color:var(--muted)}.text-label{margin:16px 0 4px;font-size:11px;display:block}.text-input,select{border:1px solid var(--line);background:var(--black);color:var(--white);border-radius:0;padding:8px}.text-input{width:100%;padding:8px 12px}.text-input:hover,select:hover{border-color:var(--muted)}.transport{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.pause{text-underline-offset:5px;background:0 0;border:0;flex-shrink:0;padding:8px 0;font-size:11px;text-decoration:underline}#status{text-align:right;font-size:10px}.library{padding:24px 0}.library>label{margin-bottom:8px;display:block}.add-row{align-items:center;gap:8px;display:flex}.add-row select{flex:1;min-width:0}.outline-button{border:1px solid var(--line);background:0 0;flex-shrink:0;padding:8px 12px}.outline-button:hover{border-color:var(--white);background:var(--surface)}.library-note,.limit-note,.footnote{margin-top:12px;font-size:10px}#workspace-message{margin-top:8px;font-size:11px}#workspace-message:empty{margin:0}.step{border-top:1px solid var(--muted);background:var(--black);padding:24px 0}.step-heading{align-items:center;gap:8px;display:flex}.step-number{color:var(--muted);font-size:10px}.step-name{min-width:0;color:var(--white);background:0 0;border:0;border-bottom:1px solid #0000;flex:1;padding:8px 0;font-size:14px;font-weight:700}.step-name:hover,.step-name:focus{border-bottom-color:var(--line)}.step-toggle{border:1px solid var(--line);min-width:40px;color:var(--muted);background:0 0;padding:4px 8px}.step-toggle[aria-pressed=true]{background:var(--white);color:var(--black);border-color:var(--white)}.step-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 16px 32px;font-size:10px;display:flex}.text-button{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:10px;text-decoration:underline}.text-button:hover,.pause:hover{color:var(--white)}.delete-preset{margin-top:8px}.substep{border-top:1px solid var(--line);background:var(--black);padding:16px 0 16px 16px}.operation-heading{align-items:center;gap:8px;display:flex}.operation-heading h3{flex:1;min-width:0;font-size:12px;font-weight:400}.operation-toggle{text-align:left;border:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.operation-toggle span{color:var(--muted);font-size:10px}.operation-toggle[aria-pressed=true]{border-color:var(--muted);background:var(--surface)}.operation-toggle:hover{border-color:var(--white)}.drag-handle{width:24px;min-height:36px;color:var(--muted);cursor:grab;touch-action:none;flex-shrink:0;place-items:center;font-size:24px;display:grid}.drag-handle:active{cursor:grabbing}.move-buttons{display:grid}.move-buttons button{width:24px;height:24px;color:var(--muted);background:0 0;border:0;padding:0;font-size:16px;line-height:1}.move-buttons button:hover{color:var(--white)}.description{margin:8px 0 12px 32px;font-size:10px}.sliders{gap:8px;margin-left:32px;display:grid}.slider-heading{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:11px;display:flex}output{color:var(--muted);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:24px;accent-color:var(--white);cursor:pointer;margin:0;display:block}.substep-actions{justify-content:flex-end;gap:16px;margin:4px 0;display:flex}.step>.add-row{margin-top:16px}.empty-step{padding:16px 0;font-size:11px}.shadow{opacity:.25}input[type=range],.step-heading,.operation-heading,button,.drag-handle,select{scroll-margin-top:232px;scroll-margin-bottom:24px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){main{grid-template-columns:1fr;height:auto}.preview{z-index:3;border-bottom:1px solid var(--line);height:36svh;position:sticky;top:0}.stage{inset:48px 0 56px}.eyebrow{top:16px;left:16px}.caption{font-size:10px;bottom:12px;left:16px;right:16px}aside{border-left:0;padding:0 16px 32px;overflow:visible}.panel-header{position:static}h1{font-size:24px}.substep{padding-left:8px}input[type=range],.step-heading,.operation-heading,button,.drag-handle,select{scroll-margin-top:calc(36svh + 24px)}}