@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";.dialkit-root{--dial-surface:#ffffff0d;--dial-surface-hover:#ffffff1a;--dial-surface-active:#ffffff1c;--dial-surface-subtle:#ffffff0f;--dial-text-root:#fff;--dial-text-section:#ffffffb3;--dial-text-label:#ffffffb3;--dial-text-focus:#fff;--dial-text-primary:#fffffff2;--dial-text-secondary:#fff9;--dial-text-tertiary:#fff6;--dial-border:#ffffff1a;--dial-border-hover:#ffffff26;--dial-focus-ring:#fff9;--dial-timeline-clip-overlay:transparent;--dial-glass-bg:#212121;--dial-dropdown-bg:#2a2a2a;--dial-backdrop-blur:20px;--dial-radius:8px;--dial-row-height:36px;--dial-row-gap:6px;--dial-shadow:0 8px 32px #00000080;--dial-shadow-collapsed:0 4px 16px #00000040;--dial-shadow-dropdown:0 8px 24px #0006;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,SF Pro Display,sans-serif;position:relative}.dialkit-panel{z-index:9999;max-height:calc(100vh - 32px);position:fixed;overflow:visible}.dialkit-root[data-mode=inline]{max-height:100%}.dialkit-panel[data-mode=inline]{z-index:auto;max-height:inherit;height:auto;position:static;overflow:visible}.dialkit-panel-inner{box-sizing:border-box;background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));transform-origin:var(--dial-origin-y,top) var(--dial-origin-x,right);border-radius:14px;padding:10px 12px;transform:translateZ(0)}.dialkit-panel[data-origin-x=left]{--dial-origin-x:left}.dialkit-panel[data-origin-x=right]{--dial-origin-x:right}.dialkit-panel[data-origin-y=top]{--dial-origin-y:top}.dialkit-panel[data-origin-y=bottom]{--dial-origin-y:bottom}.dialkit-panel[data-position=top-left] .dialkit-panel-inner{max-height:calc(100vh - 80px);overflow-y:auto}.dialkit-panel-inner[data-collapsed=true]{transform-origin:50%;box-sizing:border-box;border-radius:50%;padding:12px}.dialkit-panel-inner[data-collapsed=true] .dialkit-panel-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-title-row{display:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{justify-content:center;padding:0}.dialkit-panel-inner::-webkit-scrollbar{display:none}.dialkit-panel-inner{-ms-overflow-style:none;scrollbar-width:none;overflow-anchor:none}.dialkit-panel-inner[data-folding=true]:not(.dialkit-panel-inline){height:var(--dial-panel-fold-height)!important}.dialkit-panel-inner:not([data-collapsed=true]){padding-top:0}.dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header{z-index:3;background:var(--dial-glass-bg);padding-top:10px;position:sticky;top:0}.dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header:before,.dialkit-folder-section>.dialkit-folder-header:before{content:"";z-index:-1;background:var(--dial-glass-bg);pointer-events:none;position:absolute;inset:0 -12px}.dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header .dialkit-panel-icon{right:0}.dialkit-panel-inline{width:100%;height:auto;max-height:inherit;box-shadow:none;box-sizing:border-box;border:none;border-radius:0;overflow:visible}.dialkit-panel[data-mode=inline] .dialkit-panel-wrapper{width:100%;max-height:inherit;flex-direction:column;height:auto;display:flex}.dialkit-panel[data-position=top-right]{top:16px;right:16px}.dialkit-panel[data-position=top-left]{top:16px;left:16px}.dialkit-panel[data-position=bottom-right]{bottom:16px;right:16px}.dialkit-panel[data-position=bottom-left]{bottom:16px;left:16px}.dialkit-folder{border-bottom:1px solid var(--dial-surface-subtle);margin-bottom:8px;padding-bottom:8px}.dialkit-folder:last-child:not(.dialkit-folder-root){margin-bottom:0;padding-bottom:0}.dialkit-folder-root{border-bottom:none;margin-bottom:0;padding-bottom:0}.dialkit-panel-header{border-bottom:1px solid var(--dial-surface-subtle);margin-bottom:12px;padding-bottom:6px}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header{cursor:grab}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header:active{cursor:grabbing}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true]) .dialkit-panel-icon{color:var(--dial-text-label);opacity:.6}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-icon{cursor:pointer}.dialkit-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none}.dialkit-folder-header-top{justify-content:space-between;align-items:center;padding:0 0 8px;display:flex}.dialkit-folder-title{color:var(--dial-text-section);letter-spacing:-.01em;font-size:13px;font-weight:600;transition:color .15s;transform:translateY(-.5px)}.dialkit-folder-title-root{color:var(--dial-text-root);font-size:15px;font-weight:600;transform:translateZ(0)}.dialkit-folder-title-row{white-space:nowrap;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.dialkit-folder-copy{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.dialkit-folder-copy svg{width:14px;height:14px;color:var(--dial-text-section)}.dialkit-folder-icon{box-sizing:border-box;width:20px;height:20px;color:var(--dial-text-label);opacity:.6;flex-shrink:0;padding:2px}.dialkit-panel-icon{width:16px;height:16px;color:var(--dial-text-focus);z-index:1;position:absolute;top:12px;right:12px}.dialkit-folder-content{will-change:transform}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-content{overflow-y:clip}.dialkit-folder-inner{gap:var(--dial-row-gap);flex-direction:column;padding-bottom:10px;display:flex}.dialkit-folder:not(.dialkit-folder-root){border-top:1px solid var(--dial-surface-subtle);border-bottom:1px solid var(--dial-surface-subtle);margin-top:4px;margin-bottom:4px;padding-bottom:0}.dialkit-folder:not(.dialkit-folder-root):last-child{border-bottom:none;margin-bottom:0}.dialkit-folder:not(.dialkit-folder-root)+.dialkit-folder:not(.dialkit-folder-root){border-top:none;margin-top:-10px}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{height:var(--dial-row-height);padding:0}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header>.dialkit-folder-header-top{height:100%;padding:0}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:0}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child:not(:has(~.dialkit-folder)){border-top:none;margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]){padding:0 12px}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]) .dialkit-panel-icon{top:14px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header{margin-bottom:0;padding-top:0;padding-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header>.dialkit-folder-header-top,.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header>.dialkit-folder-header-top{height:44px;padding:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header{height:auto}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{gap:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder{border-top:1px solid var(--dial-surface-subtle);border-bottom:none;margin:0;padding-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header .dialkit-folder-title{color:var(--dial-text-root);font-size:15px;font-weight:600;line-height:20px;transform:translateZ(0)}.dialkit-panel[data-multiple=true] .dialkit-folder-title-root{line-height:20px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child{border-top:none;margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder+.dialkit-folder{margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-content>.dialkit-folder-inner{padding-top:0;padding-bottom:12px}.dialkit-panel .dialkit-folder.dialkit-folder-section>.dialkit-folder-header{top:var(--dial-panel-header-height,0px);z-index:2;background:var(--dial-glass-bg);height:auto;position:sticky}.dialkit-folder-section{--dial-section-header-height:calc(44px + var(--dial-row-height) + 10px)}.dialkit-folder-inner :is(button,input,textarea,[tabindex]){scroll-margin-top:calc(var(--dial-panel-header-height,0px) + var(--dial-section-header-height,0px) + var(--dial-row-gap))}.dialkit-folder.dialkit-folder-section>.dialkit-folder-header>.dialkit-folder-header-top{height:var(--dial-row-height)}.dialkit-panel-section-toolbar-clip{overflow-y:clip}.dialkit-folder-section>.dialkit-folder-header>.dialkit-panel-section-toolbar-clip>.dialkit-panel-section-toolbar{padding-top:4px;padding-bottom:var(--dial-row-gap);box-sizing:content-box}.dialkit-panel-toolbar:empty,.dialkit-panel-section-toolbar:empty{display:none}.dialkit-slider-wrapper{height:var(--dial-row-height);position:relative}.dialkit-slider{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--dial-surface);border-radius:var(--dial-radius);touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.dialkit-slider-hashmarks{pointer-events:none;position:absolute;inset:0}.dialkit-slider-hashmark{background:#fff0;border-radius:999px;width:1px;height:8px;transition:background .2s;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.dialkit-slider-active .dialkit-slider-hashmark{background:var(--dial-border-hover)}.dialkit-slider-active .dialkit-slider-value{color:var(--dial-text-focus)}.dialkit-slider-fill{background:var(--dial-surface-active);pointer-events:none;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.dialkit-slider-active .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-slider-handle{background:var(--dial-text-primary);pointer-events:none;border-radius:999px;width:3px;height:20px;position:absolute;top:50%}.dialkit-slider-label{color:var(--dial-text-label);pointer-events:none;align-items:center;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(calc(-50% - .5px))}.dialkit-slider-value{color:var(--dial-text-label);pointer-events:auto;border-bottom:1px solid #0000;padding-bottom:1px;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;position:absolute;top:50%;right:12px;transform:translateY(calc(.5px - 50%))}.dialkit-slider-value-editable{border-bottom-color:var(--dial-text-label)}.dialkit-slider-input{width:4ch;min-width:3ch;max-width:6ch;color:var(--dial-text-label);border:none;border-bottom:1px solid var(--dial-text-label);text-align:right;background:0 0;outline:none;padding:0 0 1px;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dialkit-slider-input:focus{color:var(--dial-text-focus)}.dialkit-segmented{border-radius:var(--dial-radius);background:0 0;padding:2px;display:flex;position:relative}.dialkit-segmented-pill{background:var(--dial-surface-active);z-index:0;pointer-events:none;border-radius:6px;position:absolute;top:2px;bottom:2px}.dialkit-segmented-button{z-index:1;cursor:pointer;background:0 0;border:none;flex:none;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s;position:relative}.dialkit-segmented-button[data-active=true]{color:var(--dial-text-primary)}.dialkit-segmented-button[data-active=false]{color:var(--dial-text-label)}.dialkit-toggle{background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .15s;display:flex}.dialkit-toggle:hover{background:var(--dial-surface-hover)}.dialkit-toggle-label{color:var(--dial-text-label);font-size:13px;font-weight:500;transition:color .15s}.dialkit-toggle[data-checked=true] .dialkit-toggle-label{color:var(--dial-text-primary)}.dialkit-toggle-track{background:var(--dial-surface-active);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.dialkit-toggle[data-checked=true] .dialkit-toggle-track{background:var(--dial-border-hover)}.dialkit-toggle-thumb{background:var(--dial-text-primary);border-radius:8px;width:16px;height:16px;position:absolute;top:2px}.dialkit-button-group{flex-direction:column;gap:6px;display:flex}.dialkit-button{color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dialkit-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-button:active{background:var(--dial-surface-active)}.dialkit-labeled-control{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:2px 10px 2px 12px;display:flex}.dialkit-labeled-control-label{color:var(--dial-text-label);flex-shrink:0;align-items:center;font-size:13px;font-weight:500;line-height:17px;display:flex}.dialkit-labeled-control .dialkit-segmented{flex-shrink:0;margin-right:-6px}.dialkit-action-button{width:160px;color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dialkit-action-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-action-button:active{background:var(--dial-surface-active)}.dialkit-actions-group{align-items:flex-start}.dialkit-actions-stack{flex-direction:column;gap:6px;width:160px;display:flex}.dialkit-spring-viz{border-radius:var(--dial-radius);background:var(--dial-surface);width:100%;overflow:visible}.dialkit-easing-viz{aspect-ratio:256/180;border-radius:var(--dial-radius);background:var(--dial-surface);isolation:isolate;width:100%;position:relative;overflow:hidden}.dialkit-easing-viz svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dialkit-easing-reference{stroke:var(--dial-text-tertiary);stroke-width:1px;stroke-dasharray:3 4;opacity:.4}.dialkit-easing-tangent{stroke:var(--dial-text-tertiary);stroke-width:1px}.dialkit-easing-curve{fill:none;stroke:var(--dial-text-primary);stroke-width:2px;stroke-linecap:round}.dialkit-easing-endpoint{fill:var(--dial-text-secondary)}.dialkit-easing-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.dialkit-easing-handle:after{content:"";box-sizing:border-box;border:1.5px solid var(--dial-text-secondary);background:var(--dial-surface);border-radius:50%;width:10px;height:10px}.dialkit-easing-handle:hover:after,.dialkit-easing-handle:focus-visible:after,.dialkit-easing-handle[data-dragging]:after{border-color:var(--dial-text-primary);background:var(--dial-text-primary)}.dialkit-easing-handle[data-dragging]{cursor:grabbing;z-index:1}.dialkit-easing-handle:disabled{pointer-events:none}.dialkit-easing-instructions{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.dialkit-panel-wrapper{flex-direction:column;display:inline-flex}.dialkit-panel-toolbar{height:var(--dial-row-height);align-items:center;gap:6px;min-width:0;margin-bottom:6px;display:flex;overflow:hidden}.dialkit-panel-section-toolbar{width:100%;height:var(--dial-row-height);align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.dialkit-toolbar-add{width:var(--dial-row-height);height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.dialkit-toolbar-add:hover{background:var(--dial-surface-hover)}.dialkit-timeline-toolbar-toggle[data-active]{background:var(--dial-surface-active);color:var(--dial-text-root)}.dialkit-toolbar-add svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-timeline-toolkit-only{height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface-subtle);color:var(--dial-text-secondary);align-items:center;padding:0 12px;font-size:12px;display:flex}.dialkit-toolbar-copy{height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex;position:relative}.dialkit-toolbar-copy:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-copy-icon-wrap{flex-shrink:0;width:16px;height:16px;position:relative}.dialkit-toolbar-copy-icon{width:16px;height:16px;position:absolute;inset:0}.dialkit-text-control{box-sizing:border-box;height:var(--dial-row-height);min-height:var(--dial-row-height);padding:calc((var(--dial-row-height) - 18px) / 2) 12px;background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative;overflow:clip}.dialkit-text-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;line-height:18px}.dialkit-text-input{box-sizing:border-box;margin:0;margin-right:calc(-1 * var(--dial-text-gutter,0px));resize:none;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--dial-text-tertiary) transparent;width:0;min-width:0;height:18px;color:var(--dial-text-label);text-align:right;cursor:text;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:13px;font-weight:500;line-height:18px;display:block;overflow:hidden}.dialkit-text-control[data-autosized]{transition:height .18s cubic-bezier(.2,0,0,1)}.dialkit-text-input::-webkit-scrollbar{width:6px}.dialkit-text-input::-webkit-scrollbar-track{background:0 0}.dialkit-text-input::-webkit-scrollbar-thumb{background:var(--dial-text-tertiary);border-radius:3px}@media (prefers-reduced-motion:reduce){.dialkit-text-control[data-autosized]{transition:none}}.dialkit-text-input:focus{color:var(--dial-text-focus)}.dialkit-text-input:focus-visible{background-image:linear-gradient(var(--dial-focus-ring), var(--dial-focus-ring));background-position:4px bottom;background-repeat:no-repeat;background-size:calc(100% - var(--dial-text-gutter,0px) - 4px) 1px}.dialkit-text-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-select-trigger{width:100%;height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-select-trigger:hover{background:var(--dial-surface-hover)}.dialkit-select-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-select-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-select-right{align-items:center;gap:8px;display:flex}.dialkit-select-value{color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden;transform:translateY(-.5px)}.dialkit-select-chevron{box-sizing:border-box;opacity:.6;flex-shrink:0;width:20px;height:20px;padding:2px}.dialkit-select-dropdown{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dial-border-hover) transparent;background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:var(--dial-radius);z-index:10000;box-shadow:var(--dial-shadow-dropdown);margin:0;padding:4px;inset:auto;overflow-y:auto}.dialkit-select-option{width:100%;min-height:36px;color:var(--dial-text-label);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:block}.dialkit-select-option:hover{background:var(--dial-surface-hover)}.dialkit-select-option[data-selected=true]{color:var(--dial-text-primary);background:var(--dial-surface-active)}.dialkit-image-control{width:100%;height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);color:var(--dial-text-label);text-align:left;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 6px 0 12px;font:500 13px system-ui,-apple-system,sans-serif;transition:background .15s,box-shadow .15s;display:flex}.dialkit-image-control:hover{background:var(--dial-surface-hover)}.dialkit-image-control[data-open=true]{background:var(--dial-surface-active);box-shadow:inset 0 0 0 1px var(--dial-border-hover);color:var(--dial-text-primary)}.dialkit-image-label{flex-shrink:0}.dialkit-image-value{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--dial-text-secondary);flex:1;font-size:12px;overflow:hidden}.dialkit-image-frame{border-radius:var(--dial-radius);background:repeating-conic-gradient(var(--dial-surface) 0% 25%, transparent 0% 50%) 0 / 12px 12px, var(--dial-surface);display:block;position:relative;overflow:hidden}.dialkit-image-img{object-fit:cover;width:100%;height:100%;display:block}.dialkit-image-fallback{color:var(--dial-text-tertiary);place-items:center;display:grid;position:absolute;inset:0}.dialkit-image-fallback svg{width:24px;height:24px}.dialkit-image-thumbnail{height:26px;box-shadow:inset 0 0 0 1px var(--dial-border);border-radius:5px;flex:0 0 38px}.dialkit-image-thumbnail svg{width:16px;height:16px}.dialkit-image-popover{z-index:10002;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dial-border-hover) transparent;border:1px solid var(--dial-border);background:var(--dial-glass-bg);box-shadow:var(--dial-shadow);color:var(--dial-text-label);border-radius:14px;flex-direction:column;gap:10px;margin:0;padding:12px;font:500 13px system-ui,-apple-system,sans-serif;animation:.16s ease-out dialkit-color-enter;display:flex;position:fixed;inset:auto;overflow-y:auto}.dialkit-image-popover *,.dialkit-image-popover :before,.dialkit-image-popover :after{box-sizing:border-box}.dialkit-image-popover>*{flex-shrink:0}.dialkit-image-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.dialkit-image-title{color:var(--dial-text-primary)}.dialkit-image-clear{color:var(--dial-text-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;margin:-4px -4px -4px 0;padding:4px;font-size:11px}.dialkit-image-clear:hover{color:var(--dial-text-primary)}.dialkit-image-grid{gap:var(--dial-row-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dialkit-image-option{border-radius:calc(var(--dial-radius) + 3px);cursor:pointer;background:0 0;border:1px solid #0000;width:100%;padding:3px;transition:border-color .15s,background .15s;display:block;position:relative}.dialkit-image-option-preview{aspect-ratio:4/3;border-radius:calc(var(--dial-radius) - 1px);width:100%}.dialkit-image-option:hover{background:var(--dial-surface-hover);border-color:var(--dial-border-hover)}.dialkit-image-option[aria-pressed=true]{border-color:var(--dial-text-label);background:var(--dial-surface-active)}.dialkit-image-upload{flex:none;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.dialkit-image-upload svg{width:15px;height:15px}.dialkit-image-popover[data-dragging=true] .dialkit-image-upload{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-image-upload[aria-disabled=true]{opacity:.6;cursor:progress}.dialkit-image-empty{border-radius:var(--dial-radius);background:var(--dial-surface);color:var(--dial-text-tertiary);text-align:center;padding:28px 12px;font-weight:400}.dialkit-image-status{overflow-wrap:anywhere;font-size:11px;font-weight:400;line-height:1.5}.dialkit-image-popover [hidden],.dialkit-image-frame [hidden],.dialkit-image-file{display:none}@media (prefers-reduced-motion:reduce){.dialkit-image-popover{animation:none}}.dialkit-pad{gap:var(--dial-row-gap);min-width:0;display:grid}.dialkit-pad-caption{min-width:0;height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);align-items:center;padding:0 12px;display:flex}.dialkit-pad-label{min-width:0;color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.dialkit-pad-surface{aspect-ratio:1;border-radius:var(--dial-radius);background:var(--dial-surface);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.dialkit-pad-plane{pointer-events:none;position:absolute;inset:12px}.dialkit-pad-grid{pointer-events:none;position:absolute;inset:0}.dialkit-pad-grid-line{background:var(--dial-border);opacity:.65;position:absolute}.dialkit-pad-grid-vertical{width:1px;top:0;bottom:0;transform:translate(-50%)}.dialkit-pad-grid-horizontal{height:1px;left:0;right:0;transform:translateY(-50%)}.dialkit-pad-center{background:var(--dial-text-tertiary);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialkit-pad-point{background:var(--dial-text-primary);pointer-events:auto;cursor:grab;border-radius:50%;width:12px;height:12px;transition:box-shadow .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 #0000,0 2px 4px #0003}.dialkit-pad-surface[data-dragging=true],.dialkit-pad-surface[data-dragging=true] .dialkit-pad-point{cursor:grabbing}.dialkit-pad-surface[data-dragging=true] .dialkit-pad-point{box-shadow:0 0 0 6px var(--dial-border-hover), 0 2px 6px #0003}.dialkit-pad-fields{gap:var(--dial-row-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dialkit-pad-field{min-width:0;height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);align-items:center;gap:4px;padding:0 12px 0 10px;display:flex}.dialkit-pad-axis{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:35%;color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;overflow:hidden}.dialkit-pad-value{width:100%;min-width:0;color:var(--dial-text-label);text-align:right;background:0 0;border:0;padding:0 0 1px;font:500 13px Geist Mono,monospace}.dialkit-pad-field:focus-within{background:var(--dial-surface-hover)}.dialkit-pad-value:focus-visible{box-shadow:inset 0 -1px var(--dial-focus-ring)}.dialkit-pad-value:focus{color:var(--dial-text-focus)}.dialkit-pad-instructions{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.dialkit-pad-point{transition:none}}.dialkit-color-control{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;transition:background .15s,box-shadow .15s;display:flex}.dialkit-color-control[data-open=true]{background:var(--dial-surface-active);box-shadow:inset 0 0 0 1px var(--dial-border-hover)}.dialkit-color-control[data-open=true] .dialkit-color-label,.dialkit-color-control[data-open=true] .dialkit-color-value{color:var(--dial-text-primary)}.dialkit-color-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-inputs{flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.dialkit-color-value{width:100%;min-width:0;color:var(--dial-text-label);text-align:right;text-overflow:ellipsis;background:0 0;border:0;outline:none;padding:4px 0;font:500 13px Geist Mono,monospace}.dialkit-color-value:focus{color:var(--dial-text-focus)}.dialkit-color-swatch{border:1px solid var(--dial-border-hover);background:linear-gradient(var(--dial-color), var(--dial-color)), repeating-conic-gradient(#aaa 0% 25%, #eee 0% 50%) 0 / 8px 8px;cursor:pointer;border-radius:5px;flex:0 0 20px;width:20px;height:20px;padding:0;transition:transform .15s;box-shadow:inset 0 0 0 1px #ffffff14}.dialkit-color-swatch:hover{transform:scale(1.08)}.dialkit-color-popover{gap:var(--dial-row-gap);z-index:10002;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--dial-border);background:var(--dial-glass-bg);box-shadow:var(--dial-shadow);color:var(--dial-text-label);border-radius:14px;margin:0;padding:10px;animation:.16s ease-out dialkit-color-enter;display:grid;position:fixed;inset:auto;overflow-y:auto}.dialkit-color-popover *,.dialkit-color-popover :before,.dialkit-color-popover :after{box-sizing:border-box}.dialkit-color-plane{border-radius:var(--dial-radius);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;height:160px;position:relative}.dialkit-color-canvas{border-radius:inherit;width:100%;height:100%;display:block}.dialkit-color-plane:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a}.dialkit-color-marker{z-index:1;pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;box-shadow:0 2px 4px #0000004d}.dialkit-color-tracks{gap:var(--dial-row-gap);display:grid}.dialkit-color-track-row{height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.dialkit-color-track-row>span{color:var(--dial-text-label);flex:0 0 52px}.dialkit-color-track{appearance:none;cursor:pointer;touch-action:none;background:0 0;border:0;flex:1;min-width:0;height:100%;margin:0;padding:0}.dialkit-color-hue{--dial-color-thumb-bg:var(--dial-color-thumb)}.dialkit-color-opacity{--dial-color-track-bg:linear-gradient(to right, transparent, var(--dial-color-opaque)), repeating-conic-gradient(#aaa 0% 25%, #eee 0% 50%) 0 / 8px 8px;--dial-color-thumb-bg:linear-gradient(var(--dial-color-thumb), var(--dial-color-thumb)), repeating-conic-gradient(#aaa 0% 25%, #eee 0% 50%) 0 / 8px 8px}.dialkit-color-track::-webkit-slider-runnable-track{background:var(--dial-color-track-bg);border-radius:4px;height:16px}.dialkit-color-track::-moz-range-track{background:var(--dial-color-track-bg);border:0;border-radius:4px;height:16px}.dialkit-color-track::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;background:var(--dial-color-thumb-bg);background-clip:padding-box;border:2px solid #fff;border-radius:5px;width:16px;height:24px;margin-top:-4px;box-shadow:0 2px 4px #0000004d}.dialkit-color-track::-moz-range-thumb{box-sizing:border-box;background:var(--dial-color-thumb-bg);background-clip:padding-box;border:2px solid #fff;border-radius:5px;width:16px;height:24px;box-shadow:0 2px 4px #0000004d}.dialkit-color-format-row{padding:2px}.dialkit-color-format-row .dialkit-color-formats{flex:1;min-width:0;margin-right:0}.dialkit-color-formats .dialkit-segmented-pill{width:calc(33.3333% - 1.33333px);transition:transform .2s cubic-bezier(.25,1,.5,1);left:2px}.dialkit-color-format{white-space:nowrap;flex:1 1 0;min-width:0}.dialkit-color-format:hover{color:var(--dial-text-primary)}.dialkit-color-css-input{width:100%;height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);color:var(--dial-text-label);border:0;outline:none;padding:0 12px;font:500 13px Geist Mono,monospace;display:block}.dialkit-color-css-input:focus{color:var(--dial-text-focus)}.dialkit-color-popover input[aria-invalid=true],.dialkit-color-value[aria-invalid=true]{color:#ef7777}@keyframes dialkit-color-enter{0%{opacity:0;transform:translateY(3px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dialkit-color-popover{animation:none}.dialkit-color-formats .dialkit-segmented-pill{transition:none}}.dialkit-preset-manager{flex:1;position:relative}.dialkit-preset-trigger{width:100%;height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-preset-trigger:hover{background:var(--dial-surface-hover)}.dialkit-preset-trigger[data-disabled=true]{cursor:default}.dialkit-preset-trigger[data-disabled=true]:hover{background:var(--dial-surface)}.dialkit-preset-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-preset-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialkit-preset-dropdown{overscroll-behavior:contain;background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);z-index:10000;width:max-content;box-shadow:var(--dial-shadow-dropdown);border-radius:12px;margin:0;padding:4px;inset:auto;overflow-y:auto}.dialkit-preset-list{border-bottom:1px solid var(--dial-border);flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:4px;display:flex}.dialkit-preset-item{box-sizing:border-box;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;height:32px;padding:0 10px;transition:background .15s;display:flex}.dialkit-preset-item+.dialkit-preset-item{margin-top:2px}.dialkit-preset-item:hover{background:var(--dial-surface-hover)}.dialkit-preset-item[data-active=true]{background:var(--dial-surface-active)}.dialkit-preset-name{text-align:left;cursor:pointer;min-width:0;color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:1;padding:0;font-family:inherit;font-size:13px;font-weight:500;overflow:hidden}.dialkit-preset-item[data-active=true] .dialkit-preset-name{color:var(--dial-text-primary)}.dialkit-preset-delete{cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .15s;display:flex}.dialkit-preset-item:hover .dialkit-preset-delete,.dialkit-preset-item:focus-within .dialkit-preset-delete{opacity:.6}.dialkit-preset-item:focus-within{background:var(--dial-surface-hover)}.dialkit-preset-delete:hover{opacity:1!important}.dialkit-preset-delete svg{width:14px;height:14px;color:var(--dial-text-focus);pointer-events:none;transition:color .15s}.dialkit-preset-delete:hover svg{color:#ff3b30}.dialkit-preset-save-btn{width:100%;color:var(--dial-text-label);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.dialkit-preset-save-btn:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-preset-save-btn svg{width:12px;height:12px}.dialkit-preset-save-row{align-items:center;gap:6px;padding:4px;display:flex}.dialkit-preset-input{min-width:0;color:var(--dial-text-primary);background:var(--dial-surface);border:1px solid var(--dial-border);border-radius:6px;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:13px}.dialkit-preset-input:focus{border-color:var(--dial-text-label)}.dialkit-preset-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-preset-confirm{background:var(--dial-surface);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s;display:flex}.dialkit-preset-confirm:hover:not(:disabled){background:var(--dial-surface-hover)}.dialkit-preset-confirm:disabled{opacity:.4;cursor:not-allowed}.dialkit-preset-confirm svg{width:14px;height:14px;color:var(--dial-text-label)}.dialkit-shortcut-pill{color:var(--dial-text-tertiary);background:var(--dial-surface-subtle);letter-spacing:.02em;white-space:nowrap;vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 5px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:600;line-height:16px;transition:color .15s,background .15s;display:inline-block}.dialkit-shortcut-pill-active{color:var(--dial-text-primary);background:var(--dial-border-hover)}.dialkit-shortcuts-trigger{width:var(--dial-row-height);height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.dialkit-shortcuts-trigger:hover{background:var(--dial-surface-hover)}.dialkit-shortcuts-trigger svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-shortcuts-dropdown{background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);z-index:10000;box-shadow:var(--dial-shadow-dropdown);border-radius:12px;min-width:200px;padding:8px}.dialkit-shortcuts-title{color:var(--dial-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 8px;font-size:11px;font-weight:600}.dialkit-shortcuts-list{flex-direction:column;gap:2px;display:flex}.dialkit-shortcuts-row{border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.dialkit-shortcuts-row-key{color:var(--dial-text-secondary);background:var(--dial-surface-subtle);text-align:center;border-radius:4px;min-width:28px;padding:2px 6px;font-family:ui-monospace,SF Mono,Courier New,monospace;font-size:11px;font-weight:600}.dialkit-shortcuts-row-label{color:var(--dial-text-label);flex:1;font-size:13px;font-weight:500}.dialkit-shortcuts-row-mode{color:var(--dial-text-tertiary);font-size:11px;font-style:italic;font-weight:500}.dialkit-shortcuts-hint{color:var(--dial-text-tertiary);border-top:1px solid var(--dial-border);margin-top:4px;padding:6px 8px 2px;font-size:11px}.dialkit-root[data-theme=light]{--dial-surface:#0000000a;--dial-surface-hover:#00000014;--dial-surface-active:#0000001a;--dial-surface-subtle:#0000000f;--dial-text-root:#000;--dial-text-section:#000000a6;--dial-text-label:#0009;--dial-text-focus:#000;--dial-text-primary:#000000e6;--dial-text-secondary:#0000008c;--dial-text-tertiary:#00000059;--dial-border:#0000001a;--dial-border-hover:#00000026;--dial-focus-ring:#0000008c;--dial-timeline-clip-overlay:#00000047;--dial-glass-bg:#fafafa;--dial-dropdown-bg:#fff;--dial-shadow:0 4px 20px #00000014;--dial-shadow-collapsed:0 2px 10px #0000000f;--dial-shadow-dropdown:0 4px 16px #00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=light] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=light] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}@media (prefers-color-scheme:light){.dialkit-root[data-theme=system]{--dial-surface:#0000000a;--dial-surface-hover:#00000014;--dial-surface-active:#0000001a;--dial-surface-subtle:#0000000f;--dial-text-root:#000;--dial-text-section:#000000a6;--dial-text-label:#0009;--dial-text-focus:#000;--dial-text-primary:#000000e6;--dial-text-secondary:#0000008c;--dial-text-tertiary:#00000059;--dial-border:#0000001a;--dial-border-hover:#00000026;--dial-focus-ring:#0000008c;--dial-timeline-clip-overlay:#00000047;--dial-glass-bg:#fafafa;--dial-dropdown-bg:#fff;--dial-shadow:0 4px 20px #00000014;--dial-shadow-collapsed:0 2px 10px #0000000f;--dial-shadow-dropdown:0 4px 16px #00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=system] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=system] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}}.dialkit-timeline{z-index:9998;position:fixed;bottom:12px;left:12px;right:12px}.dialkit-timeline[hidden]{display:none}.dialkit-timeline-dock{box-sizing:border-box;background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dial-text-tertiary) transparent;border-radius:14px;flex-direction:column;gap:10px;padding:0 12px 10px;display:flex;position:relative;overflow:hidden auto}.dialkit-timeline-resize-handle{z-index:9;cursor:ns-resize;touch-action:none;height:10px;position:absolute;top:-4px;left:0;right:0}.dialkit-timeline-dock::-webkit-scrollbar{width:8px}.dialkit-timeline-dock::-webkit-scrollbar-track{background:0 0}.dialkit-timeline-dock::-webkit-scrollbar-thumb{background:var(--dial-text-tertiary);border-radius:999px}.dialkit-timeline-section{--dial-timeline-label-w:96px;--dial-timeline-actions-w:284px;--dial-timeline-header-h:calc(var(--dial-row-height) + 4px)}.dialkit-timeline-section+.dialkit-timeline-section{border-top:1px solid var(--dial-border);padding-top:10px}.dialkit-timeline-header{z-index:7;box-sizing:border-box;height:var(--dial-timeline-header-h);background:var(--dial-glass-bg);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:12px;margin:0;padding:4px 0 0;display:grid;position:sticky;top:0}.dialkit-timeline-header[data-open]{grid-template-columns:minmax(0,1fr) auto;gap:12px}.dialkit-timeline-header:not([data-open]){grid-template-columns:var(--dial-timeline-label-w) minmax(0, 1fr) auto;gap:0}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-identity{width:var(--dial-timeline-label-w);box-sizing:border-box;padding-right:10px;overflow:hidden}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-title{text-overflow:ellipsis;overflow:hidden}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-overview{margin-right:12px}.dialkit-timeline-identity{align-items:center;gap:10px;min-width:0;display:flex}.dialkit-timeline-title{min-width:0;color:var(--dial-text-root);letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:600;display:block}.dialkit-timeline-header[data-open] .dialkit-timeline-identity{width:100%;overflow:hidden}.dialkit-timeline-header[data-open] .dialkit-timeline-title{text-overflow:ellipsis;flex:0 auto;width:fit-content;max-width:100%;display:inline-block;overflow:hidden}.dialkit-timeline-time{font-variant-numeric:tabular-nums;color:var(--dial-text-label);white-space:nowrap;font-family:Geist Mono,ui-monospace,monospace;font-size:13px;font-weight:500}.dialkit-timeline-overview{background:var(--dial-surface-subtle);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;min-width:60px;height:12px;position:relative;overflow:hidden}.dialkit-timeline-overview-viewport{border-radius:inherit;pointer-events:none;position:absolute;inset-block:0}.dialkit-timeline-overview-viewport[data-zoomed]{background:color-mix(in srgb, var(--dial-text-tertiary) 18%, transparent);box-shadow:inset 0 0 0 1px var(--dial-border)}.dialkit-timeline-overview-progress{background:var(--dial-text-tertiary);opacity:.35;pointer-events:none;border-radius:999px 0 0 999px;position:absolute;inset:0 auto 0 0}.dialkit-timeline-overview-playhead{background:var(--dial-text-root);pointer-events:none;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.dialkit-timeline-actions{align-items:center;gap:6px;display:flex}.dialkit-timeline-header[data-open] .dialkit-timeline-actions{box-sizing:border-box;justify-content:flex-end;width:auto;padding-left:0}.dialkit-timeline-actions .dialkit-preset-manager{flex:0 0 120px;width:120px}.dialkit-timeline-chevron{width:20px;height:var(--dial-row-height);cursor:pointer;color:var(--dial-text-label);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:flex}.dialkit-timeline-chevron:hover{opacity:1}.dialkit-timeline-chevron svg{width:16px;height:16px;transition:transform .18s}.dialkit-timeline-chevron[data-open=true] svg{transform:rotate(180deg)}.dialkit-timeline-body{margin-top:0;overflow:visible}.dialkit-timeline-scroll-row{z-index:6;grid-template-columns:var(--dial-timeline-label-w) minmax(0, 1fr);background:var(--dial-glass-bg);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));margin-top:6px;margin-bottom:-10px;padding:4px 0 10px;display:grid;position:sticky;bottom:-10px}.dialkit-timeline-horizontal-scroll{scrollbar-width:thin;scrollbar-color:var(--dial-text-tertiary) transparent;overscroll-behavior-x:contain;min-width:0;height:10px;overflow:auto hidden}.dialkit-timeline-horizontal-scroll>div{height:1px}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar{height:8px}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar-track{background:0 0}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar-thumb{background:var(--dial-text-tertiary);border-radius:999px}.dialkit-timeline-grid{flex-direction:column;gap:6px;display:flex;position:relative}.dialkit-timeline-row{grid-template-columns:var(--dial-timeline-label-w) minmax(0, 1fr);align-items:stretch;display:grid}.dialkit-timeline-label{flex:0 0 var(--dial-timeline-label-w);box-sizing:border-box;color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding-right:10px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.dialkit-timeline-ruler{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:5;min-width:0;height:28px;position:relative;overflow:visible}.dialkit-timeline-ruler-row{top:var(--dial-timeline-header-h);z-index:6;background:var(--dial-glass-bg);height:28px;-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));position:sticky}.dialkit-timeline-tick{background:var(--dial-text-tertiary);pointer-events:none;width:1px;height:100%;position:absolute;top:50%;transform:translateY(-50%)}.dialkit-timeline-tick-medium{background:var(--dial-border-hover);height:16px}.dialkit-timeline-tick-fine{background:var(--dial-border);height:8px}.dialkit-timeline-tick-label{font-variant-numeric:tabular-nums;height:18px;color:var(--dial-text-tertiary);white-space:nowrap;align-items:center;font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px;line-height:18px;display:flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.dialkit-timeline-row{height:28px}.dialkit-timeline-group-row{height:22px}.dialkit-timeline-group-row .dialkit-timeline-label{color:var(--dial-text-root);gap:4px;font-weight:600}.dialkit-timeline-group-row .dialkit-timeline-lane{background:0 0}.dialkit-timeline-group-toggle{cursor:pointer;color:var(--dial-text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;margin-left:-2px;padding:0;display:flex}.dialkit-timeline-group-toggle svg{width:10px;height:10px;transition:transform .15s;transform:rotate(-90deg)}.dialkit-timeline-group-toggle[data-open=true] svg{transform:rotate(0)}.dialkit-timeline-row[data-grouped] .dialkit-timeline-label{padding-left:14px}.dialkit-timeline-lane{background:var(--dial-surface-subtle);border-radius:8px;flex:1;position:relative;overflow:hidden}.dialkit-timeline-clip{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;z-index:1;box-shadow:inset 0 0 0 999px var(--dial-timeline-clip-overlay);border-radius:6px;justify-content:flex-end;align-items:center;padding:0 9px;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.dialkit-timeline-clip-ghost{box-sizing:border-box;opacity:.18;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:5px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.dialkit-timeline-clip-ghost-segment{box-sizing:border-box;flex-shrink:0;height:100%}.dialkit-timeline-clip-ghost-segment+.dialkit-timeline-clip-ghost-segment{box-shadow:inset 1px 0 #00000080}.dialkit-timeline-loop-infinity{z-index:2;color:var(--dial-text-tertiary);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Geist Mono,ui-monospace,monospace;font-size:13px;font-weight:600;line-height:1;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.dialkit-timeline-clip[data-dragging]{cursor:grabbing}.dialkit-timeline-clip[data-selected]{box-shadow:0 0 0 2px var(--dial-text-root), inset 0 0 0 999px var(--dial-timeline-clip-overlay)}.dialkit-timeline-clip-duration{font-variant-numeric:tabular-nums;color:#0000008c;white-space:nowrap;pointer-events:none;font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px}.dialkit-timeline-clip[data-steps]{justify-content:flex-start;padding:0}.dialkit-timeline-clip-segment{box-sizing:border-box;flex-shrink:0;justify-content:flex-end;align-items:center;height:100%;padding:0 8px;display:flex;position:relative;overflow:hidden}.dialkit-timeline-clip-segment+.dialkit-timeline-clip-segment{box-shadow:inset 1.5px 0 #00000040}.dialkit-timeline-clip-segment:hover{background:#0000000f}.dialkit-timeline-clip-segment[data-selected]{background:#0000001f}.dialkit-timeline-clip[data-composite]{cursor:pointer}.dialkit-timeline-track-row .dialkit-timeline-label{color:var(--dial-text-tertiary);padding-left:26px;font-size:13px}.dialkit-timeline-track-row[data-grouped] .dialkit-timeline-label{padding-left:32px}.dialkit-timeline-clip-handle{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.dialkit-timeline-clip-handle[data-edge=start]{left:0}.dialkit-timeline-clip-handle[data-edge=end]{right:0}.dialkit-timeline-playhead-control{cursor:ew-resize;touch-action:none;width:12px;margin-left:-6px;position:absolute;top:0;bottom:0}.dialkit-timeline-playhead-anchor{top:calc(var(--dial-timeline-header-h) + 14px);z-index:8;width:0;height:0;margin-left:6px;position:sticky}.dialkit-timeline-playhead-anchor:before{content:"";background:var(--dial-text-root);pointer-events:none;width:2px;height:15px;position:absolute;top:0;left:-1px}.dialkit-timeline-playhead-flag{top:0;left:calc(var(--dial-timeline-playhead-flag-offset,0px) - 26px);z-index:1;box-sizing:border-box;color:#414141;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:center;white-space:nowrap;background:#f3f3f3;border:1px solid #ffffffbf;border-radius:6px;width:52px;height:18px;padding:0 7px;font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px;font-weight:600;line-height:16px;transition:top .12s;position:absolute;transform:translateY(-50%);box-shadow:0 1px 4px #00000047}.dialkit-timeline-playhead-stem{z-index:5;background:var(--dial-text-root);pointer-events:none;width:2px;position:absolute;top:27px;bottom:0;left:5px}.dialkit-timeline-popover{z-index:10000;background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));box-shadow:var(--dial-shadow);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;border-radius:14px;max-height:60vh;padding:10px 12px;position:fixed;overflow-y:auto}.dialkit-timeline-popover::-webkit-scrollbar{display:none}.dialkit-timeline-popover-header{border-bottom:1px solid var(--dial-border);align-items:center;gap:8px;margin-bottom:6px;padding:2px 2px 8px;display:flex}.dialkit-timeline-popover-title{color:var(--dial-text-root);letter-spacing:-.01em;font-size:15px;font-weight:600}.dialkit-timeline-popover-close{width:24px;height:24px;color:var(--dial-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:5px;display:flex}.dialkit-timeline-popover-close:hover{color:var(--dial-text-root);background:var(--dial-surface-hover)}.dialkit-timeline-popover-close svg{width:14px;height:14px}.dialkit-timeline-popover-body{flex-direction:column;gap:6px;display:flex}.dialkit-timeline-popover-body>.dialkit-folder:first-child{border-top:none;margin-top:0}@media (width<=720px){.dialkit-timeline-dock{padding:0 10px 10px}.dialkit-timeline-header{grid-template-columns:auto minmax(40px,1fr) auto;gap:8px}.dialkit-timeline-section{--dial-timeline-label-w:76px;--dial-timeline-actions-w:270px}.dialkit-timeline-identity{gap:7px;overflow:hidden}.dialkit-timeline-title{text-overflow:ellipsis;font-size:13px;overflow:hidden}.dialkit-timeline-time{font-size:11px}.dialkit-timeline-overview{height:12px}.dialkit-timeline-actions{min-width:0}.dialkit-timeline-actions .dialkit-preset-manager{flex-basis:100px;width:100px}.dialkit-timeline-chevron{justify-content:center;width:26px;height:28px;padding:0}.dialkit-timeline-grid{min-width:0}}.dialkit-root :where(button,input,textarea,[tabindex]):focus{outline:none}.dialkit-root :where(button,[role=slider],[role=button],.dialkit-color-plane,.dialkit-pad-surface):focus-visible{outline:2px solid var(--dial-focus-ring);outline-offset:-2px}.dialkit-folder-header-top[role=button]{border-radius:5px}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{border-radius:50%}.dialkit-slider:focus-visible .dialkit-slider-value,.dialkit-slider:focus-within .dialkit-slider-value{color:var(--dial-text-focus)}.dialkit-slider:focus-visible .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-select-option:focus-visible{background:var(--dial-surface-hover);color:var(--dial-text-focus)}.dialkit-root :where(.dialkit-slider-input,.dialkit-color-value,.dialkit-preset-input):focus-visible{box-shadow:inset 0 -1px var(--dial-focus-ring)}.dialkit-color-css-input:focus-visible{outline:none}.dialkit-shortcuts-dropdown{margin:0;inset:auto;overflow-y:auto}@media (forced-colors:active){.dialkit-root{--dial-focus-ring:Highlight}}.dialkit-toolbar-primary{background:var(--dial-text-root);color:var(--dial-glass-bg)}.dialkit-toolbar-primary:hover{background:color-mix(in srgb, var(--dial-text-root) 88%, var(--dial-glass-bg))}.dialkit-toolbar-primary svg{color:inherit}.dialkit-preset-check{width:14px;height:14px;color:var(--dial-text-focus);flex-shrink:0}.dialkit-preset-divider{background:var(--dial-surface-subtle);height:1px;margin:4px 0}.dialkit-preset-create{width:100%;height:32px;color:var(--dial-text-label);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-preset-create:hover,.dialkit-preset-create:focus-visible{background:var(--dial-surface-hover)}:root{--bg:#f2f2f5;--panel:#fff;--panel-2:#f6f6f9;--panel-3:#ecedf1;--line:#e0e0e7;--line-soft:#ededf2;--text:#17171c;--muted:#6b6b79;--accent:#4b62f0;--accent-2:#9b6bf0;--accent-ink:#fff;--accent-wash:#4b62f029;--danger:#d33a4f;--danger-line:#f0c7cd;--warn:#9a6100;--ok:#0f8d68;--hover-bg:#f0f0f4;--hover-line:#cdcdd7;--hairline:#00000014;--pop-shadow:0 14px 36px #14142824;--canvas-shadow:0 16px 50px #14142829;--stage-surround:#1e1e1e;--playhead:#00956c;--lane:#00000009;--clip:#a9d5ff;--clip-hover:#94caff;--clip-active:#2f3d52;--clip-key:#2b99ff;--clip-key-hover:#0d86f5;--beyond:#00000012;--toast-bg:#fdeaed;--toast-line:#f0c2ca;--toast-text:#7d1b28;--axis-x:#dc4159;--axis-y:#12946a;--axis-z:#3a5ce8;--axis-s:#8a4fe0;--axis-v:#c97a10;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b0b0e;--panel:#131318;--panel-2:#1a1a21;--panel-3:#20202a;--line:#26262f;--line-soft:#1f1f27;--text:#e8e8ee;--muted:#8d8d9c;--accent:#6d8fff;--accent-2:#b98bff;--accent-ink:#0b0b0e;--accent-wash:#6d8fff4d;--danger:#ff6b6b;--danger-line:#3a2630;--warn:#ffcf6b;--ok:#57d9a3;--hover-bg:#20202a;--hover-line:#3a3a47;--hairline:#ffffff14;--pop-shadow:0 14px 36px #00000080;--canvas-shadow:0 24px 80px #0009;--playhead:#16b783;--lane:#ffffff0d;--clip:#2f4a66;--clip-hover:#37587a;--clip-active:#c8d8ee;--clip-key:#4b9df5;--clip-key-hover:#6fb2f8;--beyond:#00000040;--toast-bg:#2a1a1f;--toast-line:#58303a;--toast-text:#ffd9de;--axis-x:#ff6b81;--axis-y:#6ee7a8;--axis-z:#6d8fff;--axis-s:#c9a0ff;--axis-v:#ffc46b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:13px/1.5 ui-sans-serif,-apple-system,SF Pro Text,Inter,system-ui,sans-serif;overflow:hidden}.app{grid-template-rows:44px minmax(0,1fr) auto;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:10px;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;margin-right:auto;display:flex}.brand .dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:9px;height:9px}.brand strong{letter-spacing:-.01em;font-weight:600}.brand em{color:var(--muted);font-size:12px;font-style:normal}.status{color:var(--muted);font-size:12px}.topbar-right{align-items:center;gap:12px;display:flex}.history{gap:4px;display:flex}.main{grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.viewport{background:var(--stage-surround);place-items:center;min-width:0;display:grid;position:relative}.stage-canvas{box-shadow:var(--canvas-shadow), 0 0 0 1px var(--hairline);touch-action:none;display:block}.gizmo{cursor:pointer;position:absolute;top:14px;right:14px;overflow:visible}.gizmo-handle circle{transition:r .1s}.gizmo-handle:hover circle{r:10.5}.gizmo text{fill:var(--accent-ink);pointer-events:none;letter-spacing:.02em;font-size:9px;font-weight:700}:root[data-theme=dark] .gizmo text{fill:var(--bg)}.viewport-hint{color:var(--muted);letter-spacing:.02em;pointer-events:none;opacity:.7;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.inspector{border-left:1px solid var(--line);background:var(--panel);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.tabs{border-bottom:1px solid var(--line);display:flex}.tabs button{height:38px;color:var(--muted);font:inherit;cursor:pointer;letter-spacing:-.01em;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:0 2px;font-size:11px}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--text)}.panels{min-height:0;padding-bottom:24px;overflow-y:auto}.section{border-bottom:1px solid var(--line-soft)}.section-head{justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.section-head h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:11px;font-weight:600}.section-body{gap:8px;padding:0 14px 14px;display:grid}.section-body.no-pad{padding:0}.count{color:var(--muted);background:var(--panel-2);border-radius:99px;padding:1px 7px;font-size:11px}.row{grid-template-columns:96px 1fr;align-items:center;gap:10px;display:grid}.row-label{color:var(--muted);align-items:baseline;gap:4px;font-size:12px;display:flex}.row-label em{opacity:.6;font-size:10px;font-style:normal}.row-control{min-width:0}.row.stack{grid-template-columns:1fr;gap:6px}.row.stack .row-label{font-size:11px}.slider{grid-template-columns:1fr 48px;align-items:center;gap:8px;display:grid}.slider output{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;font-size:11px}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:18px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:0;border-radius:50%;width:12px;height:12px;margin-top:-4.5px}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent)}.numfield{align-items:center;gap:6px;display:flex}.numfield input,.textfield{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:7px;padding:5px 8px;font-size:12px}.numfield em{color:var(--muted);font-size:11px;font-style:normal}.textfield.tiny{width:72px}select.textfield{cursor:pointer}.segmented{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:2px;display:flex}.segmented button{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1;padding:4px 6px;font-size:11px}.segmented button.on{background:var(--line);color:var(--text)}.colorfield{align-items:center;gap:8px;display:flex}input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:30px;height:24px;padding:0}.colorfield code{color:var(--muted);font-size:11px}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 11px;font-size:12px}.btn:hover:not(:disabled){border-color:var(--hover-line);background:var(--hover-bg)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.small{padding:4px 8px;font-size:11px}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);border-color:var(--danger-line)}.btn.icon{min-width:32px;padding:5px 9px}.btn.icon.on{color:var(--accent);border-color:var(--accent)}.btnrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.check{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.check.disabled{opacity:.4;cursor:not-allowed}.link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.link.danger{color:var(--danger)}.angles{position:absolute;top:98px;right:14px}.angles>.btn{background:var(--panel);box-shadow:var(--pop-shadow)}.angles-pop{z-index:20;background:var(--panel);border:1px solid var(--line);width:256px;max-height:min(58vh,380px);box-shadow:var(--pop-shadow);border-radius:10px;gap:8px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.angles-pop .rule,.angles-pop .note{margin:0}.angles-pop .link{justify-self:start}.angle-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.angle-grid.wide{grid-template-columns:1fr;gap:8px;margin-top:8px}.angle-grid.mini{grid-template-columns:repeat(2,1fr)}.angle{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.angle.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.angle-hit{width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:block}.angle.compact .angle-hit{text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:7px 2px;font-size:11px;overflow:hidden}.angle.mini .angle-name{padding:4px 6px;font-size:11px;font-weight:400}.angle.mini img,.angle.mini .angle-empty{aspect-ratio:16/9}.angle-hit:hover{background:var(--hover-bg)}.angle-hit img,.angle-empty{aspect-ratio:16/10;object-fit:cover;background:var(--panel-2);border-bottom:1px solid var(--line-soft);width:100%;display:block}.angle-name{padding:6px 8px 2px;font-size:12px;font-weight:500;display:block}.angle.compact .angle-name{padding:0;font-weight:400}.angle-chips{align-items:center;gap:3px;padding:0 8px;display:flex}.angle-chips i{border-radius:50%;width:6px;height:6px}.angle-chips em{color:var(--muted);text-transform:capitalize;margin-left:4px;font-size:10px;font-style:normal}.angle-desc{cursor:text;padding:4px 8px 0}.angle-actions{gap:10px;padding:6px 8px 8px;display:flex}.angle-save{gap:8px;display:grid}.angle-save textarea{resize:vertical;font:inherit;font-size:11px;line-height:1.5}.scrub{background:var(--panel-2);border:1px solid #0000;border-radius:6px;align-items:center;min-width:0;height:24px;display:inline-flex}.scrub:focus-within{border-color:var(--line);background:var(--panel)}.scrub-handle{width:20px;height:100%;color:var(--muted);font:inherit;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:none;padding:0;font-size:10px;font-weight:600;line-height:1}.scrub-handle:hover{color:var(--text)}.scrub input{width:100%;min-width:0;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0;outline:none;flex:1;padding:0 4px 0 0;font-size:11px}.scrub em{color:var(--muted);flex:none;padding-right:6px;font-size:10px;font-style:normal}body.scrubbing,body.scrubbing *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}.row-keyed{background:var(--accent);border-radius:1px;width:6px;height:6px;margin-left:6px;display:inline-block;transform:rotate(45deg)}.note{color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.55}.note.pad{padding:0 14px 14px}.note.ok{color:var(--ok)}.note.warn{color:var(--warn)}.note strong{color:var(--text);font-weight:600}.filename{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filerow{align-items:center;gap:6px;min-width:0;display:flex}.rule{border:0;border-top:1px solid var(--line-soft);margin:6px 0}.preset-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:4px;display:grid}.preset{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;color:var(--muted);font:inherit;text-align:center;border-radius:8px;justify-items:center;gap:5px;padding:8px 4px;font-size:9.5px;line-height:1.1;display:grid}.preset.on{border-color:var(--accent);color:var(--text)}.preset-shape{background:var(--line);border-radius:2px;width:100%;max-width:26px;display:block}.preset.on .preset-shape{background:var(--accent)}.swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.swatch{cursor:pointer;color:var(--muted);font:inherit;background:0 0;border:0;justify-items:center;gap:6px;padding:0;font-size:10px;display:grid}.swatch span{aspect-ratio:1;width:100%;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:8px}.swatch.on{color:var(--text)}.swatch.on span{box-shadow:0 0 0 2px var(--accent)}.swatch em{font-style:normal}.device-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.device-tile{background:var(--panel-2);border:1px solid var(--line-soft);color:var(--muted);font:inherit;cursor:pointer;border-radius:10px;justify-items:center;gap:4px;padding:6px 4px;font-size:10px;display:grid}.device-tile img{object-fit:contain;width:64px;height:64px}.device-tile em{text-align:center;font-style:normal;line-height:1.2}.device-tile:hover{background:var(--hover-bg);border-color:var(--hover-line)}.device-tile.on{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.credit-row{border-bottom:1px solid var(--line-soft);gap:2px;padding:10px 0;display:grid}.credit-row a{color:var(--accent)}.gradient-stops{align-items:center;gap:6px;display:flex}.gradient-stops input[type=color]{flex:1;height:28px}.saverow{gap:8px;display:flex}.views{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px;display:grid}.view{gap:4px;display:grid}.view-thumb{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;aspect-ratio:4/3;border-radius:8px;padding:0;overflow:hidden}.view-thumb:hover{border-color:var(--accent)}.view-thumb img{object-fit:cover;width:100%;height:100%;display:block}.view-empty{width:100%;height:100%;display:block}.view-meta{color:var(--muted);justify-content:space-between;gap:6px;font-size:11px;display:flex}.view-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;height:20px;position:relative;overflow:hidden}.progress div{background:var(--accent);height:100%;transition:width .1s linear}.progress span{color:var(--text);mix-blend-mode:difference;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.tl{border-top:1px solid var(--line);background:var(--panel);gap:10px;padding:10px 16px 12px;display:grid}.tl-transport{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.tl-transport .spacer{flex:1}.clock{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:4px;font-size:12px}.clock em{color:var(--muted);font-style:normal}.tl-length{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.tl-length input{width:62px}.tl-zoom{align-items:center;gap:4px;display:flex}.tl-menu{position:relative}.tl-menu-pop{z-index:20;background:var(--panel-2);border:1px solid var(--line);min-width:190px;box-shadow:var(--pop-shadow);border-radius:8px;padding:6px;position:absolute;bottom:calc(100% + 6px);left:0}.tl-menu-group+.tl-menu-group{border-top:1px solid var(--line-soft);margin-top:4px;padding-top:4px}.tl-menu-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:4px 8px 2px;font-size:10px;display:block}.tl-menu-pop button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.tl-menu-pop button:hover{background:var(--panel)}.tl-menu-pop button em{color:var(--muted);margin-left:auto;font-size:10px;font-style:normal}.tl-body{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;grid-template-columns:184px minmax(0,1fr);display:grid;overflow:hidden}.tl-heads{border-right:1px solid var(--line)}.tl-head-spacer{border-bottom:1px solid var(--line-soft);height:22px}.tl-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex}.tl-head.off{opacity:.45}.tl-head-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tl-mute,.tl-head-btn{width:18px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;padding:0;font-size:11px;line-height:1;display:grid}.tl-mute:hover,.tl-head-btn:hover{background:var(--panel);color:var(--text)}.tl-head-btn.danger:hover{color:var(--danger)}.tl-head-btn.key{font-size:12px}.tl-head-btn.key.on{color:var(--accent)}.tl-chips{flex:none;gap:2px;display:inline-flex}.tl-head.graphed{background:var(--panel-3);box-shadow:inset 2px 0 0 var(--accent)}.tl-channels{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.tl-chan{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 7px;font-size:11px;display:inline-flex}.tl-chan i{border-radius:50%;width:6px;height:6px}.tl-chan.off{opacity:.4}.tl-chan:hover{border-color:var(--hover-line)}.tl-chips i{border-radius:50%;width:5px;height:5px}.tl-view{overscroll-behavior-x:contain;overflow:auto hidden}.tl-scroll{position:relative}.tl-ruler{border-bottom:1px solid var(--line-soft);cursor:crosshair;height:22px;position:relative}.tl-tick{background:var(--line);width:1px;position:absolute;top:0;bottom:0}.tl-tick em{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;font-style:normal;position:absolute;top:3px;left:5px}.tl-lane{cursor:crosshair;position:relative}.tl-lane.off{opacity:.4}.tl-lane-tick{background:var(--line-soft);width:1px;position:absolute;top:0;bottom:0}.tl-lane:before{content:"";background:var(--lane);border-radius:6px;position:absolute;inset:2px 0}.tl-seg{background:var(--clip);cursor:pointer;z-index:1;border:0;padding:0;position:absolute;top:2px;bottom:2px}.tl-seg:first-of-type{border-top-left-radius:6px;border-bottom-left-radius:6px}.tl-seg:hover{background:var(--clip-hover)}.tl-seg.on{background:var(--clip-active)}.tl-key{background:var(--clip-key);cursor:grab;z-index:2;border:0;border-radius:5px;width:11px;padding:0;position:absolute;top:2px;bottom:2px;transform:translate(-50%)}.tl-key:hover{background:var(--clip-key-hover)}.tl-key.on{background:var(--clip-active);width:7px}.tl-pin{background:var(--clip-key);border-radius:5px;width:11px;position:absolute;top:2px;bottom:2px;transform:translate(-50%)}.tl-curve{position:relative}.cv{display:block;overflow:visible}.cv-grid{stroke:var(--line-soft);stroke-width:1px;vector-effect:non-scaling-stroke}.cv-label{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:9px}.cv-line{fill:none;stroke-width:1.75px;vector-effect:non-scaling-stroke}.cv-point{stroke:var(--panel-2);stroke-width:1.5px;cursor:grab}.cv-point:hover{stroke:var(--text)}.cv-line.on{stroke-width:2.75px}.cv-hit{fill:none;stroke:#0000;stroke-width:12px;cursor:pointer}.cv-arm{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.cv-handle{fill:var(--panel-2);stroke:var(--accent);stroke-width:2px;cursor:grab}.cv-handle:hover{fill:var(--accent)}.tl-beyond{background:var(--beyond);pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;right:0}.tl-playhead{background:var(--playhead);pointer-events:none;z-index:3;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tl-playhead:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:7px solid var(--playhead);position:absolute;top:0;left:50%;transform:translate(-50%)}.tl-empty{min-height:26px;margin:0}.tl-start{gap:8px;display:grid}.tl-start .note{margin:0}.tl-starters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;display:grid}.tl-starter{text-align:left;background:var(--panel-2);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.tl-starter:hover{border-color:var(--hover-line);background:var(--hover-bg)}.tl-starter strong{font-size:12px;font-weight:600}.tl-starter em{color:var(--muted);font-size:11px;font-style:normal;line-height:1.4}.tl-ctx{z-index:40;background:var(--panel-2);border:1px solid var(--line);min-width:180px;box-shadow:var(--pop-shadow);border-radius:8px;padding:5px;position:fixed}.tl-ctx button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:12px;display:block}.tl-ctx button:hover{background:var(--panel)}.tl-ctx button:first-child:hover{color:var(--danger)}.insp-timing{grid-row:1/-1;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:8px;padding:12px 14px 14px;display:grid;overflow-y:auto}.insp-timing-head{justify-content:space-between;align-items:center;display:flex}.insp-timing-head h3{letter-spacing:-.01em;margin:0;font-size:12px;font-weight:600}.insp-timing>.note{margin:0}.tr{flex-direction:column;align-items:stretch;gap:14px;display:flex}.tr-curve{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;flex:none;align-self:center}.tr-curve-box{fill:none;stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.tr-curve-line{fill:none;stroke:var(--accent);stroke-width:1.75px;vector-effect:non-scaling-stroke}.tr-curve-arm{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.tr-curve-handle{fill:var(--accent);stroke:var(--bg);stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:grab}.tr-cols{align-content:flex-start;gap:14px;min-width:0;display:grid}.tr-col{align-content:flex-start;gap:6px;display:grid}.tr-col.grow{flex:1;min-width:0}.tr-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px}.tr-field{align-items:center;gap:8px;font-size:12px;display:flex}.tr-field>span{color:var(--muted);min-width:64px}.tr-values{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:6px;display:grid}.dial-host{padding:0 6px 6px}.dial-host .dialkit-root{--dial-surface:transparent}.toast{background:var(--toast-bg);border:1px solid var(--toast-line);color:var(--toast-text);z-index:50;border-radius:10px;align-items:center;gap:12px;max-width:70vw;padding:10px 14px;font-size:12px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:16px;line-height:1}@media (width<=1100px){.main{grid-template-columns:1fr 300px}}.recover{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.recover-card{flex-direction:column;gap:12px;max-width:46rem;display:flex}.recover-card h1{color:var(--text);margin:0;font-size:18px;font-weight:600}.recover-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.recover-card pre{background:var(--panel-2);border:1px solid var(--line-soft);color:var(--text);border-radius:8px;margin:0;padding:10px 12px;font-size:12px;overflow-x:auto}.recover-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tl-endgrip{cursor:ew-resize;touch-action:none;z-index:3;background:0 0;border:0;width:11px;margin-left:-5px;padding:0;position:absolute;top:0;bottom:-2px}.tl-endgrip:before{content:"";background:var(--muted);opacity:.55;border-radius:2px;position:absolute;inset:3px 4px}.tl-endgrip:hover:before,body.scrubbing .tl-endgrip:before{opacity:1;background:var(--accent)}.scrub-stack{gap:3px;min-width:0;display:grid}.scrub-above{text-align:left;font:inherit;letter-spacing:.02em;color:var(--muted);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px;font-weight:600;line-height:1;overflow:hidden}.scrub-above:hover{color:var(--text)}.scrub-stack .scrub input{padding-left:6px}.insp-close{width:30px;height:30px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin:-4px -6px -4px 0;padding:0;font-size:18px;line-height:1;display:grid}.insp-close:hover{background:var(--panel-2);color:var(--text)}.sidemenu{flex:none;position:relative}.sidemenu-sheet{z-index:45;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:232px;max-height:min(72vh,640px);padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 18px 44px #0000002e}.sidemenu-group+.sidemenu-group{border-top:1px solid var(--line-soft);margin-top:5px;padding-top:5px}.sidemenu-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;font-size:12.5px;display:flex}.sidemenu-item:hover:not(:disabled){background:var(--panel-2)}.sidemenu-item:disabled{color:var(--muted);cursor:default}.sheet-scrim{z-index:60;background:#00000052;place-items:start center;padding:8vh 16px 16px;display:grid;position:fixed;inset:0}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:min(560px,100%);max-height:78vh;display:flex;overflow:hidden;box-shadow:0 26px 70px #0000004d}.sheet-search{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:12px 14px;display:flex}.sheet-search>span{color:var(--muted);font-size:15px}.sheet-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.sheet-body{padding:6px 6px 12px;overflow-y:auto}.sheet-body h4{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:12px 10px 4px;font-size:10px;font-weight:600}.sheet-row{color:var(--text);border-radius:7px;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px;font-size:13px;display:flex}.sheet-row:hover{background:var(--panel-2)}.sheet-row em{color:var(--muted);font-size:11px;font-style:normal;display:block}.sheet-keys{flex:none;gap:4px;display:flex}.sheet-keys kbd{border:1px solid var(--line);background:var(--panel-2);min-width:22px;height:22px;color:var(--muted);font:inherit;border-radius:5px;place-items:center;padding:0 6px;font-size:11px;line-height:1;display:grid}.cloud-badge{border:1px solid var(--line);background:var(--panel-2);max-width:220px;height:28px;color:var(--muted);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:inline-flex;overflow:hidden}.cloud-badge:hover{color:var(--text)}.cloud-badge i{background:var(--muted);border-radius:50%;flex:none;width:7px;height:7px}.cloud-badge.saved i{background:#2f9e63}.cloud-badge.saving i{background:var(--accent)}.cloud-badge.conflict{color:var(--danger);border-color:var(--danger)}.cloud-badge.conflict i,.cloud-badge.error i{background:var(--danger)}.cloud-form{gap:8px;padding:10px;display:grid}.cloud-form h4{margin:0}.cloud-current{gap:8px;padding:10px;display:grid}.cloud-current h4{margin:0}.cloud-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cloud-row .textfield{flex:1;min-width:160px}.cloud-status{color:var(--muted);font-size:11px}.cloud-status.conflict,.cloud-status.error{color:var(--danger)}.cloud-conflict{background:var(--panel-2);border:1px solid var(--danger);border-radius:8px;gap:8px;padding:10px;display:grid}.sheet-row.on{background:var(--panel-2)}.ver{border-bottom:1px solid var(--line-soft)}.ver:last-child{border-bottom:0}.ver.current .ver-summary{color:var(--text);font-weight:500}.ver-head{cursor:pointer;width:100%;font:inherit;text-align:left;color:var(--text);background:0 0;border:0;align-items:baseline;gap:10px;padding:10px;display:flex}.ver-head:hover{background:var(--panel-2)}.ver-when{width:118px;color:var(--muted);flex:none;align-items:baseline;gap:5px;font-size:11px;display:flex}.ver-when em{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:9px;font-style:normal}.ver-when i{color:var(--accent);font-style:normal}.ver-summary{flex:1;min-width:0;font-size:13px}.ver-chevron{color:var(--muted);flex:none;font-size:10px}.ver-body{justify-items:start;gap:8px;padding:0 10px 12px 128px;display:grid}.ver-changes{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ver-changes li{color:var(--text);font-size:12px}.ver-changes b{letter-spacing:.04em;text-transform:uppercase;min-width:62px;color:var(--muted);font-size:10px;font-weight:500;display:inline-block}