@layer base{*{box-sizing:border-box}body{margin:0}button{font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:4px 10px}button:hover{background:var(--raised-hover)}button,a,[role=button]{-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea,summary,[tabindex],[role=spinbutton]):focus-visible{outline:2px solid var(--focus);outline-offset:1px}@media (forced-colors:active){:where(button,a,input,select,textarea,[tabindex],[role=spinbutton]):focus-visible{outline-color:highlight}}}@layer dialkit{.dialkit-root{--dial-surface:#ffffff0d;--dial-surface-hover:#ffffff1a;--dial-surface-active:#ffffff1c;--dial-surface-subtle:#ffffff0f;--dial-text-root:#fff;--dial-text-section:#ffffffb3;--dial-text-label:#ffffffb3;--dial-text-focus:#fff;--dial-text-primary:#fffffff2;--dial-text-secondary:#fff9;--dial-text-tertiary:#fff6;--dial-border:#ffffff1a;--dial-border-hover:#ffffff26;--dial-focus-ring:#fff9;--dial-timeline-clip-overlay:transparent;--dial-glass-bg:#212121;--dial-dropdown-bg:#2a2a2a;--dial-backdrop-blur:20px;--dial-radius:8px;--dial-row-height:36px;--dial-row-gap:6px;--dial-shadow:0 8px 32px #00000080;--dial-shadow-collapsed:0 4px 16px #00000040;--dial-shadow-dropdown:0 8px 24px #0006;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,SF Pro Display,sans-serif;position:relative}.dialkit-panel{z-index:9999;max-height:calc(100vh - 32px);position:fixed;overflow:visible}.dialkit-root[data-mode=inline]{max-height:100%}.dialkit-panel[data-mode=inline]{z-index:auto;max-height:inherit;height:auto;position:static;overflow:visible}.dialkit-panel-inner{box-sizing:border-box;background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));transform-origin:var(--dial-origin-y,top) var(--dial-origin-x,right);border-radius:14px;padding:10px 12px;transform:translateZ(0)}.dialkit-panel[data-origin-x=left]{--dial-origin-x:left}.dialkit-panel[data-origin-x=right]{--dial-origin-x:right}.dialkit-panel[data-origin-y=top]{--dial-origin-y:top}.dialkit-panel[data-origin-y=bottom]{--dial-origin-y:bottom}.dialkit-panel[data-position=top-left] .dialkit-panel-inner{max-height:calc(100vh - 80px);overflow-y:auto}.dialkit-panel-inner[data-collapsed=true]{transform-origin:50%;box-sizing:border-box;border-radius:50%;padding:12px}.dialkit-panel-inner[data-collapsed=true] .dialkit-panel-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-title-row{display:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{justify-content:center;padding:0}.dialkit-panel-inner::-webkit-scrollbar{display:none}.dialkit-panel-inner{-ms-overflow-style:none;scrollbar-width:none;overflow-anchor:none}.dialkit-panel-inner[data-folding=true]:not(.dialkit-panel-inline){height:var(--dial-panel-fold-height)!important}.dialkit-panel-inner:not([data-collapsed=true]){padding-top:0}.dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header{z-index:3;background:var(--dial-glass-bg);padding-top:10px;position:sticky;top:0}.dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header:before,.dialkit-folder-section>.dialkit-folder-header:before{content:"";z-index:-1;background:var(--dial-glass-bg);pointer-events:none;position:absolute;inset:0 -12px}.dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header .dialkit-panel-icon{right:0}.dialkit-panel-inline{width:100%;height:auto;max-height:inherit;box-shadow:none;box-sizing:border-box;border:none;border-radius:0;overflow:visible}.dialkit-panel[data-mode=inline] .dialkit-panel-wrapper{width:100%;max-height:inherit;flex-direction:column;height:auto;display:flex}.dialkit-panel[data-position=top-right]{top:16px;right:16px}.dialkit-panel[data-position=top-left]{top:16px;left:16px}.dialkit-panel[data-position=bottom-right]{bottom:16px;right:16px}.dialkit-panel[data-position=bottom-left]{bottom:16px;left:16px}.dialkit-folder{border-bottom:1px solid var(--dial-surface-subtle);margin-bottom:8px;padding-bottom:8px}.dialkit-folder:last-child:not(.dialkit-folder-root){margin-bottom:0;padding-bottom:0}.dialkit-folder-root{border-bottom:none;margin-bottom:0;padding-bottom:0}.dialkit-panel-header{border-bottom:1px solid var(--dial-surface-subtle);margin-bottom:12px;padding-bottom:6px}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header{cursor:grab}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header:active{cursor:grabbing}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true]) .dialkit-panel-icon{color:var(--dial-text-label);opacity:.6}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-icon{cursor:pointer}.dialkit-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none}.dialkit-folder-header-top{justify-content:space-between;align-items:center;padding:0 0 8px;display:flex}.dialkit-folder-title{color:var(--dial-text-section);letter-spacing:-.01em;font-size:13px;font-weight:600;transition:color .15s;transform:translateY(-.5px)}.dialkit-folder-title-root{color:var(--dial-text-root);font-size:15px;font-weight:600;transform:translateZ(0)}.dialkit-folder-title-row{white-space:nowrap;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.dialkit-folder-copy{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.dialkit-folder-copy svg{width:14px;height:14px;color:var(--dial-text-section)}.dialkit-folder-icon{box-sizing:border-box;width:20px;height:20px;color:var(--dial-text-label);opacity:.6;flex-shrink:0;padding:2px}.dialkit-panel-icon{width:16px;height:16px;color:var(--dial-text-focus);z-index:1;position:absolute;top:12px;right:12px}.dialkit-folder-content{will-change:transform}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-content{overflow-y:clip}.dialkit-folder-inner{gap:var(--dial-row-gap);flex-direction:column;padding-bottom:10px;display:flex}.dialkit-folder:not(.dialkit-folder-root){border-top:1px solid var(--dial-surface-subtle);border-bottom:1px solid var(--dial-surface-subtle);margin-top:4px;margin-bottom:4px;padding-bottom:0}.dialkit-folder:not(.dialkit-folder-root):last-child{border-bottom:none;margin-bottom:0}.dialkit-folder:not(.dialkit-folder-root)+.dialkit-folder:not(.dialkit-folder-root){border-top:none;margin-top:-10px}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{height:var(--dial-row-height);padding:0}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header>.dialkit-folder-header-top{height:100%;padding:0}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:0}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child:not(:has(~.dialkit-folder)){border-top:none;margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]){padding:0 12px}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]) .dialkit-panel-icon{top:14px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header{margin-bottom:0;padding-top:0;padding-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header>.dialkit-folder-header-top,.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header>.dialkit-folder-header-top{height:44px;padding:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header{height:auto}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{gap:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder{border-top:1px solid var(--dial-surface-subtle);border-bottom:none;margin:0;padding-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header .dialkit-folder-title{color:var(--dial-text-root);font-size:15px;font-weight:600;line-height:20px;transform:translateZ(0)}.dialkit-panel[data-multiple=true] .dialkit-folder-title-root{line-height:20px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child{border-top:none;margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder+.dialkit-folder{margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-content>.dialkit-folder-inner{padding-top:0;padding-bottom:12px}.dialkit-panel .dialkit-folder.dialkit-folder-section>.dialkit-folder-header{top:var(--dial-panel-header-height,0px);z-index:2;background:var(--dial-glass-bg);height:auto;position:sticky}.dialkit-folder-section{--dial-section-header-height:calc(44px + var(--dial-row-height) + 10px)}.dialkit-folder-inner :is(button,input,textarea,[tabindex]){scroll-margin-top:calc(var(--dial-panel-header-height,0px) + var(--dial-section-header-height,0px) + var(--dial-row-gap))}.dialkit-folder.dialkit-folder-section>.dialkit-folder-header>.dialkit-folder-header-top{height:var(--dial-row-height)}.dialkit-panel-section-toolbar-clip{overflow-y:clip}.dialkit-folder-section>.dialkit-folder-header>.dialkit-panel-section-toolbar-clip>.dialkit-panel-section-toolbar{padding-top:4px;padding-bottom:var(--dial-row-gap);box-sizing:content-box}.dialkit-panel-toolbar:empty,.dialkit-panel-section-toolbar:empty{display:none}.dialkit-slider-wrapper{height:var(--dial-row-height);position:relative}.dialkit-slider{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--dial-surface);border-radius:var(--dial-radius);touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.dialkit-slider-hashmarks{pointer-events:none;position:absolute;inset:0}.dialkit-slider-hashmark{background:#fff0;border-radius:999px;width:1px;height:8px;transition:background .2s;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.dialkit-slider-active .dialkit-slider-hashmark{background:var(--dial-border-hover)}.dialkit-slider-active .dialkit-slider-value{color:var(--dial-text-focus)}.dialkit-slider-fill{background:var(--dial-surface-active);pointer-events:none;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.dialkit-slider-active .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-slider-handle{background:var(--dial-text-primary);pointer-events:none;border-radius:999px;width:3px;height:20px;position:absolute;top:50%}.dialkit-slider-label{color:var(--dial-text-label);pointer-events:none;align-items:center;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(calc(-50% - .5px))}.dialkit-slider-value{color:var(--dial-text-label);pointer-events:auto;border-bottom:1px solid #0000;padding-bottom:1px;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;position:absolute;top:50%;right:12px;transform:translateY(calc(.5px - 50%))}.dialkit-slider-value-editable{border-bottom-color:var(--dial-text-label)}.dialkit-slider-input{width:4ch;min-width:3ch;max-width:6ch;color:var(--dial-text-label);border:none;border-bottom:1px solid var(--dial-text-label);text-align:right;background:0 0;outline:none;padding:0 0 1px;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dialkit-slider-input:focus{color:var(--dial-text-focus)}.dialkit-segmented{border-radius:var(--dial-radius);background:0 0;padding:2px;display:flex;position:relative}.dialkit-segmented-pill{background:var(--dial-surface-active);z-index:0;pointer-events:none;border-radius:6px;position:absolute;top:2px;bottom:2px}.dialkit-segmented-button{z-index:1;cursor:pointer;background:0 0;border:none;flex:none;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s;position:relative}.dialkit-segmented-button[data-active=true]{color:var(--dial-text-primary)}.dialkit-segmented-button[data-active=false]{color:var(--dial-text-label)}.dialkit-toggle{background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .15s;display:flex}.dialkit-toggle:hover{background:var(--dial-surface-hover)}.dialkit-toggle-label{color:var(--dial-text-label);font-size:13px;font-weight:500;transition:color .15s}.dialkit-toggle[data-checked=true] .dialkit-toggle-label{color:var(--dial-text-primary)}.dialkit-toggle-track{background:var(--dial-surface-active);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.dialkit-toggle[data-checked=true] .dialkit-toggle-track{background:var(--dial-border-hover)}.dialkit-toggle-thumb{background:var(--dial-text-primary);border-radius:8px;width:16px;height:16px;position:absolute;top:2px}.dialkit-button-group{flex-direction:column;gap:6px;display:flex}.dialkit-button{color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dialkit-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-button:active{background:var(--dial-surface-active)}.dialkit-labeled-control{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:2px 10px 2px 12px;display:flex}.dialkit-labeled-control-label{color:var(--dial-text-label);flex-shrink:0;align-items:center;font-size:13px;font-weight:500;line-height:17px;display:flex}.dialkit-labeled-control .dialkit-segmented{flex-shrink:0;margin-right:-6px}.dialkit-action-button{width:160px;color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dialkit-action-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-action-button:active{background:var(--dial-surface-active)}.dialkit-actions-group{align-items:flex-start}.dialkit-actions-stack{flex-direction:column;gap:6px;width:160px;display:flex}.dialkit-spring-viz{border-radius:var(--dial-radius);background:var(--dial-surface);width:100%;overflow:visible}.dialkit-easing-viz{aspect-ratio:256/180;border-radius:var(--dial-radius);background:var(--dial-surface);isolation:isolate;width:100%;position:relative;overflow:hidden}.dialkit-easing-viz svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dialkit-easing-reference{stroke:var(--dial-text-tertiary);stroke-width:1px;stroke-dasharray:3 4;opacity:.4}.dialkit-easing-tangent{stroke:var(--dial-text-tertiary);stroke-width:1px}.dialkit-easing-curve{fill:none;stroke:var(--dial-text-primary);stroke-width:2px;stroke-linecap:round}.dialkit-easing-endpoint{fill:var(--dial-text-secondary)}.dialkit-easing-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.dialkit-easing-handle:after{content:"";box-sizing:border-box;border:1.5px solid var(--dial-text-secondary);background:var(--dial-surface);border-radius:50%;width:10px;height:10px}.dialkit-easing-handle:hover:after,.dialkit-easing-handle:focus-visible:after,.dialkit-easing-handle[data-dragging]:after{border-color:var(--dial-text-primary);background:var(--dial-text-primary)}.dialkit-easing-handle[data-dragging]{cursor:grabbing;z-index:1}.dialkit-easing-handle:disabled{pointer-events:none}.dialkit-easing-instructions{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.dialkit-panel-wrapper{flex-direction:column;display:inline-flex}.dialkit-panel-toolbar{height:var(--dial-row-height);align-items:center;gap:6px;min-width:0;margin-bottom:6px;display:flex;overflow:hidden}.dialkit-panel-section-toolbar{width:100%;height:var(--dial-row-height);align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.dialkit-toolbar-add{width:var(--dial-row-height);height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.dialkit-toolbar-add:hover{background:var(--dial-surface-hover)}.dialkit-timeline-toolbar-toggle[data-active]{background:var(--dial-surface-active);color:var(--dial-text-root)}.dialkit-toolbar-add svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-timeline-toolkit-only{height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface-subtle);color:var(--dial-text-secondary);align-items:center;padding:0 12px;font-size:12px;display:flex}.dialkit-toolbar-copy{height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex;position:relative}.dialkit-toolbar-copy:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-copy-icon-wrap{flex-shrink:0;width:16px;height:16px;position:relative}.dialkit-toolbar-copy-icon{width:16px;height:16px;position:absolute;inset:0}.dialkit-text-control{box-sizing:border-box;height:var(--dial-row-height);min-height:var(--dial-row-height);padding:calc((var(--dial-row-height) - 18px) / 2) 12px;background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative;overflow:clip}.dialkit-text-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;line-height:18px}.dialkit-text-input{box-sizing:border-box;margin:0;margin-right:calc(-1 * var(--dial-text-gutter,0px));resize:none;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;scrollbar-color:var(--dial-text-tertiary) transparent;width:0;min-width:0;height:18px;color:var(--dial-text-label);text-align:right;cursor:text;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:13px;font-weight:500;line-height:18px;display:block;overflow:hidden}.dialkit-text-control[data-autosized]{transition:height .18s cubic-bezier(.2,0,0,1)}.dialkit-text-input::-webkit-scrollbar{width:6px}.dialkit-text-input::-webkit-scrollbar-track{background:0 0}.dialkit-text-input::-webkit-scrollbar-thumb{background:var(--dial-text-tertiary);border-radius:3px}@media (prefers-reduced-motion:reduce){.dialkit-text-control[data-autosized]{transition:none}}.dialkit-text-input:focus{color:var(--dial-text-focus)}.dialkit-text-input:focus-visible{background-image:linear-gradient(var(--dial-focus-ring), var(--dial-focus-ring));background-position:4px bottom;background-repeat:no-repeat;background-size:calc(100% - var(--dial-text-gutter,0px) - 4px) 1px}.dialkit-text-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-select-trigger{width:100%;height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-select-trigger:hover{background:var(--dial-surface-hover)}.dialkit-select-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-select-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-select-right{align-items:center;gap:8px;display:flex}.dialkit-select-value{color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden;transform:translateY(-.5px)}.dialkit-select-chevron{box-sizing:border-box;opacity:.6;flex-shrink:0;width:20px;height:20px;padding:2px}.dialkit-select-dropdown{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dial-border-hover) transparent;background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:var(--dial-radius);z-index:10000;box-shadow:var(--dial-shadow-dropdown);margin:0;padding:4px;inset:auto;overflow-y:auto}.dialkit-select-option{width:100%;min-height:36px;color:var(--dial-text-label);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:block}.dialkit-select-option:hover{background:var(--dial-surface-hover)}.dialkit-select-option[data-selected=true]{color:var(--dial-text-primary);background:var(--dial-surface-active)}.dialkit-image-control{width:100%;height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);color:var(--dial-text-label);text-align:left;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 6px 0 12px;font:500 13px system-ui,-apple-system,sans-serif;transition:background .15s,box-shadow .15s;display:flex}.dialkit-image-control:hover{background:var(--dial-surface-hover)}.dialkit-image-control[data-open=true]{background:var(--dial-surface-active);box-shadow:inset 0 0 0 1px var(--dial-border-hover);color:var(--dial-text-primary)}.dialkit-image-label{flex-shrink:0}.dialkit-image-value{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--dial-text-secondary);flex:1;font-size:12px;overflow:hidden}.dialkit-image-frame{border-radius:var(--dial-radius);background:repeating-conic-gradient(var(--dial-surface) 0% 25%, transparent 0% 50%) 0 / 12px 12px, var(--dial-surface);display:block;position:relative;overflow:hidden}.dialkit-image-img{object-fit:cover;width:100%;height:100%;display:block}.dialkit-image-fallback{color:var(--dial-text-tertiary);place-items:center;display:grid;position:absolute;inset:0}.dialkit-image-fallback svg{width:24px;height:24px}.dialkit-image-thumbnail{height:26px;box-shadow:inset 0 0 0 1px var(--dial-border);border-radius:5px;flex:0 0 38px}.dialkit-image-thumbnail svg{width:16px;height:16px}.dialkit-image-popover{z-index:10002;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dial-border-hover) transparent;border:1px solid var(--dial-border);background:var(--dial-glass-bg);box-shadow:var(--dial-shadow);color:var(--dial-text-label);border-radius:14px;flex-direction:column;gap:10px;margin:0;padding:12px;font:500 13px system-ui,-apple-system,sans-serif;animation:.16s ease-out dialkit-color-enter;display:flex;position:fixed;inset:auto;overflow-y:auto}.dialkit-image-popover *,.dialkit-image-popover :before,.dialkit-image-popover :after{box-sizing:border-box}.dialkit-image-popover>*{flex-shrink:0}.dialkit-image-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.dialkit-image-title{color:var(--dial-text-primary)}.dialkit-image-clear{color:var(--dial-text-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;margin:-4px -4px -4px 0;padding:4px;font-size:11px}.dialkit-image-clear:hover{color:var(--dial-text-primary)}.dialkit-image-grid{gap:var(--dial-row-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dialkit-image-option{border-radius:calc(var(--dial-radius) + 3px);cursor:pointer;background:0 0;border:1px solid #0000;width:100%;padding:3px;transition:border-color .15s,background .15s;display:block;position:relative}.dialkit-image-option-preview{aspect-ratio:4/3;border-radius:calc(var(--dial-radius) - 1px);width:100%}.dialkit-image-option:hover{background:var(--dial-surface-hover);border-color:var(--dial-border-hover)}.dialkit-image-option[aria-pressed=true]{border-color:var(--dial-text-label);background:var(--dial-surface-active)}.dialkit-image-upload{flex:none;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.dialkit-image-upload svg{width:15px;height:15px}.dialkit-image-popover[data-dragging=true] .dialkit-image-upload{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-image-upload[aria-disabled=true]{opacity:.6;cursor:progress}.dialkit-image-empty{border-radius:var(--dial-radius);background:var(--dial-surface);color:var(--dial-text-tertiary);text-align:center;padding:28px 12px;font-weight:400}.dialkit-image-status{overflow-wrap:anywhere;font-size:11px;font-weight:400;line-height:1.5}.dialkit-image-popover [hidden],.dialkit-image-frame [hidden],.dialkit-image-file{display:none}@media (prefers-reduced-motion:reduce){.dialkit-image-popover{animation:none}}.dialkit-pad{gap:var(--dial-row-gap);min-width:0;display:grid}.dialkit-pad-caption{min-width:0;height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);align-items:center;padding:0 12px;display:flex}.dialkit-pad-label{min-width:0;color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.dialkit-pad-surface{aspect-ratio:1;border-radius:var(--dial-radius);background:var(--dial-surface);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.dialkit-pad-plane{pointer-events:none;position:absolute;inset:12px}.dialkit-pad-grid{pointer-events:none;position:absolute;inset:0}.dialkit-pad-grid-line{background:var(--dial-border);opacity:.65;position:absolute}.dialkit-pad-grid-vertical{width:1px;top:0;bottom:0;transform:translate(-50%)}.dialkit-pad-grid-horizontal{height:1px;left:0;right:0;transform:translateY(-50%)}.dialkit-pad-center{background:var(--dial-text-tertiary);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialkit-pad-point{background:var(--dial-text-primary);pointer-events:auto;cursor:grab;border-radius:50%;width:12px;height:12px;transition:box-shadow .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 #0000,0 2px 4px #0003}.dialkit-pad-surface[data-dragging=true],.dialkit-pad-surface[data-dragging=true] .dialkit-pad-point{cursor:grabbing}.dialkit-pad-surface[data-dragging=true] .dialkit-pad-point{box-shadow:0 0 0 6px var(--dial-border-hover), 0 2px 6px #0003}.dialkit-pad-fields{gap:var(--dial-row-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dialkit-pad-field{min-width:0;height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);align-items:center;gap:4px;padding:0 12px 0 10px;display:flex}.dialkit-pad-axis{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:35%;color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;overflow:hidden}.dialkit-pad-value{width:100%;min-width:0;color:var(--dial-text-label);text-align:right;background:0 0;border:0;padding:0 0 1px;font:500 13px Geist Mono,monospace}.dialkit-pad-field:focus-within{background:var(--dial-surface-hover)}.dialkit-pad-value:focus-visible{box-shadow:inset 0 -1px var(--dial-focus-ring)}.dialkit-pad-value:focus{color:var(--dial-text-focus)}.dialkit-pad-instructions{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.dialkit-pad-point{transition:none}}.dialkit-color-control{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;transition:background .15s,box-shadow .15s;display:flex}.dialkit-color-control[data-open=true]{background:var(--dial-surface-active);box-shadow:inset 0 0 0 1px var(--dial-border-hover)}.dialkit-color-control[data-open=true] .dialkit-color-label,.dialkit-color-control[data-open=true] .dialkit-color-value{color:var(--dial-text-primary)}.dialkit-color-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-inputs{flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.dialkit-color-value{width:100%;min-width:0;color:var(--dial-text-label);text-align:right;text-overflow:ellipsis;background:0 0;border:0;outline:none;padding:4px 0;font:500 13px Geist Mono,monospace}.dialkit-color-value:focus{color:var(--dial-text-focus)}.dialkit-color-swatch{border:1px solid var(--dial-border-hover);background:linear-gradient(var(--dial-color), var(--dial-color)), repeating-conic-gradient(#aaa 0% 25%, #eee 0% 50%) 0 / 8px 8px;cursor:pointer;border-radius:5px;flex:0 0 20px;width:20px;height:20px;padding:0;transition:transform .15s;box-shadow:inset 0 0 0 1px #ffffff14}.dialkit-color-swatch:hover{transform:scale(1.08)}.dialkit-color-popover{gap:var(--dial-row-gap);z-index:10002;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--dial-border);background:var(--dial-glass-bg);box-shadow:var(--dial-shadow);color:var(--dial-text-label);border-radius:14px;margin:0;padding:10px;animation:.16s ease-out dialkit-color-enter;display:grid;position:fixed;inset:auto;overflow-y:auto}.dialkit-color-popover *,.dialkit-color-popover :before,.dialkit-color-popover :after{box-sizing:border-box}.dialkit-color-plane{border-radius:var(--dial-radius);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;height:160px;position:relative}.dialkit-color-canvas{border-radius:inherit;width:100%;height:100%;display:block}.dialkit-color-plane:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000001a}.dialkit-color-marker{z-index:1;pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;box-shadow:0 2px 4px #0000004d}.dialkit-color-tracks{gap:var(--dial-row-gap);display:grid}.dialkit-color-track-row{height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.dialkit-color-track-row>span{color:var(--dial-text-label);flex:0 0 52px}.dialkit-color-track{appearance:none;cursor:pointer;touch-action:none;background:0 0;border:0;flex:1;min-width:0;height:100%;margin:0;padding:0}.dialkit-color-hue{--dial-color-thumb-bg:var(--dial-color-thumb)}.dialkit-color-opacity{--dial-color-track-bg:linear-gradient(to right, transparent, var(--dial-color-opaque)), repeating-conic-gradient(#aaa 0% 25%, #eee 0% 50%) 0 / 8px 8px;--dial-color-thumb-bg:linear-gradient(var(--dial-color-thumb), var(--dial-color-thumb)), repeating-conic-gradient(#aaa 0% 25%, #eee 0% 50%) 0 / 8px 8px}.dialkit-color-track::-webkit-slider-runnable-track{background:var(--dial-color-track-bg);border-radius:4px;height:16px}.dialkit-color-track::-moz-range-track{background:var(--dial-color-track-bg);border:0;border-radius:4px;height:16px}.dialkit-color-track::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;background:var(--dial-color-thumb-bg);background-clip:padding-box;border:2px solid #fff;border-radius:5px;width:16px;height:24px;margin-top:-4px;box-shadow:0 2px 4px #0000004d}.dialkit-color-track::-moz-range-thumb{box-sizing:border-box;background:var(--dial-color-thumb-bg);background-clip:padding-box;border:2px solid #fff;border-radius:5px;width:16px;height:24px;box-shadow:0 2px 4px #0000004d}.dialkit-color-format-row{padding:2px}.dialkit-color-format-row .dialkit-color-formats{flex:1;min-width:0;margin-right:0}.dialkit-color-formats .dialkit-segmented-pill{width:calc(33.3333% - 1.33333px);transition:transform .2s cubic-bezier(.25,1,.5,1);left:2px}.dialkit-color-format{white-space:nowrap;flex:1 1 0;min-width:0}.dialkit-color-format:hover{color:var(--dial-text-primary)}.dialkit-color-css-input{width:100%;height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);color:var(--dial-text-label);border:0;outline:none;padding:0 12px;font:500 13px Geist Mono,monospace;display:block}.dialkit-color-css-input:focus{color:var(--dial-text-focus)}.dialkit-color-popover input[aria-invalid=true],.dialkit-color-value[aria-invalid=true]{color:#ef7777}@keyframes dialkit-color-enter{0%{opacity:0;transform:translateY(3px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dialkit-color-popover{animation:none}.dialkit-color-formats .dialkit-segmented-pill{transition:none}}.dialkit-preset-manager{flex:1;position:relative}.dialkit-preset-trigger{width:100%;height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-preset-trigger:hover{background:var(--dial-surface-hover)}.dialkit-preset-trigger[data-disabled=true]{cursor:default}.dialkit-preset-trigger[data-disabled=true]:hover{background:var(--dial-surface)}.dialkit-preset-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-preset-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialkit-preset-dropdown{overscroll-behavior:contain;background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);z-index:10000;width:max-content;box-shadow:var(--dial-shadow-dropdown);border-radius:12px;margin:0;padding:4px;inset:auto;overflow-y:auto}.dialkit-preset-list{border-bottom:1px solid var(--dial-border);flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:4px;display:flex}.dialkit-preset-item{box-sizing:border-box;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;height:32px;padding:0 10px;transition:background .15s;display:flex}.dialkit-preset-item+.dialkit-preset-item{margin-top:2px}.dialkit-preset-item:hover{background:var(--dial-surface-hover)}.dialkit-preset-item[data-active=true]{background:var(--dial-surface-active)}.dialkit-preset-name{text-align:left;cursor:pointer;min-width:0;color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:1;padding:0;font-family:inherit;font-size:13px;font-weight:500;overflow:hidden}.dialkit-preset-item[data-active=true] .dialkit-preset-name{color:var(--dial-text-primary)}.dialkit-preset-delete{cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .15s;display:flex}.dialkit-preset-item:hover .dialkit-preset-delete,.dialkit-preset-item:focus-within .dialkit-preset-delete{opacity:.6}.dialkit-preset-item:focus-within{background:var(--dial-surface-hover)}.dialkit-preset-delete:hover{opacity:1!important}.dialkit-preset-delete svg{width:14px;height:14px;color:var(--dial-text-focus);pointer-events:none;transition:color .15s}.dialkit-preset-delete:hover svg{color:#ff3b30}.dialkit-preset-save-btn{width:100%;color:var(--dial-text-label);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.dialkit-preset-save-btn:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-preset-save-btn svg{width:12px;height:12px}.dialkit-preset-save-row{align-items:center;gap:6px;padding:4px;display:flex}.dialkit-preset-input{min-width:0;color:var(--dial-text-primary);background:var(--dial-surface);border:1px solid var(--dial-border);border-radius:6px;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:13px}.dialkit-preset-input:focus{border-color:var(--dial-text-label)}.dialkit-preset-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-preset-confirm{background:var(--dial-surface);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s;display:flex}.dialkit-preset-confirm:hover:not(:disabled){background:var(--dial-surface-hover)}.dialkit-preset-confirm:disabled{opacity:.4;cursor:not-allowed}.dialkit-preset-confirm svg{width:14px;height:14px;color:var(--dial-text-label)}.dialkit-shortcut-pill{color:var(--dial-text-tertiary);background:var(--dial-surface-subtle);letter-spacing:.02em;white-space:nowrap;vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 5px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:600;line-height:16px;transition:color .15s,background .15s;display:inline-block}.dialkit-shortcut-pill-active{color:var(--dial-text-primary);background:var(--dial-border-hover)}.dialkit-shortcuts-trigger{width:var(--dial-row-height);height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.dialkit-shortcuts-trigger:hover{background:var(--dial-surface-hover)}.dialkit-shortcuts-trigger svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-shortcuts-dropdown{background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);z-index:10000;box-shadow:var(--dial-shadow-dropdown);border-radius:12px;min-width:200px;padding:8px}.dialkit-shortcuts-title{color:var(--dial-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 8px;font-size:11px;font-weight:600}.dialkit-shortcuts-list{flex-direction:column;gap:2px;display:flex}.dialkit-shortcuts-row{border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.dialkit-shortcuts-row-key{color:var(--dial-text-secondary);background:var(--dial-surface-subtle);text-align:center;border-radius:4px;min-width:28px;padding:2px 6px;font-family:ui-monospace,SF Mono,Courier New,monospace;font-size:11px;font-weight:600}.dialkit-shortcuts-row-label{color:var(--dial-text-label);flex:1;font-size:13px;font-weight:500}.dialkit-shortcuts-row-mode{color:var(--dial-text-tertiary);font-size:11px;font-style:italic;font-weight:500}.dialkit-shortcuts-hint{color:var(--dial-text-tertiary);border-top:1px solid var(--dial-border);margin-top:4px;padding:6px 8px 2px;font-size:11px}.dialkit-root[data-theme=light]{--dial-surface:#0000000a;--dial-surface-hover:#00000014;--dial-surface-active:#0000001a;--dial-surface-subtle:#0000000f;--dial-text-root:#000;--dial-text-section:#000000a6;--dial-text-label:#0009;--dial-text-focus:#000;--dial-text-primary:#000000e6;--dial-text-secondary:#0000008c;--dial-text-tertiary:#00000059;--dial-border:#0000001a;--dial-border-hover:#00000026;--dial-focus-ring:#0000008c;--dial-timeline-clip-overlay:#00000047;--dial-glass-bg:#fafafa;--dial-dropdown-bg:#fff;--dial-shadow:0 4px 20px #00000014;--dial-shadow-collapsed:0 2px 10px #0000000f;--dial-shadow-dropdown:0 4px 16px #00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=light] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=light] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}@media (prefers-color-scheme:light){.dialkit-root[data-theme=system]{--dial-surface:#0000000a;--dial-surface-hover:#00000014;--dial-surface-active:#0000001a;--dial-surface-subtle:#0000000f;--dial-text-root:#000;--dial-text-section:#000000a6;--dial-text-label:#0009;--dial-text-focus:#000;--dial-text-primary:#000000e6;--dial-text-secondary:#0000008c;--dial-text-tertiary:#00000059;--dial-border:#0000001a;--dial-border-hover:#00000026;--dial-focus-ring:#0000008c;--dial-timeline-clip-overlay:#00000047;--dial-glass-bg:#fafafa;--dial-dropdown-bg:#fff;--dial-shadow:0 4px 20px #00000014;--dial-shadow-collapsed:0 2px 10px #0000000f;--dial-shadow-dropdown:0 4px 16px #00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=system] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=system] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}}.dialkit-timeline{z-index:9998;position:fixed;bottom:12px;left:12px;right:12px}.dialkit-timeline[hidden]{display:none}.dialkit-timeline-dock{box-sizing:border-box;background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dial-text-tertiary) transparent;border-radius:14px;flex-direction:column;gap:10px;padding:0 12px 10px;display:flex;position:relative;overflow:hidden auto}.dialkit-timeline-resize-handle{z-index:9;cursor:ns-resize;touch-action:none;height:10px;position:absolute;top:-4px;left:0;right:0}.dialkit-timeline-dock::-webkit-scrollbar{width:8px}.dialkit-timeline-dock::-webkit-scrollbar-track{background:0 0}.dialkit-timeline-dock::-webkit-scrollbar-thumb{background:var(--dial-text-tertiary);border-radius:999px}.dialkit-timeline-section{--dial-timeline-label-w:96px;--dial-timeline-actions-w:284px;--dial-timeline-header-h:calc(var(--dial-row-height) + 4px)}.dialkit-timeline-section+.dialkit-timeline-section{border-top:1px solid var(--dial-border);padding-top:10px}.dialkit-timeline-header{z-index:7;box-sizing:border-box;height:var(--dial-timeline-header-h);background:var(--dial-glass-bg);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:12px;margin:0;padding:4px 0 0;display:grid;position:sticky;top:0}.dialkit-timeline-header[data-open]{grid-template-columns:minmax(0,1fr) auto;gap:12px}.dialkit-timeline-header:not([data-open]){grid-template-columns:var(--dial-timeline-label-w) minmax(0, 1fr) auto;gap:0}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-identity{width:var(--dial-timeline-label-w);box-sizing:border-box;padding-right:10px;overflow:hidden}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-title{text-overflow:ellipsis;overflow:hidden}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-overview{margin-right:12px}.dialkit-timeline-identity{align-items:center;gap:10px;min-width:0;display:flex}.dialkit-timeline-title{min-width:0;color:var(--dial-text-root);letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:600;display:block}.dialkit-timeline-header[data-open] .dialkit-timeline-identity{width:100%;overflow:hidden}.dialkit-timeline-header[data-open] .dialkit-timeline-title{text-overflow:ellipsis;flex:0 auto;width:fit-content;max-width:100%;display:inline-block;overflow:hidden}.dialkit-timeline-time{font-variant-numeric:tabular-nums;color:var(--dial-text-label);white-space:nowrap;font-family:Geist Mono,ui-monospace,monospace;font-size:13px;font-weight:500}.dialkit-timeline-overview{background:var(--dial-surface-subtle);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;min-width:60px;height:12px;position:relative;overflow:hidden}.dialkit-timeline-overview-viewport{border-radius:inherit;pointer-events:none;position:absolute;inset-block:0}.dialkit-timeline-overview-viewport[data-zoomed]{background:color-mix(in srgb, var(--dial-text-tertiary) 18%, transparent);box-shadow:inset 0 0 0 1px var(--dial-border)}.dialkit-timeline-overview-progress{background:var(--dial-text-tertiary);opacity:.35;pointer-events:none;border-radius:999px 0 0 999px;position:absolute;inset:0 auto 0 0}.dialkit-timeline-overview-playhead{background:var(--dial-text-root);pointer-events:none;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.dialkit-timeline-actions{align-items:center;gap:6px;display:flex}.dialkit-timeline-header[data-open] .dialkit-timeline-actions{box-sizing:border-box;justify-content:flex-end;width:auto;padding-left:0}.dialkit-timeline-actions .dialkit-preset-manager{flex:0 0 120px;width:120px}.dialkit-timeline-chevron{width:20px;height:var(--dial-row-height);cursor:pointer;color:var(--dial-text-label);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:flex}.dialkit-timeline-chevron:hover{opacity:1}.dialkit-timeline-chevron svg{width:16px;height:16px;transition:transform .18s}.dialkit-timeline-chevron[data-open=true] svg{transform:rotate(180deg)}.dialkit-timeline-body{margin-top:0;overflow:visible}.dialkit-timeline-scroll-row{z-index:6;grid-template-columns:var(--dial-timeline-label-w) minmax(0, 1fr);background:var(--dial-glass-bg);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));margin-top:6px;margin-bottom:-10px;padding:4px 0 10px;display:grid;position:sticky;bottom:-10px}.dialkit-timeline-horizontal-scroll{scrollbar-width:thin;scrollbar-color:var(--dial-text-tertiary) transparent;overscroll-behavior-x:contain;min-width:0;height:10px;overflow:auto hidden}.dialkit-timeline-horizontal-scroll>div{height:1px}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar{height:8px}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar-track{background:0 0}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar-thumb{background:var(--dial-text-tertiary);border-radius:999px}.dialkit-timeline-grid{flex-direction:column;gap:6px;display:flex;position:relative}.dialkit-timeline-row{grid-template-columns:var(--dial-timeline-label-w) minmax(0, 1fr);align-items:stretch;display:grid}.dialkit-timeline-label{flex:0 0 var(--dial-timeline-label-w);box-sizing:border-box;color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding-right:10px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.dialkit-timeline-ruler{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:5;min-width:0;height:28px;position:relative;overflow:visible}.dialkit-timeline-ruler-row{top:var(--dial-timeline-header-h);z-index:6;background:var(--dial-glass-bg);height:28px;-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));position:sticky}.dialkit-timeline-tick{background:var(--dial-text-tertiary);pointer-events:none;width:1px;height:100%;position:absolute;top:50%;transform:translateY(-50%)}.dialkit-timeline-tick-medium{background:var(--dial-border-hover);height:16px}.dialkit-timeline-tick-fine{background:var(--dial-border);height:8px}.dialkit-timeline-tick-label{font-variant-numeric:tabular-nums;height:18px;color:var(--dial-text-tertiary);white-space:nowrap;align-items:center;font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px;line-height:18px;display:flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.dialkit-timeline-row{height:28px}.dialkit-timeline-group-row{height:22px}.dialkit-timeline-group-row .dialkit-timeline-label{color:var(--dial-text-root);gap:4px;font-weight:600}.dialkit-timeline-group-row .dialkit-timeline-lane{background:0 0}.dialkit-timeline-group-toggle{cursor:pointer;color:var(--dial-text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;margin-left:-2px;padding:0;display:flex}.dialkit-timeline-group-toggle svg{width:10px;height:10px;transition:transform .15s;transform:rotate(-90deg)}.dialkit-timeline-group-toggle[data-open=true] svg{transform:rotate(0)}.dialkit-timeline-row[data-grouped] .dialkit-timeline-label{padding-left:14px}.dialkit-timeline-lane{background:var(--dial-surface-subtle);border-radius:8px;flex:1;position:relative;overflow:hidden}.dialkit-timeline-clip{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;z-index:1;box-shadow:inset 0 0 0 999px var(--dial-timeline-clip-overlay);border-radius:6px;justify-content:flex-end;align-items:center;padding:0 9px;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.dialkit-timeline-clip-ghost{box-sizing:border-box;opacity:.18;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:5px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.dialkit-timeline-clip-ghost-segment{box-sizing:border-box;flex-shrink:0;height:100%}.dialkit-timeline-clip-ghost-segment+.dialkit-timeline-clip-ghost-segment{box-shadow:inset 1px 0 #00000080}.dialkit-timeline-loop-infinity{z-index:2;color:var(--dial-text-tertiary);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Geist Mono,ui-monospace,monospace;font-size:13px;font-weight:600;line-height:1;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.dialkit-timeline-clip[data-dragging]{cursor:grabbing}.dialkit-timeline-clip[data-selected]{box-shadow:0 0 0 2px var(--dial-text-root), inset 0 0 0 999px var(--dial-timeline-clip-overlay)}.dialkit-timeline-clip-duration{font-variant-numeric:tabular-nums;color:#0000008c;white-space:nowrap;pointer-events:none;font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px}.dialkit-timeline-clip[data-steps]{justify-content:flex-start;padding:0}.dialkit-timeline-clip-segment{box-sizing:border-box;flex-shrink:0;justify-content:flex-end;align-items:center;height:100%;padding:0 8px;display:flex;position:relative;overflow:hidden}.dialkit-timeline-clip-segment+.dialkit-timeline-clip-segment{box-shadow:inset 1.5px 0 #00000040}.dialkit-timeline-clip-segment:hover{background:#0000000f}.dialkit-timeline-clip-segment[data-selected]{background:#0000001f}.dialkit-timeline-clip[data-composite]{cursor:pointer}.dialkit-timeline-track-row .dialkit-timeline-label{color:var(--dial-text-tertiary);padding-left:26px;font-size:13px}.dialkit-timeline-track-row[data-grouped] .dialkit-timeline-label{padding-left:32px}.dialkit-timeline-clip-handle{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.dialkit-timeline-clip-handle[data-edge=start]{left:0}.dialkit-timeline-clip-handle[data-edge=end]{right:0}.dialkit-timeline-playhead-control{cursor:ew-resize;touch-action:none;width:12px;margin-left:-6px;position:absolute;top:0;bottom:0}.dialkit-timeline-playhead-anchor{top:calc(var(--dial-timeline-header-h) + 14px);z-index:8;width:0;height:0;margin-left:6px;position:sticky}.dialkit-timeline-playhead-anchor:before{content:"";background:var(--dial-text-root);pointer-events:none;width:2px;height:15px;position:absolute;top:0;left:-1px}.dialkit-timeline-playhead-flag{top:0;left:calc(var(--dial-timeline-playhead-flag-offset,0px) - 26px);z-index:1;box-sizing:border-box;color:#414141;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:center;white-space:nowrap;background:#f3f3f3;border:1px solid #ffffffbf;border-radius:6px;width:52px;height:18px;padding:0 7px;font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px;font-weight:600;line-height:16px;transition:top .12s;position:absolute;transform:translateY(-50%);box-shadow:0 1px 4px #00000047}.dialkit-timeline-playhead-stem{z-index:5;background:var(--dial-text-root);pointer-events:none;width:2px;position:absolute;top:27px;bottom:0;left:5px}.dialkit-timeline-popover{z-index:10000;background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));box-shadow:var(--dial-shadow);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;border-radius:14px;max-height:60vh;padding:10px 12px;position:fixed;overflow-y:auto}.dialkit-timeline-popover::-webkit-scrollbar{display:none}.dialkit-timeline-popover-header{border-bottom:1px solid var(--dial-border);align-items:center;gap:8px;margin-bottom:6px;padding:2px 2px 8px;display:flex}.dialkit-timeline-popover-title{color:var(--dial-text-root);letter-spacing:-.01em;font-size:15px;font-weight:600}.dialkit-timeline-popover-close{width:24px;height:24px;color:var(--dial-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:5px;display:flex}.dialkit-timeline-popover-close:hover{color:var(--dial-text-root);background:var(--dial-surface-hover)}.dialkit-timeline-popover-close svg{width:14px;height:14px}.dialkit-timeline-popover-body{flex-direction:column;gap:6px;display:flex}.dialkit-timeline-popover-body>.dialkit-folder:first-child{border-top:none;margin-top:0}@media (width<=720px){.dialkit-timeline-dock{padding:0 10px 10px}.dialkit-timeline-header{grid-template-columns:auto minmax(40px,1fr) auto;gap:8px}.dialkit-timeline-section{--dial-timeline-label-w:76px;--dial-timeline-actions-w:270px}.dialkit-timeline-identity{gap:7px;overflow:hidden}.dialkit-timeline-title{text-overflow:ellipsis;font-size:13px;overflow:hidden}.dialkit-timeline-time{font-size:11px}.dialkit-timeline-overview{height:12px}.dialkit-timeline-actions{min-width:0}.dialkit-timeline-actions .dialkit-preset-manager{flex-basis:100px;width:100px}.dialkit-timeline-chevron{justify-content:center;width:26px;height:28px;padding:0}.dialkit-timeline-grid{min-width:0}}.dialkit-root :where(button,input,textarea,[tabindex]):focus{outline:none}.dialkit-root :where(button,[role=slider],[role=button],.dialkit-color-plane,.dialkit-pad-surface):focus-visible{outline:2px solid var(--dial-focus-ring);outline-offset:-2px}.dialkit-folder-header-top[role=button]{border-radius:5px}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{border-radius:50%}.dialkit-slider:focus-visible .dialkit-slider-value,.dialkit-slider:focus-within .dialkit-slider-value{color:var(--dial-text-focus)}.dialkit-slider:focus-visible .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-select-option:focus-visible{background:var(--dial-surface-hover);color:var(--dial-text-focus)}.dialkit-root :where(.dialkit-slider-input,.dialkit-color-value,.dialkit-preset-input):focus-visible{box-shadow:inset 0 -1px var(--dial-focus-ring)}.dialkit-color-css-input:focus-visible{outline:none}.dialkit-shortcuts-dropdown{margin:0;inset:auto;overflow-y:auto}@media (forced-colors:active){.dialkit-root{--dial-focus-ring:Highlight}}.dialkit-toolbar-primary{background:var(--dial-text-root);color:var(--dial-glass-bg)}.dialkit-toolbar-primary:hover{background:color-mix(in srgb, var(--dial-text-root) 88%, var(--dial-glass-bg))}.dialkit-toolbar-primary svg{color:inherit}.dialkit-preset-check{width:14px;height:14px;color:var(--dial-text-focus);flex-shrink:0}.dialkit-preset-divider{background:var(--dial-surface-subtle);height:1px;margin:4px 0}.dialkit-preset-create{width:100%;height:32px;color:var(--dial-text-label);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-preset-create:hover,.dialkit-preset-create:focus-visible{background:var(--dial-surface-hover)}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-normal-BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--inset:#121316;--ground:#16171a;--panel:#1d1f23;--popover:#24262b;--hover:#262930;--raised:#2a2d33;--raised-hover:#33373e;--chrome:#2b2e33;--chrome-hover:#363a40;--menu:#2a2a2a;--menu-hover:#ffffff1a;--hud:#141518d1;--line:#2b2e34;--line-strong:#3a3e45;--menu-line:#ffffff1a;--field-line:#686c74;--text:#e7e8ea;--text-bright:#e3e6ea;--text-soft:#b7bcc4;--muted:#8b9098;--dim:#6b7078;--accent:#4a90e2;--accent-strong:#2f6fb8;--accent-text:#6aa6ee;--on-accent:#fff;--selected:#4a90e229;--focus:#8ab8ff;--danger:#ef6f71;--success:#8fd35a;--warning:#d7a64a;--explore:#73d9cc;--accent-soft:#9fc2ea;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:10px;--radius-pill:999px;--shadow-menu:0 10px 30px #00000073;--shadow-sheet:0 12px 36px #00000080;--shadow-float:0 6px 24px #00000059;--fs-12:calc(12rem / 11);--fs-13:calc(13rem / 11);--fs-15:calc(15rem / 11);--fs-16:calc(16rem / 11);--fs-22:calc(22rem / 11);--sans:"Inter Variable", Inter, -apple-system, system-ui, sans-serif;--mono:"Geist Mono Variable", "Geist Mono", ui-monospace, monospace;font:11px/1.45 var(--sans);--ui-scale:1;color:var(--text);background:var(--ground)}button.small{padding:2px 8px;font-size:1rem}button.quiet{color:var(--muted);background:0 0;border:0;padding:2px 6px;font-size:1rem}button.quiet:hover{color:var(--text);background:var(--hover)}button.quiet.warn{color:var(--accent-text)}button.quiet.danger:hover{color:var(--danger)}.primary,.pill.on,.workspace button.on,.keys-scales button.on{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.input{font:inherit;color:var(--text);background:var(--inset);border:1px solid var(--field-line);border-radius:var(--radius);padding:6px 8px}textarea.input{resize:vertical}.side-panel h3,.inspector h3,.keys-sheet h3,.home h2,.dock .objects-panel h2,.docs-group,.palette-row h3,.texture-section h3,.backplate-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:1rem;font-weight:600}.note{color:var(--muted);margin:0}.credit{color:var(--muted);margin:4px 0 0;font-size:1rem}.credit a{color:var(--text)}.popover{background:var(--menu);border:1px solid var(--menu-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-menu);padding:4px}.menu{flex-direction:column;display:flex}.menu button{text-align:left;border-radius:var(--radius);color:var(--text);background:0 0;border:0;padding:5px 8px;font-size:1rem}.menu button:hover{background:var(--menu-hover)}.menu button.checked{color:var(--accent-text)}.menu button.danger:hover{color:var(--danger)}.menu hr{border:0;border-top:1px solid var(--menu-line);margin:4px 2px}.menu-title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:4px 8px 5px;font-size:1rem;overflow:hidden}.add-menu,.doc-menu,.account{position:relative}:is(.add-menu,.doc-menu,.account)>.menu{z-index:20;min-width:150px;position:absolute;top:calc(100% + 6px);left:0}.menu.right{left:auto;right:0}.rows{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.rows li{border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 4px 6px 8px;display:flex}.rows li:hover{background:var(--hover)}.rows li.selected{background:var(--selected);color:var(--accent-text)}.rows li .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rows li .hidden{color:var(--muted);font-style:italic}.rows li small{color:var(--muted);font-size:1rem}.rows li.empty{color:var(--muted);cursor:default}.rows li.off .name{color:var(--muted);font-style:italic}li.selected small{color:#a3a9b2}.rows .rename{border-radius:var(--radius-sm);flex:1;min-width:0;padding:1px 4px}.row-icon{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0;display:grid}.row-icon:hover{color:var(--text-bright);background:#ffffff14}.row-icon.off{color:var(--dim)}.row-icon.padlock:not(.on){opacity:0}li:hover>.row-icon.padlock,.row-icon.padlock:focus-visible{opacity:1}.row-icon.padlock.on{color:var(--warning)}@media (hover:none){.row-icon.padlock:not(.on){opacity:.35}.row-icon{width:32px;height:32px}}.row-select{all:unset;min-width:0;cursor:inherit;flex:1;align-items:center;gap:6px;display:flex}.row-select:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-radius:var(--radius-sm)}.heading-rename{all:unset;cursor:text}.heading-rename:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.row-select:hover,.heading-rename:hover{background:0 0}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--line);height:22px;color:var(--text);background:#25282e;border-radius:11px;align-items:center;gap:5px;padding:0 8px;font-size:1rem;display:inline-flex}.chip:hover{background:var(--raised-hover);border-color:var(--line-strong)}.chip.on{border-color:var(--accent);color:var(--accent-text)}.chip.add{width:22px;color:var(--muted);justify-content:center;padding:0}.chip .dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #ffffff26}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);padding:1px 5px;font-size:1rem}.badge.done{color:var(--success);background:#8fd35a29}.badge.stopped{background:var(--selected);color:var(--accent-text)}.switch{background:var(--dial-surface-hover);border:0;border-radius:8px;width:26px;height:16px;padding:0;position:relative}.switch:after{content:"";background:#9a9ea6;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent)}.switch.on:after{background:var(--on-accent);transform:translate(10px)}.control-disabled{opacity:.55;pointer-events:none}.dial-controls{gap:var(--dial-row-gap,6px);flex-direction:column;display:flex}.touch-text,.phone-text{display:none}@media (hover:none) and (pointer:coarse){.touch-text{display:revert}.pointer-text,.menu kbd{display:none}}.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}.app{grid-template-rows:calc(40px * var(--ui-scale)) minmax(0, 1fr);grid-template-columns:calc(48px * var(--ui-scale)) auto minmax(0, 1fr) auto calc(280px * var(--ui-scale));grid-template-areas:"top top top top top""rail dock main pane inspector";height:100vh;display:grid}.app.split{grid-template-columns:calc(48px * var(--ui-scale)) auto minmax(0, 1fr) minmax(0, 1fr) calc(280px * var(--ui-scale))}.app.split .render-pane{width:auto}.topbar{background:var(--chrome);border-bottom:1px solid #202226;grid-area:top;align-items:center;gap:8px;padding:0 10px 0 12px;display:flex}.topbar-spacer{flex:1}.mark{color:var(--accent-text);letter-spacing:.02em;font-weight:700}.doc-title{font-size:var(--fs-12);background:0 0;border:0;align-items:center;gap:6px;padding:4px 6px;font-weight:500;display:flex}.doc-title:hover{background:#ffffff0f}.doc-menu>.menu{min-width:200px}.doc-menu .menu button{justify-content:space-between;display:flex}.doc-menu .menu kbd{font:1rem var(--mono);color:#a3a9b2}.doc-rename{width:180px;padding:3px 6px;font-weight:600}.workspace{gap:4px;display:flex}.workspace button{border-radius:var(--radius);color:#cfd3d9;background:#34373d;border:1px solid #3c4047;align-items:center;gap:6px;padding:4px 10px;display:flex}.focus-crumb{font-size:var(--fs-12);color:var(--text-bright);align-items:center;gap:5px;display:inline-flex}.focus-crumb>span{color:var(--muted)}.focus-crumb button{border-radius:var(--radius-sm);font-size:var(--fs-13);color:var(--muted);background:#ffffff14;border:0;padding:0 6px;line-height:18px}.focus-crumb button:hover{color:var(--text);background:#ffffff24}.demo-tag{border-radius:var(--radius-sm);color:#9cc6ff;letter-spacing:.04em;background:#4a90e22e;padding:2px 7px;font-size:1rem;font-weight:600}.save-state{color:var(--muted);white-space:nowrap;font-size:1rem}.asleep-tag{color:var(--muted);background:var(--hover);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:1rem}.asleep-tag:hover{color:var(--text)}.save-state.waiting{font-style:italic}.save-state.failed{color:var(--danger)}.update-notice{border-radius:var(--radius-sm);color:var(--accent-soft);white-space:nowrap;background:#4a90e21f;border:0;align-items:center;gap:6px;padding:2px 8px;font-size:1rem;font-weight:500;display:inline-flex}.update-notice:hover{color:#cfe0f4;background:#4a90e238}.update-notice .update-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.people{align-items:center;margin-right:6px;display:flex}.person{width:22px;height:22px;color:var(--ground);border:2px solid var(--panel);cursor:default;border-radius:50%;place-items:center;font-size:1rem;font-weight:700;display:grid}.person+.person{margin-left:-6px}.person.more{background:var(--line-strong);color:var(--text);font-weight:600}.account-chip{background:var(--accent-strong);width:24px;height:24px;color:var(--on-accent);border:0;border-radius:50%;padding:0;font-size:1rem;font-weight:600}.account>.menu{min-width:180px;left:auto;right:0}.account .menu .menu-build{border:0;margin:0;padding:0 8px 4px;display:block}.menu-build{color:var(--muted);font-variant-numeric:tabular-nums;border-top:1px solid var(--line);margin-top:4px;padding:6px 8px 3px;font-size:1rem;display:none}.rail{padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px));background:#23252a;border-right:1px solid #1b1d20;flex-direction:column;grid-area:rail;align-items:center;gap:4px;display:flex}.rail-button{width:40px;height:40px;color:var(--text-soft);background:#2e3136;border:0;border-radius:7px;place-items:center;padding:0;display:grid;position:relative}.rail-button:hover{background:var(--chrome-hover);color:var(--on-accent)}.rail-button.on{background:var(--selected);color:var(--accent-text)}.rail-button.phone-only{display:none}.rail-spacer{flex:1}.rail-badge{border-radius:var(--radius-pill);background:var(--accent-strong);min-width:15px;color:var(--on-accent);padding:0 4px;font-size:1rem;font-weight:600;line-height:15px;position:absolute;top:3px;right:3px}.dock{background:var(--panel);border-right:1px solid var(--line);grid-area:dock;width:260px;min-height:0;display:flex;overflow:hidden}.side-panel{background:var(--panel);width:100%;height:100%;padding:12px 14px calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:10px;display:flex;overflow-y:auto}.side-panel-head{justify-content:space-between;align-items:center;display:flex}.side-panel h2{font-size:var(--fs-12);margin:0}.side-panel h3{margin:8px 0 0}.list-head{justify-content:space-between;align-items:center;padding-right:8px;display:flex}.list-head span{gap:2px;display:flex}main{--foot:env(safe-area-inset-bottom,0px);grid-area:main;min-width:0;min-height:0;position:relative}main.hidden-view{display:none}.render-pane{border-left:1px solid var(--line);grid-area:pane;width:44vw;min-width:0;display:flex;position:relative}.render-pane.full{border:0;grid-area:main;width:auto}.inspector{background:var(--panel);border-left:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);grid-area:inspector;overflow-y:auto}.viewport,.viewport canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.viewport{overflow:hidden}.viewport canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.viewport canvas.traced{pointer-events:none}.viewport canvas[hidden]{display:none}.viewport-error{border-radius:var(--radius-md);background:#3a1d1d;padding:10px 12px;position:absolute;inset:auto 16px 16px}.trace-status{right:10px;bottom:calc(10px + var(--foot));border-radius:var(--radius);color:var(--muted);background:var(--hud);font-variant-numeric:tabular-nums;pointer-events:none;padding:3px 8px;font-size:1rem;position:absolute}.box-select{border:1px dashed var(--accent);pointer-events:none;background:#4a90e214;position:absolute}.demo-loading{z-index:4;color:#cfd3d9;pointer-events:none;background:#16171a99;place-items:center;display:grid;position:absolute;inset:0}main .build{z-index:2;color:#ffffff73;pointer-events:none;font-size:1rem;position:absolute;bottom:8px;right:10px}.view-pills{z-index:2;gap:6px;display:flex;position:absolute;top:10px;left:10px}.view-menu{z-index:1;position:relative}.pill,.view-menu>button{background:var(--chrome);border-radius:var(--radius-sm);color:var(--text-bright);border:1px solid #1f2125;padding:4px 9px;font-size:1rem}.view-menu>button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.view-menu .menu button.checked:after{content:" ✓"}.toolbar{left:10px;right:10px;bottom:calc(12px + var(--foot));z-index:3;border-radius:var(--radius-md);background:var(--chrome);width:fit-content;box-shadow:var(--shadow-float);border:1px solid #1c1e22;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;margin-inline:auto;padding:3px;display:flex;position:absolute}.toolbar button{border-radius:var(--radius);color:#c9cdd3;background:0 0;border:0;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid;position:relative}.toolbar button:hover{background:var(--chrome-hover);color:var(--on-accent)}.toolbar button.on{background:var(--accent-strong);color:var(--on-accent)}.toolbar button:disabled,.toolbar button.unavailable{opacity:.35;cursor:default}.toolbar button:disabled,.toolbar button.unavailable:hover{background:0 0}.toolbar-rule{background:#41454c;flex:none;width:1px;height:22px;margin:0 4px}.toolbar button[data-tip]:after{content:attr(data-tip) "\a " attr(data-hint);white-space:pre-line;text-align:left;width:max-content;max-width:230px;color:var(--text-soft);border:1px solid var(--line-strong);pointer-events:none;opacity:0;z-index:10;background:#1b1d21;border-radius:7px;padding:6px 9px;font-size:1rem;line-height:1.45;transition:opacity .12s .25s,transform .12s .25s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 6px 20px #0006}.toolbar button[data-tip]:is(:hover,:focus-visible):after{opacity:1;transform:translate(-50%)translateY(0)}.toolbar button:first-child:after{left:0;transform:translateY(4px)}.toolbar button:last-child:after{left:auto;right:0;transform:translateY(4px)}.toolbar button:is(:first-child,:last-child):is(:hover,:focus-visible):after{transform:none}@media (hover:none){.toolbar button[data-tip]:after{display:none}.toolbar button[data-tip]:focus-visible:after{display:block}}.toolbar-host{display:contents}@media (hover:none) and (pointer:coarse){.toolbar button{width:44px;height:44px}}.toolbar.compact button.aim{align-items:center;gap:1px;width:auto;min-width:44px;padding:0 6px 0 10px;display:flex}.toolbar.compact .aim-more{opacity:.7}.toolbar-menu{z-index:4;left:10px;right:10px;bottom:calc(12px + var(--foot) + 58px);width:fit-content;min-width:210px;margin-inline:auto;position:absolute}.toolbar-menu button{min-height:44px;font-size:var(--fs-13);align-items:center;gap:10px;padding:0 12px;display:flex}.toolbar-menu button svg{color:var(--text-soft);flex:none}.toolbar-menu button.checked svg{color:var(--accent-text)}.toolbar-menu button.unavailable{color:var(--muted)}.toolbar-menu button.unavailable svg{color:var(--dim)}.status-toast{left:12px;bottom:calc(60px + var(--foot));z-index:3;color:#d7dbe0;pointer-events:none;background:#1b1d21e6;border:1px solid #33363c;border-radius:7px;max-width:min(460px,100% - 24px);padding:6px 10px;position:absolute}.status-toast.refused{color:#f0b3b3;border-color:#7a3b3b}.edit-bar{z-index:1;border-radius:var(--radius-lg);background:var(--hud);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);white-space:nowrap;align-items:center;gap:8px;max-width:calc(100% - 20px);padding:4px 4px 4px 10px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.edit-bar .edit-name{color:var(--accent-text);font-weight:600}.edit-bar .edit-count{color:var(--muted);font-variant-numeric:tabular-nums}.edit-bar .engine{color:var(--muted);font-size:1rem}.edit-bar .engine.ready{color:var(--success)}.edit-bar .engine.failed{color:var(--danger)}.adjust-last.dialkit-root{left:12px;bottom:calc(12px + var(--foot));z-index:1;border-radius:var(--radius-lg);background:var(--hud);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);align-items:center;gap:6px;max-width:calc(100% - 20px);padding:4px;display:flex;position:absolute;overflow-x:auto}.adjust-last .adjust-summary{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:240px;padding:0 6px;overflow:hidden}.adjust-last .adjust-field{flex:none;width:130px}.adjust-last button.on{color:var(--accent-text)}.shot-bar{z-index:4;border-radius:var(--radius-md);background:var(--hud);border:1px solid var(--line-strong);color:var(--text-bright);white-space:nowrap;align-items:center;gap:6px;padding:3px;display:flex;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.shot-bar span{padding:0 6px}.shot-bar small{color:var(--muted)}.shot-bar button{background:0 0;border:0;border-radius:5px;padding:3px 8px}.shot-bar button:hover{background:var(--chrome-hover)}.path-hint{z-index:4;border-radius:var(--radius-md);background:var(--hud);color:#f0d9a8;white-space:nowrap;text-overflow:ellipsis;border:1px solid #ffc75980;max-width:calc(100% - 20px);padding:5px 12px;font-size:1rem;position:absolute;top:10px;left:50%;overflow:hidden;transform:translate(-50%)}.camera-gate{pointer-events:none;outline:1px solid #ffffff59;position:absolute;box-shadow:0 0 0 100vmax #08090b9e}.camera-gate span{color:#fff9;white-space:nowrap;font-size:1rem;position:absolute;top:-18px;left:0}.axis-label{z-index:2;pointer-events:none;border-radius:var(--radius-sm);font:700 var(--fs-12)/1.3 var(--sans);color:var(--on-accent);background:#121316d9;padding:1px 5px;position:absolute;top:0;left:0}.axis-label[data-axis="0"]{color:#ff8f91}.axis-label[data-axis="1"]{color:#a6e07a}.axis-label[data-axis="2"]{color:#8fb4ff}.object-menu.dialkit-root{z-index:6;position:absolute}.object-menu .comment-box{flex-direction:column;gap:6px;padding:4px;display:flex}.object-menu .comment-box .menu-title{padding:0 0 2px}.menu-chips{flex-wrap:wrap;gap:3px;padding:3px 6px 5px;display:flex}.object-menu .menu .menu-chips button{border-radius:var(--radius-pill);border:1px solid var(--line);padding:2px 7px}.object-menu .menu .menu-chips button.checked{color:#b8f0e8;background:#73d9cc2e;border-color:#0000}.menu-ghost{border-bottom:1px solid var(--line);margin-bottom:3px;padding:2px 6px 6px}.inspector-body{flex-direction:column;gap:14px;padding:12px;display:flex}.inspector section{gap:var(--dial-row-gap,6px);flex-direction:column;display:flex}.inspector h3{margin:0 0 2px}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h3{margin:0}.inspector-empty h2{font-size:var(--fs-12);margin:0 0 6px}.inspector-empty p{color:var(--muted);margin:0 0 6px}.inspector-stats{font-variant-numeric:tabular-nums}.object-stats{color:var(--muted);margin:-2px 2px 0;font-size:1rem}.inspector-head{align-items:stretch;gap:6px;display:flex}.inspector-head .name-field{flex:1;min-width:0}.lock{border-radius:var(--dial-radius,8px);background:var(--dial-surface);color:var(--dial-text-label);border:0;padding:0 10px;font-size:1rem}.lock:hover{background:var(--raised-hover)}.lock.on{color:var(--accent-text);background:#4a90e224}.name-field,.scrub,.vector-field{height:var(--dial-row-height,36px);border-radius:var(--dial-radius,8px);background:var(--dial-surface);color:var(--dial-text-label);align-items:center;gap:8px;padding:0 10px;font-size:1rem;display:flex}.name-field input{min-width:0;color:var(--dial-text-primary);font:inherit;text-align:right;background:0 0;border:0;outline:0;flex:1}.scrub{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between}.scrub:hover{background:var(--dial-surface-hover)}.scrub.disabled{cursor:default;opacity:.55}.scrub-value,.scrub-input{font-family:var(--mono);color:var(--dial-text-primary);font-size:1rem}.scrub-input{text-align:right;background:0 0;border:0;outline:0;width:70%}.vector-field{background:0 0;gap:6px;padding:0 0 0 10px}.vector-label{flex:none;width:58px}.vector-parts{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;display:grid}.vector-parts .scrub{gap:4px;padding:0 6px}.vector-parts .scrub-label{font-weight:600}.vector-parts .scrub-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modifier{border-radius:var(--radius-lg);border:1px solid var(--dial-border);background:#ffffff08;flex-direction:column;gap:6px;padding:8px;display:flex}.modifier.off>:not(.modifier-head){opacity:.45}.modifier-head{color:var(--dial-text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:500;display:flex}.modifier-head span{flex:1}.modifier-head .remove{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:1.27273rem;line-height:1}.modifier-head .remove:hover{color:var(--text);background:0 0}.parts .chip{border-radius:var(--radius-pill);background:#4a90e224;align-items:center;display:inline-flex}.parts .chip button{color:var(--accent-text);background:0 0;border:0;padding:2px 4px 2px 9px;font-weight:500}.parts .chip button.forget{color:var(--muted);padding:2px 8px 2px 2px}.parts .chip button.forget:hover{color:var(--text)}.part-naming{gap:4px;display:flex}.part-naming .input{flex:1;min-width:0;padding:3px 7px}.variant-stepper{align-items:stretch;gap:4px;display:flex}.variant-stepper .variant-name{border-radius:var(--dial-radius,8px);background:var(--dial-surface);white-space:nowrap;text-overflow:ellipsis;border:0;flex:1;justify-content:space-between;gap:6px;min-width:0;display:flex;overflow:hidden}.variant-stepper .variant-name span,.variant-list span{color:var(--muted);font-variant-numeric:tabular-nums}.variant-list{background:var(--inset);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;padding:3px;display:flex}.variant-list button{text-align:left;background:0 0;border:0;padding:4px 7px}.variant-list button.checked{color:var(--accent-text)}.variant-actions{flex-wrap:wrap;gap:2px;display:flex}.variant-ask{flex-direction:column;gap:6px;display:flex}.variant-ask select.input{margin-left:6px;padding:0}.variants .ask-claude{color:var(--accent-text);align-self:flex-start}.check-row{align-items:center;gap:6px;display:flex}.check-row .mark{width:12px;color:var(--success);flex:none;font-size:1rem}.check-row.failing .mark,.failing-mark{color:var(--danger)}.check-text{flex-direction:column;flex:1;min-width:0;display:flex}.check-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.check-row.failing .check-name{color:var(--danger)}.check-row .note{font-variant-numeric:tabular-nums}.check-add{flex-direction:column;gap:5px;display:flex}.check-add .input{min-width:0;padding:4px 6px}.check-target{gap:4px;display:flex}.check-target input{flex:1}.failing-mark{font-size:1rem}.checks-summary{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:3px 0;display:flex}.checks-summary:hover{color:var(--text);background:0 0}.checks-summary .mark{color:var(--success);font-size:1rem}.checks-summary.failing,.checks-summary.failing .mark{color:var(--danger)}.checks-summary .chevron{margin-left:auto;font-size:1rem}.checks-more{gap:4px;display:flex}.parts .section-head .checks-summary{flex:1;width:auto}.dialkit-root{font-family:inherit}.dialkit-root[data-theme]{--dial-row-height:28px;--dial-row-gap:4px}.dialkit-root :is(.dialkit-folder-title,.dialkit-slider-label,.dialkit-slider-value,.dialkit-slider-input,.dialkit-segmented-button,.dialkit-toggle-label,.dialkit-button,.dialkit-labeled-control-label,.dialkit-action-button,.dialkit-text-label,.dialkit-text-input,.dialkit-select-trigger,.dialkit-select-label,.dialkit-select-value,.dialkit-select-option,.dialkit-color-label,.dialkit-color-track-row){font-size:1rem}.dialkit-root .dialkit-folder-title-root{font-size:var(--fs-12)}.dialkit-root .dialkit-button{height:var(--dial-row-height);flex:none;padding:0 12px}.dialkit-root .dialkit-button-group{gap:var(--dial-row-gap,4px)}.dock .objects-panel{gap:0;padding:0}.dock .objects-panel h2{margin:12px 12px 6px}.objects-panel .rows{flex:1;padding:0 6px;overflow:auto}.objects-panel .rows li{gap:6px;padding:5px 4px 5px 8px}.objects-panel .rows li.drop{outline:1px dashed var(--accent)}.objects-panel .rows li.lifted{opacity:.5}.objects-panel .rows li.foot{min-height:28px;color:var(--muted);cursor:default}.objects-panel .rows li.foot:hover{background:0 0}.objects-panel .rows li.region-row{color:#9adfd6}.objects-panel .rows li.region-row.selected{color:#b8f0e8;background:#73d9cc24}.region-icon{color:var(--explore);flex:none}.objects-panel .rows li.ghost .name{color:var(--accent-soft);opacity:.85;font-style:italic}.rows .swatch{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #ffffff26}.rows li.off .swatch{opacity:.4}.rows .dot{width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--muted);border-radius:50%;flex:none}.rows .dot.on{background:var(--accent);box-shadow:none}.light-editor{border-top:1px solid var(--line);padding-top:10px}.light-editor h3{margin:0 0 2px}.light-editor .light-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.light-editor.locked>:not(.light-head){opacity:.55;pointer-events:none}.cameras-panel .new-camera{align-items:center;gap:3px;display:inline-flex}.material-list li{min-height:28px;padding:3px 8px;font-size:1rem}.material-list li small{white-space:nowrap}.material-list li.on-picked .name:after{content:" •";color:var(--accent-text)}.material-list li .name em{color:var(--muted);margin-left:6px;font-size:1rem;font-style:normal}.ball{border-radius:50%;flex:none;display:inline-block}.traced-ball{flex:none;display:inline-block;position:relative}.traced-ball>.ball,.traced-ball>canvas,.traced-ball>img{border-radius:50%;position:absolute;inset:0}.traced-ball>canvas{transition:opacity .2s}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px;display:grid}.preset-grid button{border-radius:var(--radius-md);color:var(--text);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:1rem;display:flex}.preset-grid button:hover{background:var(--hover);border-color:var(--line)}.material-editor{border-top:1px solid var(--line);padding-top:10px}.material-head{align-items:center;gap:10px;display:flex}.material-head h3,.swatch-head h3{text-transform:none;letter-spacing:0;color:var(--text);cursor:text;margin:0;font-size:1rem;font-weight:600}.material-head small,.swatch-head small{color:var(--muted);font-size:1rem}.palette{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.palette-row h3{margin:0 0 4px}.palette-new{flex-direction:column;gap:6px;display:flex}.palette-new form,form.palette-new{flex-direction:row;gap:6px;display:flex}.palette-new .input{flex:1;min-width:0;padding:4px 8px}.swatch-editor{border:1px solid var(--line);border-radius:var(--radius-md);padding:8px}.swatch-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.texture-section{gap:var(--dial-row-gap,6px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;padding:6px 0;display:flex}.texture-section h3{margin:0}.texture-current{text-transform:capitalize;align-items:center;gap:8px;font-size:1rem;display:flex}.texture-current img{border-radius:var(--radius)}.texture-browser{flex-direction:column;gap:6px;display:flex}.texture-browser .input{padding:5px 8px}.texture-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px;max-height:320px;display:grid;overflow-y:auto}.texture-grid button{border-radius:var(--radius);color:var(--text);background:0 0;border:1px solid #0000;flex-direction:column;gap:2px;padding:3px;font-size:1rem;display:flex}.texture-grid button:hover{background:var(--hover);border-color:var(--line)}.texture-grid button.on{border-color:var(--accent)}.texture-grid img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%}.texture-grid span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search{font-size:var(--fs-12);padding:5px 8px}.hdri-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hdri{border-radius:var(--radius-md);background:var(--inset);text-align:left;border:1px solid #0000;flex-direction:column;gap:4px;min-width:0;padding:4px;display:flex}.hdri img{aspect-ratio:2;object-fit:cover;background:#0c0d0f;border-radius:5px;width:100%;height:auto}.hdri span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.hdri:hover{background:var(--raised-hover)}.hdri.chosen{border-color:var(--accent)}.hdri.chosen span{color:var(--accent-text)}.backplate-section{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.backplate-section h3{margin:0}.backplate-thumb{object-fit:cover;border-radius:var(--radius);width:100%;max-height:120px}.region-editor h3{margin:10px 0 2px}.region-editor .region-ask{width:100%}.ghost-row{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding:6px 0;display:flex}.ghost-row.compact{border:0;padding:0}.ghost-row .ghost-name{color:var(--accent-soft);background:0 0;border:0;align-self:flex-start;padding:0}.ghost-row .input{flex:1;min-width:0;padding:3px 6px}.ghost-bar{border-radius:var(--radius-md);background:#8cbeff0f;border:1px dashed #8cbeff80;margin-bottom:8px;padding:8px}.ghost-bar .note{margin:0 0 6px}.rejected{color:var(--muted);margin:0;padding-left:16px;font-size:1rem}.comments-panel h2 .count{color:var(--muted);margin-left:6px;font-size:1rem;font-weight:400}.agent-status{flex:none;align-items:center;gap:7px;display:flex}.agent-status .dot{background:var(--dim);border-radius:50%;flex:none;width:7px;height:7px}.agent-status.active .dot{background:var(--success);box-shadow:0 0 0 3px #8fd35a2e}.agent-status.away .dot{background:var(--warning)}.agent-status.paused .dot{background:var(--accent)}.agent-status .agent-status-text{flex:1;min-width:0}.agent-help{border-radius:var(--radius);background:#ffffff0a;flex-direction:column;flex:none;align-items:flex-start;gap:4px;padding:6px 8px;display:flex}.agent-help button{padding-left:0}.agent-help .agent-link{background:var(--inset);word-break:break-all;-webkit-user-select:all;user-select:all;width:100%;color:var(--text-soft);border-radius:5px;padding:5px 7px;font-size:1rem;display:block}.agent-help-head{justify-content:space-between;align-items:center;width:100%;display:flex}.agent-help .close-help{font-size:var(--fs-15);color:var(--muted);background:0 0;border:0;padding:0 4px;line-height:1}.agent-help .close-help:hover{color:var(--text);background:0 0}.connect-again{align-self:flex-start}.comment-compose{flex-direction:column;gap:6px;display:flex}.comment-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.comment-actions .note{flex:1;min-width:0}.comment-compose>.comment-actions>.note{flex-basis:100%}.comment{border-top:1px solid var(--line);flex-direction:column;gap:5px;padding-top:8px;display:flex}.comment.resolved{opacity:.7}.comment-head{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.comment-head strong.agent,.comment-reply strong.agent{color:var(--accent-text)}.comment-id{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1rem}.comment-head .about{color:var(--muted);background:0 0;border:0;margin-left:auto;padding:0;font-size:1rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.comment-text{white-space:pre-wrap;margin:0}.comment-reply{border-left:2px solid var(--line);white-space:pre-wrap;padding-left:8px}.badge.for{color:var(--text-soft);text-transform:none;letter-spacing:0;background:#ffffff12;font-size:1rem}.badge.for.agent{background:var(--selected);color:var(--accent-text)}.badge.for.me{color:var(--warning);background:#d7a64a29}.badge.for.note{color:var(--muted);font-style:italic}.mention-input{position:relative}.mention-input textarea{width:100%}.mention-menu{z-index:20;min-width:160px;position:absolute;top:calc(100% + 2px);left:0}.mention-menu button{padding:4px 8px}.mention-menu button span{color:var(--muted)}.mention-menu button.on,.mention-menu button:hover{background:#4a90e22e}.mention{color:var(--accent-text);font-weight:500}.comment-filters{flex-wrap:wrap;gap:4px;display:flex}.comment-filters button{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--text-soft);background:0 0;padding:2px 8px;font-size:1rem}.comment-filters button.on{background:var(--selected);color:var(--accent-text);border-color:#0000}.show-resolved{align-self:flex-start}.history-panel .count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:4px;font-size:1rem;font-weight:400}.side-panel.history-panel{overflow:hidden}.history-list{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.history-request{align-items:baseline;gap:6px;padding:8px 2px 2px;display:flex}.history-request .who{color:var(--accent-text);font-weight:600}.history-request .label{flex:1;min-width:0}.history-request .state{color:var(--muted);white-space:nowrap;font-size:1rem}.history-row{align-items:baseline;gap:6px;padding:3px 2px;display:flex}.history-row.in-request{padding-left:16px}.history-row .number{text-align:right;width:22px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:1rem}.history-row .origin{width:12px;color:var(--muted);flex:none;font-size:1rem}.history-row .origin.mcp,.history-row .origin.assistant{color:var(--accent-text)}.history-row .summary{color:var(--text-soft)}.history-versions{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:6px;display:flex}.history-versions>button{align-self:flex-start}.version-row{align-items:center;gap:6px;display:flex}.version-text{flex-direction:column;flex:1;min-width:0;display:flex}.version-text .summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.version-confirm{gap:2px;display:flex}.render-panel{z-index:3;background:#0e0f11f5;flex-direction:column;display:flex;position:absolute;inset:0}.render-panel.docked{flex:1;min-width:0;position:static}.render-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 12px;display:flex}.render-title{font-weight:600}.render-stats{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.render-option .input{padding:3px 6px}.render-check{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;display:flex}.render-check input{accent-color:var(--accent)}.render-go{min-width:72px;font-weight:600}.render-go:hover{background:#3a7fcc}.render-frame{flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.render-frame canvas{border-radius:var(--radius-sm);max-width:100%;max-height:100%;box-shadow:0 8px 30px #00000080}.render-frame canvas.checkered{background-color:var(--raised);background-image:linear-gradient(45deg, var(--line-strong) 25%, transparent 25%), linear-gradient(-45deg, var(--line-strong) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--line-strong) 75%), linear-gradient(-45deg, transparent 75%, var(--line-strong) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.render-panel.docked .render-frame{padding:0}.render-panel.docked .render-frame canvas{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border-radius:0}.key-prompt{height:calc(100vh / var(--ui-scale));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.key-prompt .mark{font-size:var(--fs-22)}.first-run{left:56px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;width:min(340px,100vw - 72px);font-size:var(--fs-12);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;position:fixed;box-shadow:0 8px 28px #00000059}.first-run ul{color:var(--muted);flex-direction:column;gap:4px;margin:6px 0 0;padding-left:16px;display:flex}.first-run a{color:var(--text)}.first-run-close{position:absolute;top:6px;right:6px}.feedback-report{text-align:left;max-width:420px;color:var(--muted);align-items:flex-start;gap:6px;font-size:1rem;display:flex}.feedback textarea{resize:vertical;width:min(420px,80vw);font:inherit}.welcome{min-height:calc(100dvh / var(--ui-scale));background:var(--ground);grid-template-columns:minmax(0,1fr) minmax(380px,480px);display:grid}.showcase{background:#121316;min-height:300px;position:relative;overflow:hidden}.showcase canvas,.showcase-drawn{width:100%;height:100%;display:block;position:absolute;inset:0}.showcase canvas{transition:opacity .6s}.showcase-caption{color:#ffffff80;pointer-events:none;font-size:1rem;position:absolute;bottom:12px;left:16px}.showcase-pin{width:0;height:0;animation:.7s ease-out both showcase-pin-in;position:absolute}@keyframes showcase-pin-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.showcase-pin{animation:none}}.showcase-dot{cursor:pointer;background:rgb(var(--hue));width:18px;height:18px;box-shadow:0 0 0 5px rgb(var(--hue) / .3);border:2px solid #fff;border-radius:50%;padding:0;transition:box-shadow .2s,transform .2s;position:absolute;top:-9px;left:-9px}.showcase-dot:hover,.showcase-pin.on .showcase-dot{box-shadow:0 0 0 8px rgb(var(--hue) / .42);transform:scale(1.1)}.showcase-note{width:max-content;max-width:250px;font-size:var(--fs-12);color:#e8eaed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-md);background:#16171adb;border:1px solid #ffffff1f;flex-direction:column;gap:4px;padding:8px 10px;line-height:1.4;transition:transform .25s,border-color .25s;animation:.18s ease-out showcase-note-in;display:flex;position:absolute;top:-14px;box-shadow:0 8px 24px #00000059}@keyframes showcase-note-in{0%{opacity:0;transform:translateY(3px)}}.showcase-note[hidden]{display:none}.showcase-pin.right .showcase-note{left:18px}.showcase-pin.left .showcase-note{right:18px}.showcase-note p{margin:0}.showcase-note b{margin-right:6px;font-weight:600}.showcase-note i{color:#ffffff8c;margin-right:6px;font-style:normal}.showcase-note .who{border-radius:4px;padding:0 5px;font-size:1rem;display:inline-block}.showcase-note .who.you{background:#ffffff1f}.showcase-note .who.agent{color:#fff;background:#c96442}.showcase-note .who.sam{text-align:center;color:#fff;background:#3f8f6b;border-radius:50%;width:18px;height:18px;padding:0;line-height:18px}.showcase-agent{color:#e8eaed;border-radius:var(--radius-pill);background:#16171acc;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:4px 10px;font-size:1rem;transition:border-color .25s;display:flex;position:absolute;top:14px;left:16px}.showcase-agent.on{border-color:#c96442cc}.showcase-live{background:#5cc98a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #5cc98a40}.welcome-side{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;min-height:100%;padding:32px 48px 24px;display:flex}.welcome-top{align-items:center;gap:10px;display:flex}.welcome-top .mark{font-size:var(--fs-15);font-weight:600}.welcome-badge{color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-pill);padding:2px 8px;font-size:1rem}.welcome-main{flex-direction:column;flex:1;justify-content:center;gap:28px;padding:40px 0;display:flex}.welcome-head h1{letter-spacing:-.02em;margin:0 0 10px;font-size:2.4rem;font-weight:600;line-height:1.15}.welcome-head p{color:var(--muted);font-size:var(--fs-15);margin:0;line-height:1.45}.welcome-tiles{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.welcome-tile,.showcase-pin{--hue:47 111 184}.welcome-tile.tone-agent,.showcase-pin.tone-agent{--hue:201 100 66}.welcome-tile.tone-share,.showcase-pin.tone-share{--hue:63 143 107}.welcome-tile.tone-variants,.showcase-pin.tone-variants{--hue:139 98 214}.showcase-variants{flex-direction:column;gap:6px;display:flex}.showcase-variants .showcase-variant-row{margin-top:2px}.showcase-typing span{background:#fff9;border-radius:50%;width:5px;height:5px;margin-right:3px;animation:1s ease-in-out infinite showcase-typing;display:inline-block}.showcase-typing span:nth-child(3){animation-delay:.15s}.showcase-typing span:nth-child(4){animation-delay:.3s}@keyframes showcase-typing{0%,80%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.showcase-typing span{animation:none}}.showcase-variant-row{gap:8px;display:flex}.showcase-variant{color:#fff9;flex-direction:column;align-items:center;gap:4px;margin:0;font-size:1rem;display:flex}.showcase-variant img,.showcase-variant-swatch{border-radius:var(--radius-sm);border:1px solid #ffffff1f;width:72px;height:72px;display:block}.showcase-variant.current img,.showcase-variant.current .showcase-variant-swatch{border-color:#8b62d6;box-shadow:0 0 0 1px #8b62d6}.showcase-variant.current figcaption{color:#fff}.welcome-tile{background:rgb(var(--hue) / .1);border:1px solid rgb(var(--hue) / .35);border-radius:var(--radius-md);height:36px;color:var(--text);font-size:var(--fs-13);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 8px;display:flex}.welcome-tile svg{color:rgb(var(--hue));filter:brightness(1.35);flex:none}.welcome-tile:hover,.welcome-tile.on{background:rgb(var(--hue) / .28);border-color:rgb(var(--hue))}.welcome-form{flex-direction:column;gap:10px;display:flex}.welcome-form .input{width:100%;height:38px;font-size:var(--fs-13);padding:0 12px}.welcome-form button.primary{width:100%;height:38px;font-size:var(--fs-13);margin-top:4px;font-weight:600}.welcome-form .sign-in-error,.welcome-form .sign-in-note{margin:0;font-size:1rem}.welcome-small{color:var(--muted);text-align:center;margin:2px 0 0;font-size:1rem}.welcome-small a,.welcome-foot a{color:var(--text)}.welcome-or{color:var(--muted);align-items:center;gap:12px;font-size:1rem;display:flex}.welcome-or:before,.welcome-or:after{content:"";border-top:1px solid var(--line);flex:1}.welcome-demo{height:38px;color:var(--text);font-size:var(--fs-13);border:1px solid var(--accent-strong);border-radius:var(--radius-md);background:#2f6fb81a;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:flex}.welcome-demo span{color:var(--muted);font-weight:400}.welcome-demo:hover{background:#2f6fb833}.welcome-foot{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding-top:14px;font-size:1rem;display:flex}@media (width<=820px),(height<=500px) and (pointer:coarse){.welcome{grid-template-rows:clamp(240px,38svh,420px) auto;grid-template-columns:1fr}.welcome-side{border-left:0;border-top:1px solid var(--line);padding:20px max(16px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.welcome-main{gap:20px;padding:20px 0 24px}.welcome-head h1{font-size:2rem}.welcome-head p{font-size:var(--fs-13)}.welcome-tiles{margin-bottom:4px}.welcome-form .input,.welcome-form button.primary,.welcome-demo{height:44px}.welcome-form .input{font-size:var(--fs-16)}.welcome-small a,.welcome-foot a{padding:6px 2px;display:inline-block}.showcase-agent{top:calc(12px + env(safe-area-inset-top))}.showcase-note{max-width:170px;font-size:1rem}}.sign-in-backdrop{z-index:50;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.key-prompt.sign-in.over{border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--line);height:auto;min-height:0;padding:24px;box-shadow:0 12px 40px #0006}.key-prompt p{max-width:320px;color:var(--muted);margin:0}.key-prompt .input{width:min(320px,100%);font-size:var(--fs-16);border-radius:var(--radius-md);padding:10px 12px}.key-prompt button{font-size:var(--fs-15);padding:8px 20px}.key-prompt button:disabled{opacity:.4;cursor:default}.sign-in-error{color:#ef9a8a;margin:0}.sign-in-note{color:#9fd38a;margin:0}.key-demo{font-size:var(--fs-13);color:var(--muted)}.key-demo a{color:var(--accent-text)}@media (width<=720px),(height<=500px) and (pointer:coarse){.sign-in-backdrop{padding:12px}.key-prompt.sign-in.over{width:100%;padding:20px 16px}.key-prompt.sign-in.over .input,.key-prompt.sign-in.over button.primary{width:100%}.key-prompt.sign-in.over button.primary{min-height:44px}.key-demo a{padding:6px 2px;display:inline-block}}.home{min-height:calc(100dvh / var(--ui-scale));background:var(--ground);flex-direction:column;display:flex}.home header{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.home-who{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:1rem;overflow:hidden}.home main{flex-direction:column;gap:16px;width:min(640px,100%);margin:0 auto;padding:24px 16px 48px;display:flex}.home-head{justify-content:space-between;align-items:center;display:flex}.home h1{font-size:var(--fs-15);margin:0;font-weight:600}.home-head button{align-items:center;gap:4px;display:inline-flex}.home h2{margin:0 0 4px}.home ul{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);margin:0;padding:0;list-style:none;overflow:hidden}.home li+li{border-top:1px solid var(--line)}.home li{align-items:center;display:flex}.home li a{min-width:0;min-height:36px;color:var(--text);font-size:var(--fs-12);flex:1;align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex}.home li a:hover{background:var(--hover)}.home-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.home li small{color:var(--muted);white-space:nowrap;font-size:1rem}.home-when{text-align:right;font-variant-numeric:tabular-nums;min-width:72px}.home-demo a,.home .note a{color:var(--text)}.home ul.home-cards{background:0 0;border:0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid;overflow:visible}.home ul.home-cards>li{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);display:block;position:relative;overflow:hidden}.home ul.home-cards>li+li{border-top:1px solid var(--line)}.home ul.home-cards>li>a{flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;display:flex}.home ul.home-cards>li:hover{border-color:var(--muted)}.home-picture{aspect-ratio:16/10;object-fit:cover;background:#121316;width:100%;display:block}.home-card-text{flex-direction:column;gap:2px;min-width:0;padding:8px 10px 10px;display:flex}.home-card-text small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.home ul.home-cards .home-delete{border-radius:var(--radius-sm);background:#0000008c;margin:0;position:absolute;top:6px;right:6px}.home-actions{align-items:center;gap:8px;display:inline-flex}.home-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1rem}.home-delete{align-items:center;gap:4px;margin-right:6px;display:inline-flex}.home li:not(:hover):not(:focus-within) button.home-delete{opacity:0}.home-delete button.danger{color:var(--danger)}.home-deleted{min-height:36px;font-size:var(--fs-12);color:var(--muted);gap:12px;padding:0 6px 0 12px}@media (hover:none){.home li:not(:hover):not(:focus-within) button.home-delete{opacity:1}.home ul.home-cards button.home-delete{justify-content:center;min-width:32px;min-height:32px}}@media (width<=720px),(height<=500px) and (pointer:coarse){.home header{height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left))}.home main{padding:16px max(12px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.home ul.home-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-head button,.home header button{min-height:36px}.home-deleted{min-height:44px}.home-demo a{padding:6px 0;display:inline-block}}.share{z-index:30;border-radius:var(--radius-lg);background:var(--popover);border:1px solid var(--line-strong);width:min(340px,100vw - 24px);box-shadow:var(--shadow-sheet);flex-direction:column;gap:8px;padding:10px 12px;display:flex;position:absolute;top:44px;left:12px}.share-head{justify-content:space-between;align-items:center;display:flex}.share-head button{font-size:var(--fs-15);color:var(--muted);background:0 0;border:0;padding:0 4px}.share ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.share li{justify-content:space-between;align-items:center;gap:8px;display:flex}.share li small{color:var(--muted)}.share-waiting{font-size:1rem;display:block}.share form,.share-link{gap:6px;display:flex}.share .input{flex:1}.share-link .input{color:var(--muted);min-width:0}.docs{background:var(--ground);grid-template-columns:220px 1fr;height:100%;min-height:0;display:grid}.docs-side{border-right:1px solid var(--line);background:var(--panel);padding:10px 8px;overflow:auto}.docs-search{width:100%;font-size:var(--fs-12);margin-bottom:8px}.docs-side .docs-group{margin:12px 6px 4px}.docs-side ul{margin:0;padding:0;list-style:none}.docs-side li button{text-align:left;border-radius:var(--radius);background:0 0;border:0;width:100%;min-height:28px;padding:5px 6px;display:block}.docs-side li button:hover{background:var(--hover)}.docs-side li button.on{background:var(--selected);color:var(--accent-text)}.docs-results li button{gap:2px;display:grid}.docs-results small{color:var(--muted)}.docs-results span{color:var(--muted);font-size:1rem;line-height:1.4}.docs-results .note{color:var(--muted);padding:6px}.docs-page{font-size:var(--fs-13);padding:24px clamp(16px,4vw,48px) 64px;line-height:1.6;position:relative;overflow:auto}.docs-page>div{max-width:720px}.docs-page h1{font-size:var(--fs-22);margin:0 0 12px}.docs-page h2{font-size:var(--fs-16);border-top:1px solid var(--line);margin:28px 0 8px;padding-top:8px}.docs-page h3{font-size:var(--fs-13);margin:20px 0 6px}.docs-page p,.docs-page li{color:#cfd2d6}.docs-page a{color:var(--accent-text)}.docs-page code{font:var(--fs-12)/1.4 var(--mono);background:var(--inset);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 4px}.docs-page pre{background:var(--inset);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;overflow-x:auto}.docs-page pre code{border:0;padding:0}.docs-page table{border-collapse:collapse;width:100%;font-size:var(--fs-12);margin:8px 0 16px;display:block;overflow-x:auto}.docs-page th,.docs-page td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:5px 8px}.docs-page th{color:var(--muted);font-weight:600}.docs-page kbd{font:1rem var(--mono);border:1px solid var(--line);border-radius:var(--radius-sm);background:#24272c;border-bottom-width:2px;padding:0 4px}.docs-page blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:12px 0;padding:4px 12px}.docs-close{float:right;padding:4px;line-height:0;position:sticky;top:0}.help-overlay{z-index:40;border-top:1px solid var(--line);position:fixed;inset:40px 0 0 48px;box-shadow:0 -8px 32px #0006}.docs-site{height:calc(100vh / var(--ui-scale));grid-template-rows:44px minmax(0,1fr);display:grid}.docs-site header{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.docs-site header a{color:var(--muted);font-size:var(--fs-12);text-decoration:none}.docs-site header .mark{color:var(--accent-text);font-size:var(--fs-13)}.docs-site header .mark span{color:var(--muted);font-weight:400}.docs-contents{display:none}@media (width<=720px),(height<=500px) and (pointer:coarse),(width<=1024px) and (pointer:coarse){.docs{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.docs-side{padding:8px max(8px, env(safe-area-inset-right)) 8px max(8px, env(safe-area-inset-left));border-right:0;border-bottom:1px solid var(--line);flex-direction:column;gap:6px;display:flex;overflow:visible}.docs-contents{text-align:left;background:var(--inset);border:1px solid var(--line);border-radius:var(--radius-md);min-height:40px;font-size:var(--fs-13);align-items:center;gap:8px;padding:0 10px;display:flex}.docs-contents span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:1rem;font-weight:600}.docs-contents svg{color:var(--muted);margin-left:auto;transition:transform .15s}.docs-contents[aria-expanded=true] svg{transform:rotate(180deg)}.docs-search{min-height:40px;margin-bottom:0}.docs-side nav{display:none}.docs-side.open nav,.docs-results{overscroll-behavior:contain;max-height:50dvh;display:block;overflow-y:auto}.docs-side li button{min-height:40px}.docs-page{padding:16px max(16px, env(safe-area-inset-right)) 48px max(16px, env(safe-area-inset-left))}.docs-close{place-items:center;min-width:36px;min-height:36px;display:grid}.help-overlay{inset:calc(44px + env(safe-area-inset-top)) 0 calc(50px + env(safe-area-inset-bottom)) 0;border-bottom:1px solid var(--line)}.docs-site{grid-template-rows:calc(44px + env(safe-area-inset-top)) minmax(0, 1fr);height:100dvh}.docs-site header{padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left))}.docs-site header a{padding:8px 0}}.keys-sheet{top:48px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:45;border-radius:var(--radius-lg);background:var(--popover);border:1px solid var(--line-strong);width:min(420px,100vw - 16px);box-shadow:var(--shadow-sheet);zoom:var(--ui-scale);flex-direction:column;gap:14px;padding:12px 16px 16px;display:flex;position:fixed;overflow-y:auto}.keys-head{justify-content:space-between;align-items:center;display:flex}.keys-head h2{font-size:var(--fs-13);margin:0}.keys-close{color:var(--muted);background:0 0;border:0;min-width:24px;min-height:24px;padding:4px}.keys-sheet h3{margin:0 0 6px}.keys-sheet section{flex-direction:column;gap:6px;display:flex}.keys-scales{flex-wrap:wrap;gap:4px;display:flex}.keys-scales button{min-width:48px}.keys-toggle{align-items:center;gap:8px;display:flex}.keys-table{border-collapse:collapse;width:100%}.keys-table th,.keys-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:4px 0;font-weight:400}.keys-table th{white-space:nowrap;width:42%;padding-right:10px}.keys-table tr.off{color:var(--muted)}.keys-sheet kbd{font:1rem var(--mono)}.keys-table kbd{border:1px solid var(--field-line);border-radius:var(--radius-sm);background:#1c1e22;border-bottom-width:2px;margin:0 4px 2px 0;padding:0 5px;display:inline-block}@media (width<=720px),(height<=500px) and (pointer:coarse),(width<=1024px) and (pointer:coarse){.app,.app.split{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(44px * var(--ui-scale) + env(safe-area-inset-top,0px)) minmax(0, 1fr) calc(50px * var(--ui-scale) + env(safe-area-inset-bottom,0px));grid-template-areas:"top""main""rail";height:100dvh}.topbar{padding:env(safe-area-inset-top,0px) max(8px, env(safe-area-inset-right,0px)) 0 max(8px, env(safe-area-inset-left,0px));gap:6px}.topbar>:not(.topbar-spacer){flex:none}.doc-title,.demo-tag,.topbar>button{white-space:nowrap}.doc-menu{flex:0 auto;min-width:0}.doc-title{min-width:0;max-width:100%;font-size:var(--fs-13)}.doc-title .doc-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.doc-title svg{flex:none}.doc-menu .menu button,.account .menu button{min-height:40px}.demo-more,.topbar .make-account{display:none}.topbar button.small{min-height:32px}.workspace button{padding:6px 9px}.workspace button span,.workspace .split-button,.save-state:not(.failed),.update-notice .update-more{display:none}.menu-build{display:block}.wide-text{display:none}.phone-text{display:revert}.first-run{width:auto;left:8px;right:8px;bottom:calc(50px + env(safe-area-inset-bottom,0px) + 64px)}.rail{padding:3px max(4px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(4px, env(safe-area-inset-left,0px));border-top:1px solid #1b1d20;border-right:0;flex-direction:row;justify-content:space-around;align-items:flex-start;gap:0}.rail-spacer{display:none}.rail-button,.rail-button.phone-only{background:0 0;width:44px;height:44px;display:grid}.dock,.inspector{z-index:30;width:auto;top:auto;left:0;right:0;bottom:calc(50px + env(safe-area-inset-bottom,0px));max-height:calc(58dvh / var(--ui-scale));overscroll-behavior:contain;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);border:0;border-top:1px solid var(--line-strong);border-radius:12px 12px 0 0;position:fixed;overflow-y:auto;box-shadow:0 -10px 30px #00000073}.dock{display:flex}.dock .side-panel{height:auto;max-height:calc(58dvh / var(--ui-scale))}.inspector{display:none}.app.inspecting .inspector{display:block}main,.render-pane.full{grid-area:main}main .build,.render-pane{display:none}.render-pane.full{width:auto;display:flex}.render-bar{padding:8px}.render-stats{flex-basis:100%;order:10}.render-frame{padding:8px}.toolbar{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:auto;margin-inline:0;bottom:8px;left:8px;right:8px;overflow:auto hidden}.toolbar::-webkit-scrollbar{display:none}.toolbar.compact{width:fit-content;margin-inline:auto}.toolbar-menu{bottom:64px}main{--foot:0px}.side-panel{padding-bottom:16px}.inspector{padding-bottom:0}.view-pills{top:8px;left:8px}.status-toast{max-width:calc(100% - 16px);bottom:64px;left:8px}.edit-bar .edit-count{display:none}.dialkit-root[data-theme]{--dial-row-height:36px;--dial-row-gap:6px}.input,.name-field input,.scrub-input{font-size:var(--fs-16)}@media (width<=720px){.toolbar button{width:40px;height:40px}}@media (orientation:landscape),(width>=721px){.dock,.inspector{left:auto;top:calc(44px + env(safe-area-inset-top,0px));border-top:0;border-left:1px solid var(--line-strong);border-radius:12px 0 0;width:min(360px,48vw);max-height:none;box-shadow:-10px 0 30px #00000073}.dock .side-panel{height:100%;max-height:none}.app:is(:has(>.dock),.inspecting) :is(.toolbar,.toolbar-menu){right:calc(min(360px,48vw) + 8px)}.docs-side{flex-flow:wrap}.docs-contents,.docs-search{flex:200px}.docs-side nav,.docs-results{flex-basis:100%}.first-run{width:min(380px,60vw);max-height:calc(100dvh - 190px);left:auto;overflow-y:auto}}}.topbar,.rail,.dock,.inspector,.toolbar,.view-pills,.shot-bar,.path-hint,.edit-bar,.adjust-last,.status-toast,.trace-status,.viewport-error,.help-overlay,.render-bar,.object-menu,.home,.key-prompt,.docs-site{zoom:var(--ui-scale)}.dialkit-select-dropdown,.dialkit-color-popover,.dialkit-image-popover{zoom:calc(1 / var(--ui-scale))}.name-field:focus-within,.scrub:focus-visible,.scrub:focus-within{outline:2px solid var(--focus);outline-offset:-2px}.name-field input:focus-visible,.scrub-input:focus-visible,.help-overlay:focus,.share:focus,.keys-sheet:focus,.viewport:focus{outline:0}.viewport:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}button.small,button.quiet,.chip,.comment-filters button,.focus-crumb button{min-height:24px}.modifier-head .remove{min-width:24px;min-height:24px}.switch:before{content:"";position:absolute;inset:-4px -2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--muted:#b4b9c1;--dim:var(--muted);--line:#5a5f68;--accent-text:#9cc6ff;--field-line:#9aa0a8}.dialkit-root{--dial-text-label:#ffffffe6;--dial-text-secondary:#ffffffd9;--dial-text-tertiary:#ffffffbf;--dial-border:#ffffff59}.row-icon.padlock:not(.on){opacity:1}.modifier.off>:not(.modifier-head){opacity:.75}}@media (forced-colors:active){.toolbar button.on,.rail-button.on,.workspace button.on{outline-offset:-2px;outline:2px solid highlight}}:root :is(input,textarea,select):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){border-color:var(--field-line);font-feature-settings:"calt" 0}.variant-stepper{position:relative}.variant-thumb{border-radius:var(--radius-sm);background:var(--ground);border:1px solid var(--line);vertical-align:middle;flex:none;display:inline-block;overflow:hidden}.variant-thumb img{object-fit:cover;width:100%;height:100%;display:block}.variant-name{align-items:center;gap:6px;min-width:0;display:inline-flex}.variant-name .variant-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.variant-peek{z-index:20;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);pointer-events:none;flex-direction:column;gap:4px;padding:6px;font-size:1rem;display:flex;position:absolute;top:calc(100% + 6px);box-shadow:0 8px 24px #00000059}.variant-peek.before{left:0}.variant-peek.after{right:0}.variants .variant-list{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;display:grid}.variants .variant-list button{text-align:left;border-radius:var(--radius-md);flex-direction:column;align-items:stretch;gap:6px;height:auto;padding:6px;display:flex}.variants .variant-list button .variant-thumb{aspect-ratio:1;width:100%}.variants .variant-list button.checked{box-shadow:inset 0 0 0 1.5px var(--accent-strong)}.variant-row-text{min-width:0;font-size:var(--fs-12);flex-direction:column;display:flex}.variant-row-text span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:1rem;overflow:hidden}.loading{z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#121316b8;place-items:center;animation:.3s ease-out loading-in;display:grid;position:absolute;inset:0}@keyframes loading-in{0%{opacity:0}}.loading-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:10px;min-width:240px;padding:22px 26px;display:flex;box-shadow:0 16px 40px #0006}.loading-name{font-size:var(--fs-13);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-weight:600;overflow:hidden}.loading-step{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1rem}.loading-bar{background:var(--line);border-radius:2px;width:200px;height:4px;position:relative;overflow:hidden}.loading-bar span{background:var(--accent-strong);border-radius:2px;width:0;transition:width .2s;position:absolute;inset:0 auto 0 0}.loading-bar.unknown span{width:35%;animation:1.2s ease-in-out infinite loading-slide}@keyframes loading-slide{0%{left:-35%}to{left:100%}}.loading-cube{width:28px;height:28px;transform-style:preserve-3d;margin:4px 0 6px;animation:3.2s linear infinite loading-turn;position:relative}.loading-face{border:1.5px solid var(--accent-text);background:#2f6fb814;position:absolute;inset:0}.loading-face.front{transform:translateZ(14px)}.loading-face.back{transform:rotateY(180deg)translateZ(14px)}.loading-face.left{transform:rotateY(-90deg)translateZ(14px)}.loading-face.right{transform:rotateY(90deg)translateZ(14px)}.loading-face.top{transform:rotateX(90deg)translateZ(14px)}.loading-face.bottom{transform:rotateX(-90deg)translateZ(14px)}@keyframes loading-turn{0%{transform:rotateX(-24deg)rotateY(0)}to{transform:rotateX(-24deg)rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.loading-cube,.loading-bar.unknown span{animation:none}}.gemini-progress{color:var(--muted);background:var(--ground);border-radius:var(--radius-md);margin:6px 0;padding:6px 8px;font-size:1rem}.gemini-progress summary{cursor:pointer;color:var(--text)}.gemini-progress.working summary:before{content:"";background:#5cc98a;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1s ease-in-out infinite gemini-pulse;display:inline-block}@keyframes gemini-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.gemini-progress.working summary:before{animation:none}}.gemini-progress ol{max-height:180px;margin:6px 0 0;padding-left:18px;overflow-y:auto}.gemini-progress li.failed{color:var(--danger)}.gemini-seen{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.gemini-seen img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line);width:104px;height:65px;display:block}.gemini-progress code{color:var(--text);font-family:Geist Mono Variable,ui-monospace,monospace}.consent{z-index:60;width:min(380px,100vw - 32px);font-size:var(--fs-12);color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:12px 14px;line-height:1.45;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 10px 30px #0006}.consent p{color:var(--muted);margin:0}.consent a{color:var(--text)}.consent-actions{justify-content:flex-end;gap:8px;display:flex}main a.build{pointer-events:auto;align-items:center;gap:5px;min-height:24px;padding:0 6px;text-decoration:none;display:inline-flex;bottom:2px;right:4px}main a.build:hover{color:var(--text-bright)}a.menu-build{text-decoration:none}a.menu-build:hover{color:var(--text-bright)}.release-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}main a.build .release-dot{margin-left:0}.releases-site{height:calc(100vh / var(--ui-scale));background:var(--ground);color:var(--text);overflow-y:auto}.releases-site>header{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex;position:sticky;top:0}.releases-site>header a{color:var(--muted);font-size:var(--fs-12);text-decoration:none}.releases-site>header .mark{color:var(--accent-text);font-size:var(--fs-13)}.releases-site>header .mark span{color:var(--muted);font-weight:400}.releases{max-width:640px;margin:0 auto;padding:40px 16px 64px}.releases h1{color:var(--text-bright);margin:0 0 8px;font-size:2.18182rem;font-weight:600}.releases-lead{color:var(--text-soft);font-size:var(--fs-13);margin:0 0 32px;line-height:1.6}.release{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:20px 22px}.release.testing{border-color:var(--accent-strong)}.release>header{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:12px;display:flex}.release h2{font-size:var(--fs-16);color:var(--text-bright);margin:0;font-weight:600}.release-version{font-size:var(--fs-12);color:var(--muted);font-variant-numeric:tabular-nums}.release-when{font-size:var(--fs-12);color:var(--muted);margin-left:auto}.release.testing .release-when{color:var(--accent-text)}.release-notes{font-size:var(--fs-13);color:var(--text-soft);line-height:1.6}.release-notes p{margin:0 0 10px}.release-notes ul{margin:0 0 10px;padding-left:18px}.release-notes li{margin-bottom:6px}.release-notes li::marker{color:var(--dim)}.release-notes strong{color:var(--text);font-weight:600}.release-notes a{color:var(--accent-text)}.release-notes>:last-child{margin-bottom:0}.releases-foot{font-size:var(--fs-12);color:var(--dim);margin-top:32px}.releases-foot a{color:var(--muted)}@media (width<=640px){.releases{padding-top:24px}.release{padding:16px}.release-when{flex-basis:100%;margin-left:0}}