@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]{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}.dialkit-panel-inline{width:100%;height:auto;max-height:inherit;box-shadow:none;box-sizing:border-box;border:none;border-radius:0;overflow-y:auto}.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-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-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-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:44px}.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:4px;padding-bottom:12px}.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{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.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}.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}}.timeline-editor-cursor{cursor:ew-resize;box-sizing:border-box;border-left:1px solid #5297ff;border-right:1px solid #5297ff;height:calc(100% - 32px);position:absolute;top:32px;transform:translate(-25%)scaleX(.5)}.timeline-editor-cursor-top{margin:auto;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(2)}.timeline-editor-cursor-area{cursor:ew-resize;width:16px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-editor-drag-line-container{height:100%;position:absolute;top:0;left:0}.timeline-editor-drag-line{border-left:1px dashed #5297ff99;width:0;height:99%;position:absolute;top:0}.timeline-editor:hover .timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar{height:4px}.timeline-editor-edit-area{flex:auto;margin-top:10px;position:relative;overflow:hidden}.timeline-editor-edit-area .ReactVirtualized__Grid{overflow:overlay!important;outline:none!important}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar{width:0;height:0}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar-track{background-color:#0000!important}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar-thumb{background:#313132;border-radius:16px}.timeline-editor-action{background-color:#2f3134;position:absolute;top:0;left:0}.timeline-editor-action .timeline-editor-action-left-stretch,.timeline-editor-action .timeline-editor-action-right-stretch{border-radius:4px;width:10px;height:100%;position:absolute;top:0;overflow:hidden}.timeline-editor-action .timeline-editor-action-left-stretch:after,.timeline-editor-action .timeline-editor-action-right-stretch:after{border-top:28px solid #0000;border-bottom:28px solid #0000;border-radius:4px;margin:auto;position:absolute;top:0;bottom:0}.timeline-editor-action .timeline-editor-action-left-stretch{left:0}.timeline-editor-action .timeline-editor-action-left-stretch:after{content:"";border-left:7px solid #ffffff1a;border-right:7px solid #0000;left:0}.timeline-editor-action .timeline-editor-action-right-stretch{right:0}.timeline-editor-action .timeline-editor-action-right-stretch:after{content:"";border-left:7px solid #0000;border-right:7px solid #ffffff1a;right:0}.timeline-editor-edit-row-dragging{opacity:.5}.timeline-editor-edit-row{box-sizing:border-box;background-image:linear-gradient(#191b1d,#191b1d),linear-gradient(90deg,#ffffff14 1px,#0000 0);background-repeat:no-repeat,repeat;flex-direction:row;transition:opacity .2s,transform .2s;display:flex;position:relative}.timeline-editor-edit-row-drag-handle{cursor:grab;color:#666;-webkit-user-select:none;user-select:none;z-index:10;opacity:.6;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.timeline-editor-edit-row-drag-handle:hover{opacity:1;color:#999}.timeline-editor-edit-row-drag-handle:active{cursor:grabbing}.timeline-editor-edit-row-dragged{opacity:.5;pointer-events:none;z-index:1000;position:relative;transform:scale(.98)}.timeline-editor-edit-row-dragging{cursor:grabbing}.timeline-editor-edit-row-placeholder{opacity:.8;background:#4a90e21a;border:2px dashed #4a90e2;height:4px;min-height:4px;margin:2px 0}.timeline-editor-edit-row-placeholder .timeline-editor-edit-row-drag-handle,.timeline-editor-edit-row-placeholder .timeline-editor-edit-action{display:none}.timeline-editor-edit-row:before{content:"";z-index:100;opacity:0;background:#4a90e2;height:2px;transition:opacity .2s;position:absolute;left:0;right:0}.timeline-editor-edit-row[data-insert-position=top]:before{opacity:1;top:-1px}.timeline-editor-edit-row[data-insert-position=bottom]:before{opacity:1;bottom:-1px}.timeline-editor-time-area{flex:none;height:32px;position:relative}.timeline-editor-time-area .ReactVirtualized__Grid{outline:none}.timeline-editor-time-area .ReactVirtualized__Grid::-webkit-scrollbar{display:none}.timeline-editor-time-area-interact{cursor:pointer;position:absolute;top:0;left:0}.timeline-editor-time-unit{box-sizing:content-box;border-right:1px solid #fff3;position:relative;height:4px!important;top:auto!important;bottom:0!important}.timeline-editor-time-unit-big{height:8px!important}.timeline-editor-time-unit-scale{color:#fff9;position:absolute;top:0;right:0;transform:translate(50%,-100%)}.timeline-editor{background-color:#191b1d;flex-direction:column;width:600px;height:600px;min-height:32px;font-family:PingFang SC;font-size:12px;display:flex;position:relative;overflow:hidden}:root{--duration-subtle:.85s;--duration-subtle-exit:.6s;--duration-standard:.2s;--duration-standard-exit:.14s;--duration-emphasized:.28s;--duration-emphasized-exit:.196s;--ease-subtle-enter:linear(0, .0385 1.7%, .1631 3.7%, .3226 5.5%, .8095 10.4%, 1.0397 13.3%, 1.1218 14.7%, 1.1834 16.1%, 1.2249 17.5%, 1.2476 18.9%, 1.2524 20.8%, 1.2315 22.8%, 1.0016 32.8%, .9581 35.8%, .9379 38.8%, .941 42.9%, .9988 52.8%, 1.0153 58.5%, .9962 78.2%, 1.001);--ease-subtle-exit:linear(0, .0201 2.1%, .0817 4.6%, .4682 15.4%, .6489 21.6%, .7807 28%, .8751 35.2%, .9404 44.2%, .978 55.8%, .9996);--ease-standard-enter:cubic-bezier(.2, 0, 0, 1);--ease-standard-exit:cubic-bezier(1, 0, .8, 1);--ease-emphasized-enter:cubic-bezier(.2, 0, 0, 1);--ease-emphasized-exit:cubic-bezier(1, 0, .8, 1);--motion-subtle-enter:.85s var(--ease-subtle-enter);--motion-subtle-exit:.6s var(--ease-subtle-exit);--motion-standard-enter:.2s var(--ease-standard-enter);--motion-standard-exit:.14s var(--ease-standard-exit);--motion-emphasized-enter:.28s var(--ease-emphasized-enter);--motion-emphasized-exit:.196s var(--ease-emphasized-exit);--motion-state-enter:var(--motion-subtle-enter);--motion-state-exit:var(--motion-subtle-exit);--motion-dropdown-enter:var(--motion-subtle-enter);--motion-dropdown-exit:var(--motion-subtle-exit);--motion-tooltip-enter:var(--motion-subtle-enter);--motion-tooltip-exit:var(--motion-subtle-exit);--motion-list-enter:var(--motion-subtle-enter);--motion-list-exit:var(--motion-subtle-exit);--motion-drawer-enter:var(--motion-subtle-enter);--motion-drawer-exit:var(--motion-subtle-exit);--motion-modal-enter:var(--motion-subtle-enter);--motion-modal-exit:var(--motion-subtle-exit);--motion-toast-enter:var(--motion-subtle-enter);--motion-toast-exit:var(--motion-subtle-exit);--motion-subtle-stagger:40ms;--motion-standard-stagger:40ms;--motion-emphasized-stagger:40ms;--motion-state-stagger:var(--motion-subtle-stagger);--motion-dropdown-stagger:var(--motion-subtle-stagger);--motion-tooltip-stagger:var(--motion-subtle-stagger);--motion-list-stagger:var(--motion-subtle-stagger);--motion-drawer-stagger:var(--motion-subtle-stagger);--motion-modal-stagger:var(--motion-subtle-stagger);--motion-toast-stagger:var(--motion-subtle-stagger)}@media (prefers-reduced-motion:reduce){:root{--duration-subtle:1ms;--duration-subtle-exit:1ms;--duration-standard:1ms;--duration-standard-exit:1ms;--duration-emphasized:1ms;--duration-emphasized-exit:1ms;--motion-subtle-enter:1ms linear;--motion-subtle-exit:1ms linear;--motion-standard-enter:1ms linear;--motion-standard-exit:1ms linear;--motion-emphasized-enter:1ms linear;--motion-emphasized-exit:1ms linear;--motion-subtle-stagger:0s;--motion-standard-stagger:0s;--motion-emphasized-stagger:0s}}:root{color:#1d1d20;background:#f9fafc;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.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}.studio{--page:#f9fafc;--ink:#1d1d20;--muted:#71747c;--surface:#ffffffd4;--border:#11161c14;--attention:#b26a00;--image-outline:oklch(0% 0 0/.1);--track:#11161c0f;--raised:#fff;--raised-shadow:0 1px 2px #15181f29;background:var(--page);width:100vw;height:100vh;min-height:620px;color:var(--ink);transition:background var(--motion-standard-enter),color var(--motion-standard-enter);font-size:12px;position:relative;overflow:hidden}.studio.dark{--page:#030405;--ink:#f7f7f7;--muted:#8e9198;--surface:#1b1c1fe0;--border:#ffffff1a;--attention:#f0a63a;--image-outline:oklch(100% 0 0/.1);--track:#00000059;--raised:#fff3;--raised-shadow:0 1px 2px #00000073}button{cursor:pointer;background:0 0;border:0}.pill-shell{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;height:40px}.topbar{z-index:40;align-items:center;gap:12px;height:40px;display:flex;position:absolute;top:20px;left:22px;right:22px}.add-button{height:40px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:flex}.settings-file-actions{align-items:center;padding:3px;display:flex}.settings-file-button{height:32px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 11px;display:flex}.settings-file-button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.settings-message{z-index:45;color:#fff;background:#1d1e21;border-radius:999px;align-items:center;height:40px;padding:0 14px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000029}.top-actions{align-items:center;margin-left:auto;padding:3px;display:flex}.icon-button{width:34px;height:34px;color:var(--muted);transition:background var(--motion-standard-exit),color var(--motion-standard-exit),transform var(--motion-standard-exit);border-radius:50%;place-items:center;display:grid}.icon-button:hover,.icon-button.active{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.icon-button:active{transform:scale(.94)}.icon-button:disabled{opacity:.25;cursor:not-allowed}.recent-panel{z-index:35;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:18px;flex-direction:column;gap:8px;width:136px;padding:10px;display:flex;position:absolute;top:76px;bottom:78px;left:20px;box-shadow:0 10px 35px #191e2614}.recent-panel>strong{letter-spacing:-.15px;color:var(--ink);margin-bottom:4px;padding:0 5px;font-size:15px;font-weight:600}.recent-list{scrollbar-width:none;gap:8px;display:grid;overflow-y:auto}.recent-image{text-align:left;min-width:0;color:var(--muted);transition:background var(--motion-standard-exit),border-color var(--motion-standard-exit),transform var(--motion-standard-exit);border:1px solid #0000;border-radius:8px;gap:5px;padding:4px;display:grid}.recent-image:active{transform:scale(.96)}.recent-image:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.recent-image.selected{background:#2583f714;border-color:#2583f7}.recent-item{min-width:0;display:grid;position:relative}.recent-placeholder{aspect-ratio:16/10;background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:4px;width:100%;display:block}.recent-thumb{line-height:0;display:block;position:relative}.media-badge{width:15px;height:15px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:4px;left:4px}.media-badge[data-state=needs-permission],.media-badge[data-state=missing]{background:var(--attention);color:#fff;box-shadow:0 1px 3px #11161c4d}.recent-image[data-state=needs-permission] img{opacity:.55}.settings-message{gap:12px}.settings-message button{color:#8fbcff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.settings-message button:hover{color:#fff}.recent-remove{z-index:1;color:#fff;cursor:pointer;width:16px;height:16px;transition:opacity var(--motion-standard-exit),background var(--motion-standard-exit);background:#11161ca6;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:1px;right:1px}.recent-remove:hover{background:#11161ce0}@media (hover:hover){.recent-remove{opacity:0}.recent-item:hover .recent-remove,.recent-remove:focus-visible{opacity:1}}.recent-image img{aspect-ratio:16/10;object-fit:cover;outline:1px solid var(--image-outline);outline-offset:-1px;border-radius:4px;width:100%;display:block}.recent-image span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.canvas-area{z-index:1;touch-action:none;transition:background var(--motion-standard-exit);border:1px solid #11161c1a;border-radius:15px;place-items:center;display:grid;position:absolute;inset:13.6% 13.75% 14%;overflow:hidden;box-shadow:0 10px 35px #191e260d}.scene-canvas{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.scene-canvas:active{cursor:grabbing}.framing-grid{pointer-events:none;z-index:5;position:absolute;inset:0}.framing-grid i{background:#1d1d2038;position:absolute}.framing-grid i:first-child,.framing-grid i:nth-child(2){width:1px;top:0;bottom:0;left:33.333%}.framing-grid i:nth-child(2){left:66.666%}.framing-grid i:nth-child(3),.framing-grid i:nth-child(4){height:1px;top:33.333%;left:0;right:0}.framing-grid i:nth-child(4){top:66.666%}.overlay-text{z-index:7;text-align:center;text-wrap:balance;max-width:80%;font-size:clamp(18px,3vw,46px);font-weight:600;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%)}.empty-state{color:var(--muted);place-items:center;gap:7px;display:grid}.empty-state strong{color:var(--ink)}.bottom-area{z-index:30;justify-items:center;gap:8px;display:grid;position:absolute;bottom:2.2%;left:50%;transform:translate(-50%)}.primary-row,.main-controls,.desktop-only .main-controls{align-items:center;gap:10px;display:flex}.tool-strip{color:#9a9ca4;background:#1d1e21;border-radius:999px;align-items:center;height:44px;padding:4px 5px;display:flex}.tool-strip .icon-button{color:#989ba2;width:41px;height:36px}.tool-strip .icon-button:hover,.tool-strip .icon-button.active{color:#fff;background:#292b2f}.italic-icon{font-family:Georgia,serif;font-size:20px;font-style:italic}.letters-icon{white-space:nowrap;font-size:10px;font-weight:700}.capture-button{background:#ffd84e;border:1px solid #24252a;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:66px;height:36px;margin-left:4px;font-size:10px;font-weight:700;display:flex;box-shadow:inset 0 0 0 3px #25262a,inset 0 0 0 5px #ffd84e}.axes{gap:5px;display:flex}.axis-dial{background:radial-gradient(circle at center,#151619 0 52%,transparent 53%),repeating-conic-gradient(#767983 0 1deg,transparent 1deg 12deg);color:#fff;border-radius:50%;place-content:center;width:43px;height:43px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #1d1e21,0 2px 5px #0000002e}.axis-dial:after{content:"";border:1px dotted #a5a8ae;border-radius:50%;position:absolute;inset:3px}.axis-dial span{color:#9da0a6;z-index:1;font-size:8px}.axis-dial strong{z-index:1;font-size:9px}.mobile-capture,.mobile-tools{display:none}.slider-panel,.inline-options,.frame-options,.text-entry{color:#fff;background:#1d1e21;border-radius:999px;align-items:center;min-width:540px;height:44px;padding:5px 12px;display:flex;box-shadow:0 4px 10px #0000002e}.slider-panel input{accent-color:#fff;flex:1}.slider-panel output{min-width:82px;padding-left:10px;display:grid}.slider-panel output span{color:#8d9098;font-size:9px}.slider-panel output strong{font-size:11px}.inline-options{justify-content:center;gap:20px}.backdrop-options button{border:2px solid #34363b;border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 1px #ffffff29}.backdrop-options button.selected{outline-offset:2px;outline:2px solid #fff}.color-pick{background:#292a2e;border-radius:999px;place-items:center;width:42px;height:30px;display:grid;position:relative}.color-pick input{opacity:0;position:absolute;inset:0}.text-options button{color:#999ca4;border-radius:999px;height:30px;padding:0 14px}.text-options button.selected{color:#17181b;background:#fff}.frame-options{gap:8px}.frame-options button{color:#92949b;background:#292a2e;border-radius:999px;justify-content:space-between;align-items:center;min-width:150px;height:34px;padding:0 14px;display:flex}.frame-options strong{color:#fff}.text-entry{gap:8px}.text-entry input{color:#fff;background:0 0;border:0;outline:0;flex:1}.export-canvas{display:none}@media (width<=760px){body{overflow:hidden}.studio{min-height:640px}.topbar{gap:7px;height:41px;top:8px;left:9px;right:9px}.pill-shell{height:41px}.add-button{width:41px;padding:0}.capture-bar{height:41px}.output-mode button{padding:0 10px;font-size:11px}.add-button span,.settings-file-button span{display:none}.settings-file-actions{padding:3px}.settings-file-button{justify-content:center;width:34px;padding:0}.top-actions .icon-button{width:34px}.recent-panel{width:72px;padding:6px;top:57px;bottom:117px;left:8px}.recent-panel>strong{margin-bottom:2px;font-size:13px}.recent-image{padding:3px}.recent-image span{display:none}.canvas-area{border-radius:14px;inset:64px 8px 123px}.bottom-area{gap:7px;bottom:10px;left:10px;right:10px;transform:none}.primary-row{justify-content:center;gap:8px;width:100%}.desktop-only{display:none}.mobile-capture{display:block}.axes{gap:4px}.axis-dial{width:43px;height:43px}.mobile-capture{width:65px;height:43px;margin:0}.mobile-tools{width:100%;display:flex}.mobile-tools>.tool-strip{flex:1;overflow:hidden}.mobile-tools>.tool-strip>.main-controls{display:block}.mobile-tools .tool-strip .capture-button{display:none}.mobile-tools .tool-strip{scrollbar-width:none;width:100%;padding:3px;overflow-x:auto}.mobile-tools .tool-strip .tool-strip{background:0 0;width:max-content;padding:0}.mobile-tools .tool-strip .icon-button{width:40px}.bottom-area>.slider-panel,.bottom-area>.inline-options,.bottom-area>.frame-options,.bottom-area>.text-entry{z-index:90;width:auto;min-width:0;position:fixed;bottom:9px;left:9px;right:9px}:is(.canvas-area:has(+.bottom-area .slider-panel),.canvas-area:has(+.bottom-area .inline-options)){bottom:123px}.overlay-text{top:72%}}@media (width<=380px){.axis-dial{width:39px;height:39px}.mobile-capture{width:58px}.top-actions .icon-button:first-child{display:none}}.bottom-area{bottom:4.6%}.manual-focus-surface{z-index:4;cursor:crosshair;pointer-events:none;outline:0;position:absolute;inset:0}.manual-focus-surface:focus-visible{box-shadow:none}.focus-marker{--reticle:#ffd82f;--reticle-arm:14px;--reticle-line:1.5px;background:linear-gradient(var(--reticle),var(--reticle)) left top/var(--reticle-arm) var(--reticle-line) no-repeat,linear-gradient(var(--reticle),var(--reticle)) left top/var(--reticle-line) var(--reticle-arm) no-repeat,linear-gradient(var(--reticle),var(--reticle)) right top/var(--reticle-arm) var(--reticle-line) no-repeat,linear-gradient(var(--reticle),var(--reticle)) right top/var(--reticle-line) var(--reticle-arm) no-repeat,linear-gradient(var(--reticle),var(--reticle)) left bottom/var(--reticle-arm) var(--reticle-line) no-repeat,linear-gradient(var(--reticle),var(--reticle)) left bottom/var(--reticle-line) var(--reticle-arm) no-repeat,linear-gradient(var(--reticle),var(--reticle)) right bottom/var(--reticle-arm) var(--reticle-line) no-repeat,linear-gradient(var(--reticle),var(--reticle)) right bottom/var(--reticle-line) var(--reticle-arm) no-repeat;filter:drop-shadow(0 1px 1px #00000073);pointer-events:none;width:54px;height:54px;position:absolute;transform:translate(-50%,-50%)}.focus-marker:after{content:"";background:linear-gradient(var(--reticle),var(--reticle)) center/13px var(--reticle-line) no-repeat,linear-gradient(var(--reticle),var(--reticle)) center/var(--reticle-line) 13px no-repeat;width:13px;height:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.focus-marker:not([data-selected]){opacity:.55;transform:translate(-50%,-50%)scale(.82)}@media (width<=760px){.bottom-area{grid-template-columns:minmax(0,1fr);bottom:10px}.primary-row,.mobile-tools{width:100%;min-width:0}.primary-row{justify-content:space-between}.mobile-tools>.tool-strip{min-width:0}.focus-marker{--reticle-arm:12px;width:46px;height:46px}.focus-marker:after{background-size:11px var(--reticle-line),var(--reticle-line) 11px;width:11px;height:11px}}.canvas-area{overflow:visible}.scene-anchor{visibility:hidden;pointer-events:none;width:min(52%,610px);height:0;position:absolute;top:0;left:0}@media (width<=760px){.scene-anchor{width:59%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.canvas-area{box-shadow:none;transition:background var(--motion-standard-exit),border-color var(--motion-standard-exit),box-shadow var(--motion-standard-exit);border:0;border-radius:0;inset:76px 20px 20px;overflow:hidden}.canvas-area.has-background{border:1px solid #11161c1a;border-radius:15px;box-shadow:0 10px 35px #191e260d}.scene-anchor{width:min(52%,900px)}.aperture-panel{color:#fff;background:#1d1e21;border-radius:999px;align-items:center;gap:10px;min-width:700px;min-height:44px;padding:5px 12px;display:flex;box-shadow:0 4px 10px #0000002e}.aperture-panel>input{accent-color:#fff;flex:1}.aperture-panel output{min-width:75px;padding-left:4px;display:grid}.aperture-panel output span{color:#8d9098;font-size:9px}.aperture-panel output strong{font-size:11px}.aperture-presets{gap:3px;display:flex}.aperture-presets button{color:#9a9ca4;border-radius:999px;height:28px;padding:0 8px;font-size:10px}.aperture-presets button.selected{color:#17181b;background:#fff}.custom-aperture{color:#9a9ca4;background:#292b2f;border-radius:999px;align-items:center;gap:5px;height:30px;padding:0 8px;font-size:9px;display:flex}.custom-aperture input{color:#fff;background:0 0;border:0;outline:0;width:56px;font-size:11px}.backdrop-options .background-toggle{color:#a6a8ae;width:auto;padding:0 12px;font-size:9px;font-weight:700}.backdrop-options .background-toggle.selected{color:#17181b;background:#fff;outline:0}@media (width<=760px){.canvas-area{inset:57px 8px 117px}.scene-anchor{width:min(64%,900px)}.bottom-area>.aperture-panel{z-index:90;width:auto;min-width:0;position:fixed;bottom:9px;left:9px;right:9px;overflow-x:auto}.aperture-presets button:not(:last-child){display:none}.aperture-panel:has(.custom-aperture)>input[type=range]{display:none}.settings-message{top:57px}}.export-resolution{background:#292b2f;border-radius:999px;align-items:center;height:30px;margin-left:3px;padding:2px;display:flex}.export-resolution button{color:#989ba2;border-radius:999px;min-width:27px;height:26px;padding:0 6px;font-size:9px;font-weight:700}.export-resolution button.selected{color:#17181b;background:#fff}.capture-button:disabled{opacity:.42;cursor:not-allowed}.lens-panel{color:#fff;background:#1d1e21;border-radius:22px;gap:9px;min-width:700px;max-width:min(92vw,860px);padding:12px 14px;display:grid;box-shadow:0 4px 10px #0000002e}.lens-panel .inline-options{min-width:0;height:32px;box-shadow:none;background:#141518;border-radius:999px;flex:1;justify-content:flex-start;gap:3px;padding:3px}.lens-panel .inline-options button{color:#9a9ca4;white-space:nowrap;border-radius:999px;height:26px;padding:0 13px;font-size:10px}.lens-panel .inline-options button.selected{color:#17181b;background:#fff}.lens-panel .inline-options button:disabled{opacity:.35;cursor:not-allowed}.lens-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px 16px;display:grid}.lens-slider{align-items:center;gap:9px;height:28px;display:flex}.lens-slider span{color:#8d9098;min-width:62px;font-size:9px}.lens-slider input{accent-color:#fff;flex:1;min-width:70px}.lens-slider strong{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:11px}.lens-slider.disabled{opacity:.4}@media (width<=760px){.bottom-area>.lens-panel{z-index:90;width:auto;min-width:0;max-width:none;max-height:52vh;position:fixed;bottom:9px;left:9px;right:9px;overflow-y:auto}.lens-grid{grid-template-columns:1fr}}.settings-panel{z-index:35;border-radius:18px;width:280px;position:absolute;top:76px;bottom:78px;right:20px;overflow:hidden;box-shadow:0 10px 35px #191e2614}.segmented{background:#11161c0f;border-radius:999px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.segmented button{height:24px;color:var(--muted);border-radius:999px;font-size:10px}.segmented button.selected{color:#fff;background:#1d1e21}.blur-types{gap:3px;display:grid}.blur-types button{text-align:left;height:26px;color:var(--muted);border-radius:8px;padding:0 10px;font-size:11px}.blur-types button:hover:not(:disabled){background:#11161c0d}.blur-types button.selected{color:#fff;background:#1d1e21}.blur-types button:disabled{opacity:.35;cursor:not-allowed}.dial-grid{grid-template-columns:1fr 1fr;gap:12px 6px;padding-top:2px;display:grid}.dial-grid>.dial:last-child:nth-child(odd){grid-column:1/-1}.dial{justify-items:center;gap:2px;display:grid}.dial-face{background:radial-gradient(circle at center,#151619 0 52%,transparent 53%),repeating-conic-gradient(#767983 0 1deg,transparent 1deg 12deg);touch-action:none;cursor:ew-resize;border-radius:50%;width:46px;height:46px;position:relative;box-shadow:inset 0 0 0 2px #1d1e21,0 2px 5px #0000002e}.dial-face:after{content:"";border:1px dotted #a5a8ae;border-radius:50%;position:absolute;inset:3px}.dial-face:focus-visible{outline-offset:3px;outline:2px solid #2f6df6}.dial-notch{transform:rotate(var(--dial-angle,0deg));position:absolute;inset:0}.dial-notch:before{content:"";background:#fff;border-radius:1px;width:2px;height:9px;margin-left:-1px;position:absolute;top:8px;left:50%}.dial-label{color:var(--muted);text-align:center;font-size:9px;line-height:1.1}.dial-value{font-variant-numeric:tabular-nums;font-size:10px}.dial.disabled{opacity:.38}.dial.disabled .dial-face{cursor:not-allowed}.lens-panel .settings-label,.lens-panel .dial-label{color:#8d9098}.lens-panel .dial-value{color:#fff}.lens-panel .segmented{background:#141518}.lens-panel .segmented button{color:#9a9ca4}.lens-panel .segmented button.selected{color:#17181b;background:#fff}.lens-panel .blur-types{grid-auto-flow:column;gap:4px}.lens-panel .blur-types button{text-align:center;color:#9a9ca4}.lens-panel .blur-types button:hover:not(:disabled){background:#292b2f}.lens-panel .blur-types button.selected{color:#17181b;background:#fff}@media (width<=760px){.settings-panel{display:none}.settings-panel.open{z-index:95;width:auto;height:min(58vh,460px);display:block;position:fixed;inset:auto 9px 9px}.recent-panel{height:min(34vh,220px);bottom:auto}}.bottom-area{display:none}.topbar{gap:10px}.brand{color:var(--ink);-webkit-user-select:none;user-select:none;align-items:center;gap:5px;display:flex}.brand svg{flex:none}.add-button{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-actions{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;gap:2px;margin-left:auto}.panel-toggle{display:none}.capture-bar{background:var(--track);border-radius:999px;align-items:center;gap:2px;height:40px;padding:3px;display:flex;position:relative}.capture-divider{background:color-mix(in srgb,var(--ink) 14%,transparent);flex:none;width:1px;height:18px;margin:0 6px}.capture-bar>button:disabled{opacity:.45;cursor:not-allowed}.snapshot-action{color:#fff;letter-spacing:-.01em;height:34px;transition:background var(--motion-standard-exit),transform var(--motion-standard-exit);background:#141518;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:550;display:flex}.snapshot-action:hover:not(:disabled){background:#25272c}.snapshot-action:active:not(:disabled){transform:scale(.96)}.snapshot-action:focus-visible{outline-offset:2px;outline:2px solid #2f6df6}.studio.dark .snapshot-action{color:#16181c;background:#f7f7f7}.studio.dark .snapshot-action:hover:not(:disabled){background:#e2e3e6}.export-cancel{color:#c4344a;border-radius:999px;height:34px;margin-left:2px;padding:0 12px;font-size:11px}.studio.dark .export-cancel{color:#ffb5b5}.export-cancel:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.video-format{color:#fff;background:#141518;border-radius:7px;width:max-content;padding:5px 8px;font-size:9px;position:absolute;top:45px;right:0;box-shadow:0 2px 8px #0f12183d}.recent-panel{top:76px;bottom:20px}.settings-panel{display:block;top:76px;bottom:20px}@media (width<=760px){.topbar{flex-wrap:nowrap}.brand-wordmark{display:none}.panel-toggle{display:flex}.snapshot-action span{display:none}.snapshot-action{justify-content:center;width:34px;padding:0}.recent-panel{height:min(30vh,190px);top:57px;bottom:auto}.canvas-area{top:57px;bottom:12px}.settings-panel{display:none}.studio.panel-open .settings-panel{z-index:95;width:auto;height:min(64vh,520px);display:block;position:fixed;inset:auto 9px 9px}}.recent-panel{overflow:hidden}.recent-list{overscroll-behavior:contain;scrollbar-width:thin;flex:1;align-content:start;min-height:0;padding-right:2px;overflow-y:auto}.settings-panel>.dialkit-root,.settings-panel .dialkit-panel,.settings-panel .dialkit-panel-wrapper{height:100%;min-height:0}.settings-panel .dialkit-panel-inner{overscroll-behavior:contain;flex:1;min-height:0;max-height:100%;overflow-y:auto}.settings-panel{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);flex-direction:column;display:flex}.settings-panel>.dialkit-root{flex:1;height:auto;min-height:0}.settings-panel .dialkit-panel-toolbar{display:none}.settings-panel .dialkit-panel-header{border-bottom:0}.video-output-folder>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-select-row{display:none}.video-output-settings{flex-direction:column;gap:6px;display:flex}.video-quality-control .dialkit-select-trigger:focus-visible{outline-offset:2px;outline:2px solid #2f6df6}.video-quality-control .dialkit-select-chevron{transition:transform var(--motion-standard-exit)}.video-quality-control .dialkit-select-trigger[data-open=true] .dialkit-select-chevron{transform:rotate(180deg)}.video-quality-dropdown{z-index:10000;animation:video-quality-dropdown-in var(--motion-dropdown-enter)}.video-quality-dropdown .dialkit-select-option:focus-visible{outline-offset:-2px;outline:2px solid #2f6df6}@keyframes video-quality-dropdown-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.output-mode{align-items:center;gap:2px;display:flex}.output-mode button{height:34px;color:color-mix(in srgb,var(--ink) 68%,transparent);font:inherit;transition:background var(--motion-standard-exit),color var(--motion-standard-exit),box-shadow var(--motion-standard-exit),transform var(--motion-standard-exit);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;display:flex}.output-mode button:hover{color:var(--ink)}.output-mode button:active{transform:scale(.96)}.output-mode button.active{color:var(--ink);background:var(--raised);box-shadow:var(--raised-shadow)}.output-mode button:focus-visible{outline-offset:-2px;outline:2px solid #2f6df6}.topbar-group{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.topbar-group.trailing{justify-content:flex-end}.center-cluster,.presets{flex:none;align-items:center;display:flex}.preset-field{align-items:center;gap:9px;display:flex}.preset-field>span{color:var(--muted);flex:none;font-size:12px;font-weight:500}.preset-field select{appearance:none;border:1px solid var(--border);background:var(--surface);width:190px;height:30px;color:var(--fg);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px) 13px,calc(100% - 9px) 13px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:8px;padding:0 26px 0 11px;font-size:12px}.preset-field select:hover{border-color:#11161c33}.preset-field select:focus-visible{outline-offset:2px;outline:2px solid #2f6df6}@media (width<=980px){.preset-field>span{display:none}.preset-field select{width:150px}.add-button{width:41px;padding:0}.add-button span{display:none}.output-mode button{padding:0 11px}.output-mode button span{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=760px){.presets{display:none}}.capture-frame{transition:width var(--motion-standard-enter),height var(--motion-standard-enter),background var(--motion-standard-enter);place-items:center;display:grid;position:relative;overflow:hidden}.canvas-area{background:0 0}.focus-pad-field{gap:6px;padding:2px 0 6px;display:grid}.focus-pad-field>span{color:var(--dial-text-label,#0009);font-size:10px;font-weight:500}.focus-pad{border-radius:var(--dial-radius,8px);background:var(--dial-surface,#0000000a);cursor:crosshair;touch-action:none;width:100%;position:relative}.focus-pad-guide{pointer-events:none;border-radius:inherit;background:linear-gradient(to right,transparent calc(50% - .5px),var(--dial-border,#0000001a) calc(50% - .5px),var(--dial-border,#0000001a) calc(50% + .5px),transparent calc(50% + .5px)), linear-gradient(to bottom,transparent calc(50% - .5px),var(--dial-border,#0000001a) calc(50% - .5px),var(--dial-border,#0000001a) calc(50% + .5px),transparent calc(50% + .5px));position:absolute;inset:0}.focus-pad-puck{cursor:grab;touch-action:none;background:#111114;border:0;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;padding:0;position:absolute;box-shadow:0 1px 3px #11161c66}.focus-pad-puck:before{content:"";border-radius:50%;position:absolute;inset:-6px}.focus-pad-puck:focus-visible{outline-offset:2px;outline:2px solid #2f6df6}[data-theme=dark] .focus-pad-puck{background:#f4f4f5;box-shadow:0 1px 3px #0000008c}.focus-pad-puck[data-selected]{box-shadow:0 0 0 3px #0000004d,0 1px 3px #11161c66}[data-theme=dark] .focus-pad-puck[data-selected]{box-shadow:0 0 0 3px #ffffff4d,0 1px 3px #0000008c}.focus-pad-actions{gap:6px;display:flex}.focus-pad-action{flex:1 1 0;width:auto;padding:8px 10px;font-size:12px}.focus-pad-action:disabled{opacity:.45;cursor:not-allowed}.focus-pad-action:disabled:hover{background:var(--dial-surface);color:var(--dial-text-secondary)}.focus-pad-note{color:var(--dial-text-label,#0009);margin:0;font-size:10px;line-height:1.4}.af-surface{z-index:4;pointer-events:none;outline:0;position:absolute;inset:0}.af-target,.af-drawing,.af-shape{pointer-events:none}.af-body,.af-handle,.af-remove,.af-empty,.af-empty-action,.af-empty-chip,.af-arm-hint{pointer-events:auto}.af-surface.af-arming{pointer-events:auto;cursor:crosshair}.af-shape{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.af-path{fill:#ffd82f40;stroke:#ffd82f;stroke-width:2px;vector-effect:non-scaling-stroke}.af-path-preview{stroke-dasharray:6 4}.af-target,.af-drawing{position:absolute;inset:0}.af-body{cursor:move;background:0 0;border:0;outline:0;padding:0;position:absolute;inset:0}.af-body:focus-visible{outline-offset:-2px;outline:2px solid #2f6df6}.af-handle{background:#ffd82f;border:1.5px solid #7a6410;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;padding:0;position:absolute;box-shadow:0 1px 2px #00000059}.af-handle:before{content:"";border-radius:50%;position:absolute;inset:-7px}.af-handle:focus-visible{outline-offset:2px;outline:2px solid #2f6df6}.af-remove{margin:-22px 0 0 6px}.af-empty,.af-drawing>.af-arm-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-align:center;background:#11161cb8;border-radius:12px;justify-items:center;gap:8px;max-width:min(320px,80%);padding:14px 16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.af-empty p{color:#ffffffd1;margin:0;font-size:12px;line-height:1.45}.af-empty-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:inherit;cursor:pointer;opacity:.75;transition:opacity var(--motion-standard-exit),background var(--motion-standard-exit);background:#11161c9e;border:0;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:500;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.af-empty-chip:hover{opacity:1;background:#11161cd1}.af-empty-chip:focus-visible{opacity:1;outline-offset:2px;outline:2px solid #fff}.af-empty-action{color:#2a2300;font:inherit;cursor:pointer;background:#ffd82f;border:0;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600}.af-empty-action:hover{background:#ffe05f}.af-empty-action:focus-visible{outline-offset:2px;outline:2px solid #fff}.af-drawing>.af-arm-hint{font:inherit;cursor:crosshair;border:0;font-size:12px;line-height:1.45}.af-drawing>.af-arm-hint:focus-visible{outline-offset:2px;outline:2px solid #fff}.timeline-dock{z-index:30;height:var(--timeline-height);border-top:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:14px 16px 10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.studio{--timeline-height:min(calc(82px + var(--timeline-rows,1) * 34px),40vh)}.studio.video-mode .canvas-area,.studio.video-mode .recent-panel,.studio.video-mode .settings-panel{bottom:calc(var(--timeline-height) + 16px)}.timeline-dock .timeline-editor{background:0 0;width:100%;height:100%}.timeline-dock .timeline-editor-edit-area,.timeline-dock .timeline-editor-edit-row,.timeline-dock .timeline-editor-time-area{background:0 0}.timeline-dock .timeline-editor-time-unit{border-right-color:var(--border)}.timeline-dock .timeline-editor-time-unit-scale{color:var(--muted);font-size:10px}.timeline-dock .timeline-editor-action{background:#2583f733;border:1px solid #2583f7;border-radius:7px}.timeline-dock .timeline-editor-action:hover{background:#2583f74d}.timeline-dock .timeline-editor-action-selected{box-shadow:inset 0 0 0 2px #2583f78c}.timeline-dock .timeline-editor-cursor{pointer-events:none}.timeline-dock .timeline-editor-cursor-top{pointer-events:auto}.timeline-dock .timeline-row-fade .timeline-editor-action{background:color-mix(in srgb,var(--ink) 10%,transparent);border-color:color-mix(in srgb,var(--ink) 26%,transparent);overflow:hidden}.timeline-dock .timeline-editor-cursor{border-left-color:var(--ink)}.timeline-dock .timeline-editor-cursor-top{border-bottom-color:var(--ink)}.timeline-resize{cursor:ns-resize;touch-action:none;background:0 0;border:0;place-items:center;height:12px;padding:0;display:grid;position:absolute;top:0;left:0;right:0}.timeline-resize:after{content:"";background:color-mix(in srgb,var(--ink) 20%,transparent);width:38px;height:3px;transition:background var(--motion-standard-exit);border-radius:999px}.timeline-resize:hover:after,.timeline-resize:focus-visible:after{background:color-mix(in srgb,var(--ink) 48%,transparent)}.timeline-resize:focus-visible{outline-offset:-2px;outline:2px solid #2583f7}.timeline-transport{align-items:center;gap:2px;padding:0 0 6px;display:flex}.transport-button{width:28px;height:26px;color:var(--muted);cursor:pointer;transition:background var(--motion-standard-exit),color var(--motion-standard-exit);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.transport-button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.transport-button:active{transform:scale(.94)}.transport-button:focus-visible{outline-offset:-2px;outline:2px solid #2583f7}.transport-time{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:8px;font-size:11px}.timeline-field{border:1px solid var(--border);height:26px;color:var(--muted);white-space:nowrap;border-radius:7px;align-items:center;gap:5px;margin-left:8px;padding:0 7px;font-size:10px;display:flex}.timeline-field select,.timeline-field input{color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0}.timeline-field input{text-align:right;width:46px}.timeline-field input:disabled{color:var(--muted)}.timeline-field-value{color:var(--ink);font-variant-numeric:tabular-nums}.keyframe-easing-control{align-items:center;display:flex;position:relative}.timeline-dock.curve-open{overflow:visible}.keyframe-curve-editor{z-index:60;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:238px;animation:keyframe-curve-in var(--motion-dropdown-enter);border-radius:14px;padding:10px;position:absolute;bottom:36px;left:8px;box-shadow:0 12px 32px #11161c2e}.keyframe-curve-editor header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.keyframe-curve-editor header strong{color:var(--ink);font-weight:600}.keyframe-curve-editor code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font:9px/1.2 ui-monospace,SFMono-Regular,monospace;overflow:hidden}.keyframe-curve-graph{border:1px solid var(--border);background:color-mix(in srgb,var(--ink) 3%,transparent);border-radius:8px;height:122px;margin:20px;position:relative}.keyframe-curve-graph svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.keyframe-curve-graph path{fill:none;vector-effect:non-scaling-stroke}.keyframe-curve-graph .curve-grid{stroke:var(--border);stroke-width:1px}.keyframe-curve-graph .curve-guides{stroke:#2583f76b;stroke-width:1px;stroke-dasharray:3 3}.keyframe-curve-graph .curve-line{stroke:#2583f7;stroke-width:2px}.keyframe-curve-handle{touch-action:none;background:0 0;border:0;width:40px;height:40px;padding:0;position:absolute;transform:translate(-50%,-50%)}.keyframe-curve-handle:after{content:"";width:10px;height:10px;transition:transform var(--motion-standard-exit),box-shadow var(--motion-standard-exit);background:#2583f7;border:2px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #2583f7}.keyframe-curve-handle:hover:after{transform:translate(-50%,-50%)scale(1.2)}.keyframe-curve-handle:focus-visible{outline:0}.keyframe-curve-handle:focus-visible:after{box-shadow:0 0 0 2px #fff,0 0 0 4px #2583f7}.keyframe-curve-editor p{color:var(--muted);margin:0;font-size:9px;line-height:1.35}@keyframes keyframe-curve-in{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:none}}.timeline-add,.timeline-delete{height:26px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;margin-left:4px;padding:0 8px;font-size:10px;display:flex}.timeline-delete:hover{color:#dc2626;background:#ef44441a}.timeline-add:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}.timeline-add:focus-visible,.timeline-delete:focus-visible{outline-offset:-2px;outline:2px solid #2583f7}.fade-ramp{pointer-events:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.fade-ramp svg{width:100%;height:100%;display:block}.fade-ramp polyline{fill:none;stroke:color-mix(in srgb,var(--ink) 55%,transparent);stroke-width:1.5px;stroke-linejoin:round}.fade-ramp.selected polyline,.fade-ramp:focus-visible polyline{stroke:#2583f7;stroke-width:2px}.fade-ramp:focus-visible{outline-offset:-2px;border-radius:7px;outline:2px solid #2583f7}.film-edge{pointer-events:none;background-image:repeating-linear-gradient(90deg,#2583f773 0 4px,#0000 4px 10px),repeating-linear-gradient(90deg,#2583f773 0 4px,#0000 4px 10px);background-position:0 0,0 100%;background-repeat:repeat-x;background-size:100% 5px,100% 5px;border-radius:6px;position:absolute;inset:0}.trim-band{pointer-events:none;height:8px;padding:0 3px;position:absolute;bottom:3px;left:0;right:0}.trim-window{cursor:ew-resize;pointer-events:auto;min-width:12px;height:8px;transition:background var(--motion-standard-exit);background:#2583f78c;border:0;border-radius:4px;padding:0;position:absolute;top:0}.trim-window:hover{background:#2583f7}.trim-window:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #2583f7}.trim-band.fixed .trim-window{background:color-mix(in srgb,var(--ink) 22%,transparent);cursor:default}.keyframe-lane{pointer-events:none;height:12px;position:absolute;bottom:3px;left:0;right:0}.keyframe-diamond{z-index:2;cursor:ew-resize;pointer-events:auto;width:10px;height:10px;transition:background var(--motion-standard-exit),box-shadow var(--motion-standard-exit);background:#1d1d20;border:1px solid #fff;border-radius:2px;padding:0;position:absolute;bottom:0;transform:translate(-50%)rotate(45deg)}.keyframe-diamond:hover{background:#2583f7}.keyframe-diamond.selected{background:#2583f7;box-shadow:0 0 0 2px #fff,0 0 0 4px #2583f7}.keyframe-diamond:focus-visible{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #2583f7}.hidden-parameter{display:none}.keyframed-parameter{border-radius:8px;box-shadow:inset 0 0 0 1.5px #2583f7}.transport-hint{color:var(--muted);white-space:nowrap;margin-left:auto;padding-right:10px;font-size:11px}.timeline-transport:has(.keyframe-easing-control) .transport-hint{display:none}.icon-button:hover,.icon-button.active{transition:background var(--motion-standard-enter),color var(--motion-standard-enter),transform var(--motion-standard-enter)}.icon-button:active{transition:transform var(--motion-standard-enter)}.recent-image:hover,.recent-image.selected{transition:background var(--motion-standard-enter),border-color var(--motion-standard-enter),transform var(--motion-standard-enter)}.recent-item:hover .recent-remove,.recent-remove:focus-visible{transition:opacity var(--motion-standard-enter),background var(--motion-standard-enter)}.canvas-area.has-background{transition:background var(--motion-standard-enter),border-color var(--motion-standard-enter),box-shadow var(--motion-standard-enter)}.video-quality-control .dialkit-select-trigger[data-open=true] .dialkit-select-chevron{transition:transform var(--motion-standard-enter)}.output-mode button:hover,.output-mode button.selected{transition:background var(--motion-standard-enter),color var(--motion-standard-enter),box-shadow var(--motion-standard-enter),transform var(--motion-standard-enter)}.af-empty-chip:hover,.af-empty-chip:focus-visible{transition:opacity var(--motion-standard-enter),background var(--motion-standard-enter)}.timeline-resize:hover:after,.timeline-resize:focus-visible:after{transition:background var(--motion-standard-enter)}.transport-button:hover{transition:background var(--motion-standard-enter),color var(--motion-standard-enter)}.keyframe-curve-handle:hover:after,.keyframe-curve-handle:focus-visible:after{transition:transform var(--motion-standard-enter),box-shadow var(--motion-standard-enter)}.trim-window:hover,.trim-window:focus-visible{transition:background var(--motion-standard-enter)}.keyframe-diamond:hover,.keyframe-diamond.selected,.keyframe-diamond:focus-visible{transition:background var(--motion-standard-enter),box-shadow var(--motion-standard-enter)}.studio.video-mode .media-controls .recent-panel{inset:auto}@keyframes settings-message-in{0%{opacity:0;transform:translate(-50%)translateY(-9px)scale(.96)}to{opacity:1;transform:translate(-50%)}}.settings-message{animation:settings-message-in var(--motion-toast-enter)}.media-controls{z-index:35;pointer-events:none;align-items:flex-start;gap:12px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;top:76px;bottom:16px;left:16px}.video-mode .media-controls{bottom:calc(var(--timeline-height,140px) + 16px)}.media-controls>aside{pointer-events:auto;flex-shrink:1;min-width:0;max-height:100%;overflow:auto}.media-controls>.recent-panel{box-sizing:border-box;max-height:100%;position:relative;inset:auto}.keyframe-easing-panel{box-sizing:border-box;border:1px solid var(--dial-border);background:var(--dial-glass-bg);width:280px;box-shadow:var(--dial-shadow);border-radius:14px;padding:16px;position:relative}.keyframe-easing-panel>.dialkit-folder{width:100%}.keyframe-easing-panel .dialkit-folder-content{overflow:visible}.dialkit-images-panel{border:1px solid var(--dial-border,var(--border));background:var(--dial-glass-bg,var(--surface));width:280px;height:max-content;max-height:calc(100vh - 96px);box-shadow:var(--dial-shadow,0 10px 35px #191e2614);border-radius:14px;gap:12px;padding:16px;font-family:system-ui,-apple-system,SF Pro Display,sans-serif;overflow:auto}.dialkit-image-heading{color:var(--dial-text-root,var(--ink));justify-content:space-between;align-items:center;font-size:14px;display:flex}.dialkit-image-heading button{color:var(--dial-text-tertiary,var(--muted));font-size:12px}.dialkit-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dialkit-image-option{background:var(--dial-surface-subtle,#11161c0f);border:2px solid #0000;border-radius:10px;min-width:0;padding:0;overflow:hidden}.dialkit-image-option.selected{border-color:var(--dial-focus-ring,#fff)}.dialkit-image-option-preview{aspect-ratio:1.35;object-fit:cover;width:100%;display:block}.dialkit-image-empty{aspect-ratio:1.35;color:var(--dial-text-tertiary,var(--muted));place-items:center;font-size:10px;display:grid}.dialkit-image-upload{background:var(--dial-surface-hover,color-mix(in srgb,var(--ink) 8%,transparent));width:100%;height:36px;color:var(--dial-text-label,var(--muted));border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.dialkit-image-upload:hover{background:var(--dial-surface-active,color-mix(in srgb,var(--ink) 12%,transparent))}.topbar-group>.brand{white-space:nowrap;flex:none}.preset-trigger{appearance:none;border:1px solid var(--border);background:var(--surface);width:190px;height:30px;color:var(--fg);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 11px;font-size:12px;display:flex}.preset-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preset-trigger:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);flex:none;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.preset-trigger:hover{border-color:#11161c33}.preset-trigger:focus-visible{outline-offset:2px;outline:2px solid #2f6df6}[data-radix-popper-content-wrapper]:has(>.preset-menu){z-index:60!important}.preset-menu{min-width:190px;max-height:min(420px,100vh - 96px)}.preset-menu.preset-submenu{min-width:210px}.preset-sub-trigger,.preset-item{align-items:center;gap:8px;display:flex}.preset-sub-trigger>span:first-child,.preset-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.preset-mark{opacity:.6;flex:none}.preset-sub-trigger svg,.preset-item svg{opacity:.55;flex:none}.preset-sub-trigger[data-state=open]{background:var(--dial-surface-hover)}.preset-menu .dialkit-select-option[data-disabled]{opacity:.45;cursor:default}.preset-menu .dialkit-select-option:focus{outline:none}.media-column{pointer-events:auto;flex-direction:column;gap:12px;min-width:0;display:flex}.media-column>.recent-panel{box-sizing:border-box;flex:none;max-height:none;position:relative;inset:auto}.media-column>*{max-height:none;overflow:visible}.backdrop-panel{flex:none;width:280px}.backdrop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.backdrop-option{background:0 0;border:2px solid #0000;border-radius:9px;min-width:0;padding:0;line-height:0}.backdrop-option:focus-visible{outline-offset:1px;outline:2px solid #2f6df6}.backdrop-option.selected{border-color:var(--dial-focus-ring,#2583f7)}.backdrop-swatch{aspect-ratio:1;border-radius:6px;width:100%;display:block;box-shadow:inset 0 0 0 1px #11161c1a}.add-clip-menu{min-width:180px;max-height:280px;padding:4px;overflow:auto}.add-clip-option{cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:5px 8px;display:flex}.add-clip-thumb{object-fit:cover;background:var(--dial-surface-subtle,#11161c0f);border-radius:4px;flex:none;width:34px;height:24px}.add-clip-thumb-empty{display:block}.add-clip-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.add-clip-kind{color:var(--dial-text-tertiary,var(--muted));flex:none;font-size:11px}