@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";.dialkit-root{--dial-surface:#ffffff0d;--dial-surface-hover:#ffffff1a;--dial-surface-active:#ffffff1c;--dial-surface-subtle:#ffffff0f;--dial-text-root:#fff;--dial-text-section:#ffffffb3;--dial-text-label:#ffffffb3;--dial-text-focus:#fff;--dial-text-primary:#fffffff2;--dial-text-secondary:#fff9;--dial-text-tertiary:#fff6;--dial-border:#ffffff1a;--dial-border-hover:#ffffff26;--dial-focus-ring:#fff9;--dial-timeline-clip-overlay:transparent;--dial-glass-bg:#212121;--dial-dropdown-bg:#2a2a2a;--dial-backdrop-blur:20px;--dial-radius:8px;--dial-row-height:36px;--dial-row-gap:6px;--dial-shadow:0 8px 32px #00000080;--dial-shadow-collapsed:0 4px 16px #00000040;--dial-shadow-dropdown:0 8px 24px #0006;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,SF Pro Display,sans-serif;position:relative}.dialkit-panel{z-index:9999;max-height:calc(100vh - 32px);position:fixed;overflow:visible}.dialkit-root[data-mode=inline]{max-height:100%}.dialkit-panel[data-mode=inline]{z-index:auto;max-height:inherit;height:auto;position:static;overflow:visible}.dialkit-panel-inner{box-sizing:border-box;background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));transform-origin:var(--dial-origin-y,top) var(--dial-origin-x,right);border-radius:14px;padding:10px 12px;transform:translateZ(0)}.dialkit-panel[data-origin-x=left]{--dial-origin-x:left}.dialkit-panel[data-origin-x=right]{--dial-origin-x:right}.dialkit-panel[data-origin-y=top]{--dial-origin-y:top}.dialkit-panel[data-origin-y=bottom]{--dial-origin-y:bottom}.dialkit-panel[data-position=top-left] .dialkit-panel-inner{max-height:calc(100vh - 80px);overflow-y:auto}.dialkit-panel-inner[data-collapsed=true]{box-sizing:border-box;border-radius:50%;padding:12px}.dialkit-panel-inner[data-collapsed=true] .dialkit-panel-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-title-row{display:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{justify-content:center;padding:0}.dialkit-panel-inner::-webkit-scrollbar{display:none}.dialkit-panel-inner{-ms-overflow-style:none;scrollbar-width:none}.dialkit-panel-inline{width:100%;height:auto;max-height:inherit;box-shadow:none;box-sizing:border-box;border:none;border-radius:0;overflow-y:auto}.dialkit-panel[data-mode=inline] .dialkit-panel-wrapper{width:100%;max-height:inherit;flex-direction:column;height:auto;display:flex}.dialkit-panel[data-position=top-right]{top:16px;right:16px}.dialkit-panel[data-position=top-left]{top:16px;left:16px}.dialkit-panel[data-position=bottom-right]{bottom:16px;right:16px}.dialkit-panel[data-position=bottom-left]{bottom:16px;left:16px}.dialkit-folder{border-bottom:1px solid var(--dial-surface-subtle);margin-bottom:8px;padding-bottom:8px}.dialkit-folder:last-child:not(.dialkit-folder-root){margin-bottom:0;padding-bottom:0}.dialkit-folder-root{border-bottom:none;margin-bottom:0;padding-bottom:0}.dialkit-panel-header{border-bottom:1px solid var(--dial-surface-subtle);margin-bottom:12px;padding-bottom:6px}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header{cursor:grab}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header:active{cursor:grabbing}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-icon{cursor:pointer}.dialkit-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none}.dialkit-folder-header-top{justify-content:space-between;align-items:center;padding:0 0 8px;display:flex}.dialkit-folder-title{color:var(--dial-text-section);letter-spacing:-.01em;font-size:13px;font-weight:600;transition:color .15s;transform:translateY(-.5px)}.dialkit-folder-title-root{color:var(--dial-text-root);font-size:15px;font-weight:600;transform:translateZ(0)}.dialkit-folder-title-row{white-space:nowrap;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.dialkit-folder-copy{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.dialkit-folder-copy svg{width:14px;height:14px;color:var(--dial-text-section)}.dialkit-folder-icon{box-sizing:border-box;width:20px;height:20px;color:var(--dial-text-label);opacity:.6;flex-shrink:0;padding:2px}.dialkit-panel-icon{width:16px;height:16px;color:var(--dial-text-focus);z-index:1;position:absolute;top:12px;right:12px}.dialkit-folder-content{will-change:transform}.dialkit-folder-inner{gap:var(--dial-row-gap);flex-direction:column;padding-bottom:10px;display:flex}.dialkit-folder:not(.dialkit-folder-root){border-top:1px solid var(--dial-surface-subtle);border-bottom:1px solid var(--dial-surface-subtle);margin-top:4px;margin-bottom:4px;padding-bottom:0}.dialkit-folder:not(.dialkit-folder-root):last-child{border-bottom:none;margin-bottom:0}.dialkit-folder:not(.dialkit-folder-root)+.dialkit-folder:not(.dialkit-folder-root){border-top:none;margin-top:-10px}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{height:var(--dial-row-height);padding:0}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header>.dialkit-folder-header-top{height:100%;padding:0}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:0}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child:not(:has(~.dialkit-folder)){border-top:none;margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]){padding:0 12px}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]) .dialkit-panel-icon{top:14px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header{margin-bottom:0;padding-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header>.dialkit-folder-header-top,.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header>.dialkit-folder-header-top{height:44px;padding:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header{height:44px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{gap:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder{border-top:1px solid var(--dial-surface-subtle);border-bottom:none;margin:0;padding-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header .dialkit-folder-title{color:var(--dial-text-root);font-size:15px;font-weight:600;line-height:20px;transform:translateZ(0)}.dialkit-panel[data-multiple=true] .dialkit-folder-title-root{line-height:20px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child{border-top:none;margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder+.dialkit-folder{margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-content>.dialkit-folder-inner{padding-top:4px;padding-bottom:12px}.dialkit-slider-wrapper{height:var(--dial-row-height);position:relative}.dialkit-slider{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--dial-surface);border-radius:var(--dial-radius);touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.dialkit-slider-hashmarks{pointer-events:none;position:absolute;inset:0}.dialkit-slider-hashmark{background:#fff0;border-radius:999px;width:1px;height:8px;transition:background .2s;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.dialkit-slider-active .dialkit-slider-hashmark{background:var(--dial-border-hover)}.dialkit-slider-active .dialkit-slider-value{color:var(--dial-text-focus)}.dialkit-slider-fill{background:var(--dial-surface-active);pointer-events:none;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.dialkit-slider-active .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-slider-handle{background:var(--dial-text-primary);pointer-events:none;border-radius:999px;width:3px;height:20px;position:absolute;top:50%}.dialkit-slider-label{color:var(--dial-text-label);pointer-events:none;align-items:center;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(calc(-50% - .5px))}.dialkit-slider-value{color:var(--dial-text-label);pointer-events:auto;border-bottom:1px solid #0000;padding-bottom:1px;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;position:absolute;top:50%;right:12px;transform:translateY(calc(.5px - 50%))}.dialkit-slider-value-editable{border-bottom-color:var(--dial-text-label)}.dialkit-slider-input{width:4ch;min-width:3ch;max-width:6ch;color:var(--dial-text-label);border:none;border-bottom:1px solid var(--dial-text-label);text-align:right;background:0 0;outline:none;padding:0 0 1px;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dialkit-slider-input:focus{color:var(--dial-text-focus)}.dialkit-segmented{border-radius:var(--dial-radius);background:0 0;padding:2px;display:flex;position:relative}.dialkit-segmented-pill{background:var(--dial-surface-active);z-index:0;pointer-events:none;border-radius:6px;position:absolute;top:2px;bottom:2px}.dialkit-segmented-button{z-index:1;cursor:pointer;background:0 0;border:none;flex:none;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s;position:relative}.dialkit-segmented-button[data-active=true]{color:var(--dial-text-primary)}.dialkit-segmented-button[data-active=false]{color:var(--dial-text-label)}.dialkit-toggle{background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .15s;display:flex}.dialkit-toggle:hover{background:var(--dial-surface-hover)}.dialkit-toggle-label{color:var(--dial-text-label);font-size:13px;font-weight:500;transition:color .15s}.dialkit-toggle[data-checked=true] .dialkit-toggle-label{color:var(--dial-text-primary)}.dialkit-toggle-track{background:var(--dial-surface-active);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.dialkit-toggle[data-checked=true] .dialkit-toggle-track{background:var(--dial-border-hover)}.dialkit-toggle-thumb{background:var(--dial-text-primary);border-radius:8px;width:16px;height:16px;position:absolute;top:2px}.dialkit-button-group{flex-direction:column;gap:6px;display:flex}.dialkit-button{color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dialkit-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-button:active{background:var(--dial-surface-active)}.dialkit-labeled-control{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:2px 10px 2px 12px;display:flex}.dialkit-labeled-control-label{color:var(--dial-text-label);flex-shrink:0;align-items:center;font-size:13px;font-weight:500;line-height:17px;display:flex}.dialkit-labeled-control .dialkit-segmented{flex-shrink:0;margin-right:-6px}.dialkit-action-button{width:160px;color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dialkit-action-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-action-button:active{background:var(--dial-surface-active)}.dialkit-actions-group{align-items:flex-start}.dialkit-actions-stack{flex-direction:column;gap:6px;width:160px;display:flex}.dialkit-spring-viz{border-radius:var(--dial-radius);background:var(--dial-surface);width:100%;overflow:visible}.dialkit-easing-viz{aspect-ratio:256/180;border-radius:var(--dial-radius);background:var(--dial-surface);isolation:isolate;width:100%;position:relative;overflow:hidden}.dialkit-easing-viz svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dialkit-easing-reference{stroke:var(--dial-text-tertiary);stroke-width:1px;stroke-dasharray:3 4;opacity:.4}.dialkit-easing-tangent{stroke:var(--dial-text-tertiary);stroke-width:1px}.dialkit-easing-curve{fill:none;stroke:var(--dial-text-primary);stroke-width:2px;stroke-linecap:round}.dialkit-easing-endpoint{fill:var(--dial-text-secondary)}.dialkit-easing-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.dialkit-easing-handle:after{content:"";box-sizing:border-box;border:1.5px solid var(--dial-text-secondary);background:var(--dial-surface);border-radius:50%;width:10px;height:10px}.dialkit-easing-handle:hover:after,.dialkit-easing-handle[data-dragging]:after{border-color:var(--dial-text-primary);background:var(--dial-text-primary)}.dialkit-easing-handle:focus-visible: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{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none;background:0 0;border:0;flex:1;min-width:0;height:100%;margin:0;padding:0}.dialkit-color-hue{--dial-color-thumb-bg:var(--dial-color-thumb)}.dialkit-color-opacity{--dial-color-track-bg:linear-gradient(to right, transparent, var(--dial-color-opaque)), repeating-conic-gradient(#aaa 0% 25%, #eee 0% 50%) 0 / 8px 8px;--dial-color-thumb-bg:linear-gradient(var(--dial-color-thumb), var(--dial-color-thumb)), repeating-conic-gradient(#aaa 0% 25%, #eee 0% 50%) 0 / 8px 8px}.dialkit-color-track::-webkit-slider-runnable-track{background:var(--dial-color-track-bg);border-radius:4px;height:16px}.dialkit-color-track::-moz-range-track{background:var(--dial-color-track-bg);border:0;border-radius:4px;height:16px}.dialkit-color-track::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;background:var(--dial-color-thumb-bg);background-clip:padding-box;border:2px solid #fff;border-radius:5px;width:16px;height:24px;margin-top:-4px;box-shadow:0 2px 4px #0000004d}.dialkit-color-track::-moz-range-thumb{box-sizing:border-box;background:var(--dial-color-thumb-bg);background-clip:padding-box;border:2px solid #fff;border-radius:5px;width:16px;height:24px;box-shadow:0 2px 4px #0000004d}.dialkit-color-format-row{padding:2px}.dialkit-color-format-row .dialkit-color-formats{flex:1;min-width:0;margin-right:0}.dialkit-color-formats .dialkit-segmented-pill{width:calc(33.3333% - 1.33333px);transition:transform .2s cubic-bezier(.25,1,.5,1);left:2px}.dialkit-color-format{white-space:nowrap;flex:1 1 0;min-width:0}.dialkit-color-format:hover{color:var(--dial-text-primary)}.dialkit-color-css-input{width:100%;height:var(--dial-row-height);border-radius:var(--dial-radius);background:var(--dial-surface);color:var(--dial-text-label);border:0;outline:none;padding:0 12px;font:500 13px Geist Mono,monospace;display:block}.dialkit-color-css-input:focus{color:var(--dial-text-focus)}.dialkit-color-popover input[aria-invalid=true],.dialkit-color-value[aria-invalid=true]{color:#ef7777}@keyframes dialkit-color-enter{0%{opacity:0;transform:translateY(3px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dialkit-color-popover{animation:none}.dialkit-color-formats .dialkit-segmented-pill{transition:none}}.dialkit-preset-manager{flex:1;position:relative}.dialkit-preset-trigger{width:100%;height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-preset-trigger:hover{background:var(--dial-surface-hover)}.dialkit-preset-trigger[data-disabled=true]{cursor:default}.dialkit-preset-trigger[data-disabled=true]:hover{background:var(--dial-surface)}.dialkit-preset-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-preset-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialkit-preset-dropdown{overscroll-behavior:contain;background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);z-index:10000;width:max-content;box-shadow:var(--dial-shadow-dropdown);border-radius:12px;margin:0;padding:4px;inset:auto;overflow-y:auto}.dialkit-preset-list{border-bottom:1px solid var(--dial-border);flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:4px;display:flex}.dialkit-preset-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.dialkit-preset-item:hover{background:var(--dial-surface-hover)}.dialkit-preset-item[data-active=true]{background:var(--dial-surface-active)}.dialkit-preset-name{text-align:left;cursor:pointer;min-width:0;color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:1;padding:0;font-family:inherit;font-size:13px;font-weight:500;overflow:hidden}.dialkit-preset-item[data-active=true] .dialkit-preset-name{color:var(--dial-text-primary)}.dialkit-preset-delete{cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .15s;display:flex}.dialkit-preset-item:hover .dialkit-preset-delete,.dialkit-preset-item:focus-within .dialkit-preset-delete{opacity:.6}.dialkit-preset-item:focus-within{background:var(--dial-surface-hover)}.dialkit-preset-delete:hover{opacity:1!important}.dialkit-preset-delete svg{width:14px;height:14px;color:var(--dial-text-focus);pointer-events:none}.dialkit-preset-save-btn{width:100%;color:var(--dial-text-label);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.dialkit-preset-save-btn:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-preset-save-btn svg{width:12px;height:12px}.dialkit-preset-save-row{align-items:center;gap:6px;padding:4px;display:flex}.dialkit-preset-input{min-width:0;color:var(--dial-text-primary);background:var(--dial-surface);border:1px solid var(--dial-border);border-radius:6px;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:13px}.dialkit-preset-input:focus{border-color:var(--dial-text-label)}.dialkit-preset-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-preset-confirm{background:var(--dial-surface);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s;display:flex}.dialkit-preset-confirm:hover:not(:disabled){background:var(--dial-surface-hover)}.dialkit-preset-confirm:disabled{opacity:.4;cursor:not-allowed}.dialkit-preset-confirm svg{width:14px;height:14px;color:var(--dial-text-label)}.dialkit-shortcut-pill{color:var(--dial-text-tertiary);background:var(--dial-surface-subtle);letter-spacing:.02em;white-space:nowrap;vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 5px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:600;line-height:16px;transition:color .15s,background .15s;display:inline-block}.dialkit-shortcut-pill-active{color:var(--dial-text-primary);background:var(--dial-border-hover)}.dialkit-shortcuts-trigger{width:var(--dial-row-height);height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.dialkit-shortcuts-trigger:hover{background:var(--dial-surface-hover)}.dialkit-shortcuts-trigger svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-shortcuts-dropdown{background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);z-index:10000;box-shadow:var(--dial-shadow-dropdown);border-radius:12px;min-width:200px;padding:8px}.dialkit-shortcuts-title{color:var(--dial-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 8px;font-size:11px;font-weight:600}.dialkit-shortcuts-list{flex-direction:column;gap:2px;display:flex}.dialkit-shortcuts-row{border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.dialkit-shortcuts-row-key{color:var(--dial-text-secondary);background:var(--dial-surface-subtle);text-align:center;border-radius:4px;min-width:28px;padding:2px 6px;font-family:ui-monospace,SF Mono,Courier New,monospace;font-size:11px;font-weight:600}.dialkit-shortcuts-row-label{color:var(--dial-text-label);flex:1;font-size:13px;font-weight:500}.dialkit-shortcuts-row-mode{color:var(--dial-text-tertiary);font-size:11px;font-style:italic;font-weight:500}.dialkit-shortcuts-hint{color:var(--dial-text-tertiary);border-top:1px solid var(--dial-border);margin-top:4px;padding:6px 8px 2px;font-size:11px}.dialkit-root[data-theme=light]{--dial-surface:#0000000a;--dial-surface-hover:#00000014;--dial-surface-active:#0000001a;--dial-surface-subtle:#0000000f;--dial-text-root:#000;--dial-text-section:#000000a6;--dial-text-label:#0009;--dial-text-focus:#000;--dial-text-primary:#000000e6;--dial-text-secondary:#0000008c;--dial-text-tertiary:#00000059;--dial-border:#0000001a;--dial-border-hover:#00000026;--dial-focus-ring:#0000008c;--dial-timeline-clip-overlay:#00000047;--dial-glass-bg:#fafafa;--dial-dropdown-bg:#fff;--dial-shadow:0 4px 20px #00000014;--dial-shadow-collapsed:0 2px 10px #0000000f;--dial-shadow-dropdown:0 4px 16px #00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=light] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=light] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}@media (prefers-color-scheme:light){.dialkit-root[data-theme=system]{--dial-surface:#0000000a;--dial-surface-hover:#00000014;--dial-surface-active:#0000001a;--dial-surface-subtle:#0000000f;--dial-text-root:#000;--dial-text-section:#000000a6;--dial-text-label:#0009;--dial-text-focus:#000;--dial-text-primary:#000000e6;--dial-text-secondary:#0000008c;--dial-text-tertiary:#00000059;--dial-border:#0000001a;--dial-border-hover:#00000026;--dial-focus-ring:#0000008c;--dial-timeline-clip-overlay:#00000047;--dial-glass-bg:#fafafa;--dial-dropdown-bg:#fff;--dial-shadow:0 4px 20px #00000014;--dial-shadow-collapsed:0 2px 10px #0000000f;--dial-shadow-dropdown:0 4px 16px #00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=system] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=system] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}}.dialkit-timeline{z-index:9998;position:fixed;bottom:12px;left:12px;right:12px}.dialkit-timeline[hidden]{display:none}.dialkit-timeline-dock{box-sizing:border-box;background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dial-text-tertiary) transparent;border-radius:14px;flex-direction:column;gap:10px;padding:0 12px 10px;display:flex;position:relative;overflow:hidden auto}.dialkit-timeline-resize-handle{z-index:9;cursor:ns-resize;touch-action:none;height:10px;position:absolute;top:-4px;left:0;right:0}.dialkit-timeline-dock::-webkit-scrollbar{width:8px}.dialkit-timeline-dock::-webkit-scrollbar-track{background:0 0}.dialkit-timeline-dock::-webkit-scrollbar-thumb{background:var(--dial-text-tertiary);border-radius:999px}.dialkit-timeline-section{--dial-timeline-label-w:96px;--dial-timeline-actions-w:284px;--dial-timeline-header-h:calc(var(--dial-row-height) + 4px)}.dialkit-timeline-section+.dialkit-timeline-section{border-top:1px solid var(--dial-border);padding-top:10px}.dialkit-timeline-header{z-index:7;box-sizing:border-box;height:var(--dial-timeline-header-h);background:var(--dial-glass-bg);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:12px;margin:0;padding:4px 0 0;display:grid;position:sticky;top:0}.dialkit-timeline-header[data-open]{grid-template-columns:minmax(0,1fr) auto;gap:12px}.dialkit-timeline-header:not([data-open]){grid-template-columns:var(--dial-timeline-label-w) minmax(0, 1fr) auto;gap:0}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-identity{width:var(--dial-timeline-label-w);box-sizing:border-box;padding-right:10px;overflow:hidden}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-title{text-overflow:ellipsis;overflow:hidden}.dialkit-timeline-header:not([data-open]) .dialkit-timeline-overview{margin-right:12px}.dialkit-timeline-identity{align-items:center;gap:10px;min-width:0;display:flex}.dialkit-timeline-title{min-width:0;color:var(--dial-text-root);letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:600;display:block}.dialkit-timeline-header[data-open] .dialkit-timeline-identity{width:100%;overflow:hidden}.dialkit-timeline-header[data-open] .dialkit-timeline-title{text-overflow:ellipsis;flex:0 auto;width:fit-content;max-width:100%;display:inline-block;overflow:hidden}.dialkit-timeline-time{font-variant-numeric:tabular-nums;color:var(--dial-text-label);white-space:nowrap;font-family:Geist Mono,ui-monospace,monospace;font-size:13px;font-weight:500}.dialkit-timeline-overview{background:var(--dial-surface-subtle);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;min-width:60px;height:12px;position:relative;overflow:hidden}.dialkit-timeline-overview-viewport{border-radius:inherit;pointer-events:none;position:absolute;inset-block:0}.dialkit-timeline-overview-viewport[data-zoomed]{background:color-mix(in srgb, var(--dial-text-tertiary) 18%, transparent);box-shadow:inset 0 0 0 1px var(--dial-border)}.dialkit-timeline-overview-progress{background:var(--dial-text-tertiary);opacity:.35;pointer-events:none;border-radius:999px 0 0 999px;position:absolute;inset:0 auto 0 0}.dialkit-timeline-overview-playhead{background:var(--dial-text-root);pointer-events:none;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.dialkit-timeline-actions{align-items:center;gap:6px;display:flex}.dialkit-timeline-header[data-open] .dialkit-timeline-actions{box-sizing:border-box;justify-content:flex-end;width:auto;padding-left:0}.dialkit-timeline-actions .dialkit-preset-manager{flex:0 0 120px;width:120px}.dialkit-timeline-chevron{width:20px;height:var(--dial-row-height);cursor:pointer;color:var(--dial-text-label);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:flex}.dialkit-timeline-chevron:hover{opacity:1}.dialkit-timeline-chevron svg{width:16px;height:16px;transition:transform .18s}.dialkit-timeline-chevron[data-open=true] svg{transform:rotate(180deg)}.dialkit-timeline-body{margin-top:0;overflow:visible}.dialkit-timeline-scroll-row{z-index:6;grid-template-columns:var(--dial-timeline-label-w) minmax(0, 1fr);background:var(--dial-glass-bg);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));margin-top:6px;margin-bottom:-10px;padding:4px 0 10px;display:grid;position:sticky;bottom:-10px}.dialkit-timeline-horizontal-scroll{scrollbar-width:thin;scrollbar-color:var(--dial-text-tertiary) transparent;overscroll-behavior-x:contain;min-width:0;height:10px;overflow:auto hidden}.dialkit-timeline-horizontal-scroll>div{height:1px}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar{height:8px}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar-track{background:0 0}.dialkit-timeline-horizontal-scroll::-webkit-scrollbar-thumb{background:var(--dial-text-tertiary);border-radius:999px}.dialkit-timeline-grid{flex-direction:column;gap:6px;display:flex;position:relative}.dialkit-timeline-row{grid-template-columns:var(--dial-timeline-label-w) minmax(0, 1fr);align-items:stretch;display:grid}.dialkit-timeline-label{flex:0 0 var(--dial-timeline-label-w);box-sizing:border-box;color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding-right:10px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.dialkit-timeline-ruler{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:5;min-width:0;height:28px;position:relative;overflow:visible}.dialkit-timeline-ruler-row{top:var(--dial-timeline-header-h);z-index:6;background:var(--dial-glass-bg);height:28px;-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));position:sticky}.dialkit-timeline-tick{background:var(--dial-text-tertiary);pointer-events:none;width:1px;height:100%;position:absolute;top:50%;transform:translateY(-50%)}.dialkit-timeline-tick-medium{background:var(--dial-border-hover);height:16px}.dialkit-timeline-tick-fine{background:var(--dial-border);height:8px}.dialkit-timeline-tick-label{font-variant-numeric:tabular-nums;height:18px;color:var(--dial-text-tertiary);white-space:nowrap;align-items:center;font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px;line-height:18px;display:flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.dialkit-timeline-row{height:28px}.dialkit-timeline-group-row{height:22px}.dialkit-timeline-group-row .dialkit-timeline-label{color:var(--dial-text-root);gap:4px;font-weight:600}.dialkit-timeline-group-row .dialkit-timeline-lane{background:0 0}.dialkit-timeline-group-toggle{cursor:pointer;color:var(--dial-text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;margin-left:-2px;padding:0;display:flex}.dialkit-timeline-group-toggle svg{width:10px;height:10px;transition:transform .15s;transform:rotate(-90deg)}.dialkit-timeline-group-toggle[data-open=true] svg{transform:rotate(0)}.dialkit-timeline-row[data-grouped] .dialkit-timeline-label{padding-left:14px}.dialkit-timeline-lane{background:var(--dial-surface-subtle);border-radius:8px;flex:1;position:relative;overflow:hidden}.dialkit-timeline-clip{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;z-index:1;box-shadow:inset 0 0 0 999px var(--dial-timeline-clip-overlay);border-radius:6px;justify-content:flex-end;align-items:center;padding:0 9px;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.dialkit-timeline-clip-ghost{box-sizing:border-box;opacity:.18;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:5px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.dialkit-timeline-clip-ghost-segment{box-sizing:border-box;flex-shrink:0;height:100%}.dialkit-timeline-clip-ghost-segment+.dialkit-timeline-clip-ghost-segment{box-shadow:inset 1px 0 #00000080}.dialkit-timeline-loop-infinity{z-index:2;color:var(--dial-text-tertiary);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Geist Mono,ui-monospace,monospace;font-size:13px;font-weight:600;line-height:1;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.dialkit-timeline-clip[data-dragging]{cursor:grabbing}.dialkit-timeline-clip[data-selected]{box-shadow:0 0 0 2px var(--dial-text-root), inset 0 0 0 999px var(--dial-timeline-clip-overlay)}.dialkit-timeline-clip-duration{font-variant-numeric:tabular-nums;color:#0000008c;white-space:nowrap;pointer-events:none;font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px}.dialkit-timeline-clip[data-steps]{justify-content:flex-start;padding:0}.dialkit-timeline-clip-segment{box-sizing:border-box;flex-shrink:0;justify-content:flex-end;align-items:center;height:100%;padding:0 8px;display:flex;position:relative;overflow:hidden}.dialkit-timeline-clip-segment+.dialkit-timeline-clip-segment{box-shadow:inset 1.5px 0 #00000040}.dialkit-timeline-clip-segment:hover{background:#0000000f}.dialkit-timeline-clip-segment[data-selected]{background:#0000001f}.dialkit-timeline-clip[data-composite]{cursor:pointer}.dialkit-timeline-track-row .dialkit-timeline-label{color:var(--dial-text-tertiary);padding-left:26px;font-size:13px}.dialkit-timeline-track-row[data-grouped] .dialkit-timeline-label{padding-left:32px}.dialkit-timeline-clip-handle{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.dialkit-timeline-clip-handle[data-edge=start]{left:0}.dialkit-timeline-clip-handle[data-edge=end]{right:0}.dialkit-timeline-playhead-control{cursor:ew-resize;touch-action:none;width:12px;margin-left:-6px;position:absolute;top:0;bottom:0}.dialkit-timeline-playhead-anchor{top:calc(var(--dial-timeline-header-h) + 14px);z-index:8;width:0;height:0;margin-left:6px;position:sticky}.dialkit-timeline-playhead-anchor:before{content:"";background:var(--dial-text-root);pointer-events:none;width:2px;height:15px;position:absolute;top:0;left:-1px}.dialkit-timeline-playhead-flag{top:0;left:calc(var(--dial-timeline-playhead-flag-offset,0px) - 26px);z-index:1;box-sizing:border-box;color:#414141;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:center;white-space:nowrap;background:#f3f3f3;border:1px solid #ffffffbf;border-radius:6px;width:52px;height:18px;padding:0 7px;font-family:Geist Mono,ui-monospace,monospace;font-size:9.5px;font-weight:600;line-height:16px;transition:top .12s;position:absolute;transform:translateY(-50%);box-shadow:0 1px 4px #00000047}.dialkit-timeline-playhead-stem{z-index:5;background:var(--dial-text-root);pointer-events:none;width:2px;position:absolute;top:27px;bottom:0;left:5px}.dialkit-timeline-popover{z-index:10000;background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));box-shadow:var(--dial-shadow);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;border-radius:14px;max-height:60vh;padding:10px 12px;position:fixed;overflow-y:auto}.dialkit-timeline-popover::-webkit-scrollbar{display:none}.dialkit-timeline-popover-header{border-bottom:1px solid var(--dial-border);align-items:center;gap:8px;margin-bottom:6px;padding:2px 2px 8px;display:flex}.dialkit-timeline-popover-title{color:var(--dial-text-root);letter-spacing:-.01em;font-size:15px;font-weight:600}.dialkit-timeline-popover-close{width:24px;height:24px;color:var(--dial-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:5px;display:flex}.dialkit-timeline-popover-close:hover{color:var(--dial-text-root);background:var(--dial-surface-hover)}.dialkit-timeline-popover-close svg{width:14px;height:14px}.dialkit-timeline-popover-body{flex-direction:column;gap:6px;display:flex}.dialkit-timeline-popover-body>.dialkit-folder:first-child{border-top:none;margin-top:0}@media (max-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%}:is(.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}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--stage-obstruction:0px}*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--cloth-period:0px}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--cloth-period:0px}}}@layer theme{:root,:host{--font-sans:var(--font-geist-sans), system-ui, -apple-system, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--tracking-widest:.1em;--radius-sm:.25rem;--radius-md:.375rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--smooth-shadow-sm:0 18px 47px 0 #00000008, 0 7.5px 19px 0 #00000005, 0 4px 10.5px 0 #00000005, 0 2.3px 5.8px 0 #00000003, 0 1.2px 3.1px 0 #00000003, 0 .5px 1.3px 0 #00000003;--smooth-shadow-md:0 17.54px 23.39px 0 #0000000a, 0 9.4px 12.5px 0 #00000008, 0 5.25px 7px 0 #00000005, 0 2.79px 3.72px -2px #00000003, 0 1.16px 1.5px 0 #00000003;--smooth-shadow-lg:0 25px 50px 0 #0000000d, 0 12px 24px 0 #0000000a, 0 6px 12px 0 #00000008, 0 3px 6px 0 #00000005, 0 1.5px 3px 0 #00000005;--color-background:#f8f8f4;--color-foreground:#1b1c19;--color-popover:#1b1c19;--color-popover-foreground:#f4f4ee;--color-accent:#34362f;--color-accent-foreground:#fff;--color-muted-foreground:#a0a298;--color-muted:#0000000f;--color-border:#ffffff1f;--color-destructive:#e0705c}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}[data-slot^=dropdown-menu],[data-slot^=tooltip]{border-color:var(--color-border)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.left-2{left:calc(var(--spacing) * 2)}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0\!{margin:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgb(var(--card-tint,0 0 0) / .2) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:rgb(var(--card-tint,0 0 0) / .2);border-radius:99px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:rgb(var(--card-tint,0 0 0) / .32)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.w-fit{width:fit-content}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-\[8rem\]{min-width:8rem}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.cursor-default{cursor:default}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-neutral-200{border-color:var(--color-neutral-200)}.bg-background{background-color:var(--color-background)}.bg-border{background-color:var(--color-border)}.bg-destructive{background-color:var(--color-destructive)}.bg-foreground{background-color:var(--color-foreground)}.bg-muted{background-color:var(--color-muted)}.bg-popover{background-color:var(--color-popover)}.fill-current{fill:currentColor}.fill-foreground{fill:var(--color-foreground)}.p-1{padding:calc(var(--spacing) * 1)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.font-sans{font-family:var(--font-sans)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-background{color:var(--color-background)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.smooth-shadow-ring{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 17.54px 23.39px 0 var(--smooth-shadow-color), 0 9.4px 12.5px 0 var(--smooth-shadow-color), 0 5.25px 7px 0 var(--smooth-shadow-color), 0 2.79px 3.72px -2px var(--smooth-shadow-color), 0 1.16px 1.5px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring{box-shadow:0 17.54px 23.39px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 9.4px 12.5px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 5.25px 7px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 2.79px 3.72px -2px color-mix(in srgb, var(--smooth-shadow-color) 1%, transparent), 0 1.16px 1.5px 0 color-mix(in srgb, var(--smooth-shadow-color) 1%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.smooth-shadow-ring-lg{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 25px 50px 0 var(--smooth-shadow-color), 0 12px 24px 0 var(--smooth-shadow-color), 0 6px 12px 0 var(--smooth-shadow-color), 0 3px 6px 0 var(--smooth-shadow-color), 0 1.5px 3px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring-lg{box-shadow:0 25px 50px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 12px 24px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 6px 12px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 3px 6px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 1.5px 3px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.smooth-shadow-ring-md{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 17.54px 23.39px 0 var(--smooth-shadow-color), 0 9.4px 12.5px 0 var(--smooth-shadow-color), 0 5.25px 7px 0 var(--smooth-shadow-color), 0 2.79px 3.72px -2px var(--smooth-shadow-color), 0 1.16px 1.5px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring-md{box-shadow:0 17.54px 23.39px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 9.4px 12.5px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 5.25px 7px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 2.79px 3.72px -2px color-mix(in srgb, var(--smooth-shadow-color) 1%, transparent), 0 1.16px 1.5px 0 color-mix(in srgb, var(--smooth-shadow-color) 1%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.smooth-shadow-ring-md\!{--smooth-shadow-color:var(--tw-shadow-color,black)!important;box-shadow:0 17.54px 23.39px 0 var(--smooth-shadow-color), 0 9.4px 12.5px 0 var(--smooth-shadow-color), 0 5.25px 7px 0 var(--smooth-shadow-color), 0 2.79px 3.72px -2px var(--smooth-shadow-color), 0 1.16px 1.5px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)!important}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring-md\!{box-shadow:0 17.54px 23.39px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 9.4px 12.5px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 5.25px 7px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 2.79px 3.72px -2px color-mix(in srgb, var(--smooth-shadow-color) 1%, transparent), 0 1.16px 1.5px 0 color-mix(in srgb, var(--smooth-shadow-color) 1%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)!important}}.smooth-shadow-ring-xs{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 0 4px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-ring-xs{box-shadow:0 0 4px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.shadow-blue-500{--tw-shadow-color:lab(54.1736% 13.3369 -74.6839)}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500{--tw-shadow-color:color-mix(in oklab, var(--color-blue-500) var(--tw-shadow-alpha), transparent)}}.ring-neutral-200{--tw-ring-color:var(--color-neutral-200)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.smooth-ring-black\/10{--smooth-ring-color:color-mix(in srgb, #000 calc(10 * 1%), transparent)}@supports (color:color-mix(in lab, red, red)){.smooth-ring-black\/10{--smooth-ring-color:color-mix(in srgb, var(--color-black) calc(10 * 1%), transparent)}}.smooth-ring-blue-500\/40{--smooth-ring-color:color-mix(in srgb, lab(54.1736% 13.3369 -74.6839) calc(40 * 1%), transparent)}@supports (color:color-mix(in lab, red, red)){.smooth-ring-blue-500\/40{--smooth-ring-color:color-mix(in srgb, var(--color-blue-500) calc(40 * 1%), transparent)}}.zoom-in-95{--tw-enter-scale:.95}.\[--smooth-ring-width\:2px\]{--smooth-ring-width:2px}.running{animation-play-state:running}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}}@media (hover:hover){.hover\:bg-destructive\/90:hover{background-color:#e0705ce6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}}@media (hover:hover){.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:text-accent-foreground:focus{color:var(--color-accent-foreground)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:#e0705c33}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--color-destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:#e0705c33}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--color-accent-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--color-destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:#e0705c1a}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--color-destructive)}@media (prefers-color-scheme:dark){.dark\:bg-destructive\/60{background-color:#e0705c99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab, var(--color-destructive) 60%, transparent)}}}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:#34362f80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}}}@media (prefers-color-scheme:dark){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:#e0705c66}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}}@media (prefers-color-scheme:dark){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:#e0705c66}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}}@media (prefers-color-scheme:dark){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:#e0705c33}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--color-muted-foreground)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):is(svg){color:var(--color-destructive)!important}.\[\&\>\*\]\:focus-visible\:relative>*:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>*:focus-visible{z-index:10}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>input\]\:flex-1>input{flex:1}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:#f8f8f433}@supports (color:color-mix(in lab, red, red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab, var(--color-background) 20%, transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:var(--color-background)}@media (prefers-color-scheme:dark){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10{background-color:#f8f8f41a}@supports (color:color-mix(in lab, red, red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10{background-color:color-mix(in oklab, var(--color-background) 10%, transparent)}}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--smooth-ring-color:#0000000d;--smooth-ring-width:1px}@supports (color:light-dark(black, white)){:root{--smooth-ring-color:light-dark(#0000000d,#ffffff2e)}}.light,[data-theme=light]{--smooth-ring-color:#0000000d}.dark,[data-theme=dark]{--smooth-ring-color:#ffffff2e}:root{--ink:#20211e;--paper:#f8f8f4;--lime:#d8ff45;--moss:#6f8d10;--moss-deep:#5d760d;--line:#18191612;--ease-out:cubic-bezier(.23,1,.32,1);--button-shadow:0 1px 2px 0 #0000000d;--stage-elevation:inset 0 .5px 0 #ffffff14, inset 0 0 .5px #ffffff4d, var(--smooth-shadow-lg);--scrim:#fafaf6b8;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html{background:#e9e9e5}body{color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e9e9e5;margin:0}button,input{font:inherit}button{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{height:100vh;height:100dvh}.maker-window{background:var(--paper);width:100%;height:100%;overflow:hidden}.maker-layout{grid-template-columns:minmax(0,1fr);height:100%;min-height:0;display:grid}@property --stage-obstruction{syntax:"<length>";inherits:true;initial-value:0}.preview-panel{--panel-margin:16px;--panel-width:352px;--panel-gutter:calc(var(--panel-width) + var(--panel-margin) * 2);--stage-shift:clamp(0px, (1440px - 100vw) * 192 / 360, 192px);--stage-obstruction:var(--panel-gutter);background:#e5e5e0;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.preview-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.canvas-brand{z-index:3;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:6px;width:84px;padding:0;display:block;position:absolute;top:32px;left:36px}.canvas-brand img{width:100%;height:auto;display:block}.canvas-brand:focus-visible{outline:2px solid var(--moss-deep);outline-offset:6px}.brand-feedback{z-index:50;color:#f4f4ee;width:256px;max-width:calc(100vw - 32px);box-shadow:var(--stage-elevation);background:#1b1c19;border-radius:12px;padding:16px}.brand-feedback-arrow{fill:#1b1c19}.brand-feedback-description{color:#ffffffb8;margin:0;font-size:12px;font-weight:400;line-height:1.45}.brand-feedback-band{border-top:1px solid #ffffff24;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:16px -16px -16px;padding:0 16px;text-decoration:none;transition:background .15s;display:flex}.brand-feedback-band:hover{background:#ffffff0f}.brand-feedback-band:focus-visible{outline-offset:-2px;outline:2px solid #d8ff45}.brand-feedback-label{color:#ffffff73;white-space:nowrap;font-size:12px;font-weight:400;line-height:1.45}.brand-feedback-handle{color:#fff;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:400;line-height:1.45;display:inline-flex}.brand-feedback-handle svg{color:#ffffff73;flex:none}.preview-body:after{content:"";z-index:4;pointer-events:none;box-shadow:inset 0 0 0 2px var(--ink);opacity:0;transition:opacity .12s;position:absolute;inset:0}.preview-body.is-dropping:after{opacity:.38}.preview-empty{min-height:0;padding-right:calc(var(--stage-shift) * 2);flex:1;place-items:center;display:grid;position:relative}.processing-note{flex-direction:column;align-items:center;gap:12px;display:flex}.processing-label{letter-spacing:-.01em;color:#20211ead;margin:0;font-size:12px}.processing-dots{animation:1.44s steps(3,start) infinite stitching-dots;display:inline-block}@keyframes stitching-dots{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.processing-progress{background:#20211e1f;border-radius:99px;width:112px;max-width:55vw;height:6px}.processing-progress-indicator{background:linear-gradient(90deg,#2b241e09 0,#2b241e00 8% 75%,#2b241e1a 100%),linear-gradient(#c2cf9a00 28%,#c2cf9a28 36.25%,#c2cf9ab8 43%,#c2cf9a21 49.75%,#c2cf9a00 58%),linear-gradient(#5d760d 0,#68840f 15%,#6f8d10 35%,#819b2d 52%,#6f8d10 72%,#68840f 86%,#5d760d 100%);border-radius:99px;width:40%;height:100%;animation:1.44s linear infinite loading-sweep;box-shadow:.48px .78px 0 .6px #261f191f,.75px 1.35px 3px 1.65px #261f1929}@keyframes loading-sweep{0%{animation-timing-function:cubic-bezier(.15,.85,.3,1);translate:-8%;scale:.84 1}6%{animation-timing-function:linear;translate:8%;scale:1}40%{animation-timing-function:cubic-bezier(.3,.6,.4,1);translate:142%;scale:1}50%{animation-timing-function:cubic-bezier(.15,.85,.3,1);translate:158%;scale:.84 1}56%{animation-timing-function:linear;translate:142%;scale:1}90%{animation-timing-function:cubic-bezier(.3,.6,.4,1);translate:8%;scale:1}to{translate:-8%;scale:.84 1}}@media (prefers-reduced-motion:reduce){.processing-progress-indicator{animation:none;translate:75%}.processing-dots{animation:none}}.error-message{color:#9a3e30;margin:0;font-size:12px;position:absolute;bottom:24px}@property --cloth-period{syntax:"<length>";inherits:false;initial-value:0}:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='.5'/%3E%3C/svg%3E");--grain-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='.14'/%3E%3C/svg%3E")}.cloth{--weave:1;background-color:var(--ground)}[data-cloth=aida]{--ground:#f7f8f5;--cloth-light:radial-gradient(125% 95% at 50% 18%, #ffffff57, #747a7412 82%)}[data-cloth=linen]{--ground:#eeebe5;--cloth-light:radial-gradient(130% 100% at 50% 16%, #ffffff5c, #80796b21 84%)}.cloth[data-cloth=aida]{--aida:calc(10px * var(--weave));--aida-contrast:.8;--aida-guide:calc(var(--aida) * 10);--aida-line:calc(1px * var(--weave));--aida-crease:calc(1.4px * var(--weave));--cloth-period:var(--aida-guide);background-image:var(--grain-soft), repeating-linear-gradient(90deg, rgb(116 152 163/calc(.052 * var(--aida-contrast))) 0 var(--aida-line), transparent var(--aida-line) var(--aida-guide)), repeating-linear-gradient(180deg, rgb(116 152 163/calc(.052 * var(--aida-contrast))) 0 var(--aida-line), transparent var(--aida-line) var(--aida-guide)), radial-gradient(circle at 0 0, rgb(78 86 83/calc(.1 * var(--aida-contrast))) 0 calc(1px * var(--weave)), rgb(78 86 83/calc(.032 * var(--aida-contrast))) calc(1px * var(--weave)) calc(1.85px * var(--weave)), transparent calc(2.25px * var(--weave))), radial-gradient(circle at 50% 44%, rgb(255 255 255/calc(.17 * var(--aida-contrast))) 0 22%, #fff0 66%), repeating-linear-gradient(90deg, rgb(120 127 122/calc(.034 * var(--aida-contrast))) 0 var(--aida-crease), transparent var(--aida-crease) var(--aida)), repeating-linear-gradient(180deg, rgb(120 127 122/calc(.034 * var(--aida-contrast))) 0 var(--aida-crease), transparent var(--aida-crease) var(--aida));background-size:var(--aida-guide) var(--aida-guide), auto, auto, var(--aida) var(--aida), var(--aida) var(--aida), auto, auto}.cloth[data-cloth=linen]{--linen:calc(3px * var(--weave));--linen-thread:calc(1.4px * var(--weave));--cloth-period:calc(var(--linen) * 80);background-image:var(--grain), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.01 .6' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23s)' opacity='.3'/%3E%3C/svg%3E"), repeating-linear-gradient(90deg, #ffffff57 0 var(--linen-thread), #7d746418 var(--linen-thread) var(--linen)), repeating-linear-gradient(180deg, #ffffff47 0 var(--linen-thread), #7d746417 var(--linen-thread) var(--linen));background-size:calc(var(--linen) * 40) calc(var(--linen) * 40), calc(var(--linen) * 80) calc(var(--linen) * 80), auto, auto}.stage-cloth{z-index:0;transform-origin:50%;position:absolute;inset:0}.stage-cloth.is-transforming{will-change:transform, opacity}.stage-light{z-index:0;pointer-events:none;background-image:var(--cloth-light);position:absolute;inset:0}.canvas-stage.is-lighting-test .stage-cloth,.canvas-stage.is-lighting-test .stage-light{display:none}.cloth-chip{flex:none;box-shadow:inset 0 0 0 1px #00000024}.cloth-chip[data-cloth=aida]{--weave:.62;--aida-guide:calc(var(--aida) * 4);--aida-contrast:3.6}.cloth-chip[data-cloth=linen]{--weave:.8}.cloth-swatch{border-radius:5px;width:22px;height:22px}.cloth-seat{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000038,0 0 0 1px #ffffff1a}.cloth-menu{min-width:196px}.cloth-menu [data-slot=dropdown-menu-checkbox-item]{align-items:center;gap:9px;display:flex}.cloth-name{line-height:1.25;display:grid}.cloth-name em{color:#ffffff73;font-size:10px;font-style:normal;font-weight:500}.canvas-stage{--dock-seat:34px;--dock-pad:6px;--dock-inset:calc(20px + var(--safe-b));--stats-left:28px;--dock-height:calc(var(--dock-seat) + var(--dock-pad) * 2);--dock-band:calc(var(--dock-inset) + var(--dock-height));background-color:var(--ground);flex:1;place-items:center;min-height:0;transition:opacity .15s;display:grid;position:relative;overflow:hidden}.canvas-patch.is-stitching .patch-composite{opacity:.72}.stage-priming{z-index:2;padding-right:calc(var(--stage-shift) * 2);place-items:center;display:grid;position:absolute;inset:0}.zoom-viewport{padding-right:calc(var(--stage-shift) * 2);padding-bottom:var(--dock-band);touch-action:none;cursor:grab;contain:layout paint;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.zoom-viewport.is-panning{cursor:grabbing}.zoom-viewport:focus-visible{outline-offset:-3px;outline:2px solid #0000004d}.zoom-layer{z-index:1;place-content:center;place-items:center;width:100%;height:100%;display:grid;position:relative;container-type:size}.zoom-layer.is-transforming{will-change:transform}.stage-dock{left:calc(50% - var(--stage-shift));bottom:var(--dock-inset);opacity:1;align-items:center;gap:8px;transition:opacity .22s ease-out,transform .22s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;transform:translate(-50%)}@starting-style{.stage-dock{opacity:0;transform:translate(-50%,8px)}}.stage-dock-slot{display:contents}.stage-controls,.stage-pod{padding:var(--dock-pad);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);box-shadow:var(--stage-elevation);background:#1b1c19eb;border-radius:999px;align-items:center;display:flex}.stage-controls{gap:2px}.stage-controls-divider{background:#ffffff24;width:1px;height:20px;margin:0 5px}.stage-control{width:var(--dock-seat);height:var(--dock-seat);color:#ffffffb8;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:background-color .14s,color .14s,transform .14s cubic-bezier(.23,1,.32,1);display:grid}@media (hover:hover) and (pointer:fine){.stage-control:hover:not(:disabled){color:#fff;background:#ffffff1a}}.stage-control[aria-expanded=true]:not(:disabled){color:#fff;background:#ffffff1a}.stage-control:active:not(:disabled){transform:scale(.94)}.stage-control:disabled{opacity:.3;cursor:default}.stage-control:focus-visible{outline-offset:2px;outline:2px solid #ffffff8c}.stage-pod-primary{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;padding:0}.stage-pod-primary .stage-control{width:var(--dock-height);height:var(--dock-height);background:var(--moss);color:#fff;box-shadow:var(--stage-elevation)}@media (hover:hover) and (pointer:fine){.stage-pod-primary .stage-control:hover:not(:disabled){background:var(--moss-deep)}}.stage-pod-primary .stage-control[aria-expanded=true]:not(:disabled){background:var(--moss-deep)}.stage-pod-primary .stage-control:disabled{opacity:.45}.stage-pod-primary .stage-control:focus-visible{box-shadow:0 0 0 2px #ffffffeb, 0 0 0 4px #1b1c1999, var(--stage-elevation);outline:none}.stage-zoom-level{letter-spacing:-.01em;font-variant-numeric:tabular-nums;width:auto;min-width:50px;padding:0 6px;font-size:11px;font-weight:700}.stage-menu{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);min-width:148px;box-shadow:var(--stage-elevation);--color-popover:#1b1c19eb;--color-popover-foreground:#ffffffb8;--color-accent:#ffffff1a;--color-accent-foreground:#fff;--color-border:#ffffff24;border:0;border-radius:10px;gap:3px;padding:4px;font-family:inherit;display:grid}.stage-tooltip{box-shadow:var(--stage-elevation)}.stage-menu [data-slot=dropdown-menu-item],.stage-menu [data-slot=dropdown-menu-checkbox-item]{font-variant-numeric:tabular-nums;border-radius:6px;padding:8px 34px 8px 10px;font-size:13px;font-weight:500}.stage-menu [data-slot=dropdown-menu-checkbox-item][data-state=checked]{color:#fff;background:#ffffff24}.stage-menu [data-slot=dropdown-menu-checkbox-item]>span:first-child{left:auto;right:12px}.zoom-menu [data-slot=dropdown-menu-checkbox-item]>span:first-child{left:12px;right:auto}.zoom-menu [data-slot=dropdown-menu-item],.zoom-menu [data-slot=dropdown-menu-checkbox-item]{padding-left:34px;padding-right:10px}.stage-menu [data-slot=dropdown-menu-separator]{margin-block:0}.export-menu{align-items:stretch;gap:4px;display:flex}.export-preview{background:repeating-conic-gradient(#ffffff12 0% 25%,#ffffff05 0% 50%) 0/12px 12px;border-radius:6px;place-items:center;width:132px;height:132px;padding:8px;display:grid}.export-preview img{object-fit:contain;max-width:100%;max-height:100%;display:block}.export-formats{align-content:center;gap:5px;min-width:176px;display:grid}.export-menu [data-slot=dropdown-menu-item]{gap:1px;padding-right:10px;line-height:1.3;display:grid}.export-menu em{color:#ffffff73;font-size:10px;font-style:normal;font-weight:500}.order-menu{min-width:196px}.order-menu [data-slot=dropdown-menu-item]{justify-content:space-between;align-items:center;gap:16px;padding-right:10px;display:flex}.order-menu em{color:#fff6;font-size:11px;font-style:normal;font-weight:500}.stage-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.patch-composite{transition:opacity .15s;position:relative}.patch-intro{pointer-events:none;position:absolute;inset:0}.patch-intro>.canvas-patch{pointer-events:auto}.canvas-stage.is-arriving .patch-intro{will-change:transform, opacity}.canvas-stage.is-arriving .patch-chrome-layer{opacity:0}.patch-chrome-layer{transition:opacity .2s ease-out 60ms}@media (prefers-reduced-motion:reduce){.patch-chrome-layer{transition:none}}.canvas-patch{touch-action:none;cursor:move;position:absolute;top:50%;left:50%}.canvas-patch.is-dragging{cursor:grabbing}.canvas-patch:focus{outline:none}.canvas-patch>.patch-review>.patch-composite{width:100%;height:100%}.zoom-viewport.is-space-panning .canvas-patch{cursor:grab}.zoom-viewport.is-space-panning.is-panning .canvas-patch{cursor:grabbing}.patch-chrome-layer{pointer-events:none;position:absolute;inset:0}.patch-chrome{pointer-events:none;--chrome-ring:#6b6d66;--chrome-ring-width:1px;position:absolute;top:50%;left:50%}.patch-selection-outline{pointer-events:none;position:absolute;inset:0}.patch-chrome.is-selected>.patch-selection-outline,.patch-chrome.is-key-focused>.patch-selection-outline{box-shadow:0 0 0 var(--chrome-ring-width) var(--chrome-ring)}.patch-chrome.is-key-focused{--chrome-ring:#6f8d10}.patch-resize-handles{pointer-events:none;--handle:9px;position:absolute;inset:0}.patch-resize-handle{box-sizing:border-box;width:var(--handle);height:var(--handle);margin:calc(var(--handle) / -2);background:var(--paper);border:var(--chrome-ring-width) solid var(--chrome-ring);pointer-events:auto;cursor:var(--resize-cursor,nwse-resize);position:absolute}.patch-resize-handle.is-nw{top:0;left:0}.patch-resize-handle.is-ne{top:0;left:100%}.patch-resize-handle.is-se{top:100%;left:100%}.patch-resize-handle.is-sw{top:100%;left:0}.zoom-viewport.is-space-panning .patch-resize-handle{cursor:grab}.zoom-viewport.is-space-panning.is-panning .patch-resize-handle{cursor:grabbing}.patch-chrome.is-stretching .patch-resize-handle{background:var(--chrome-ring)}.patch-turn-corners{pointer-events:none;--turn-zone:20px;--turn-bite:0px;position:absolute;inset:0}.patch-turn-corner{width:var(--turn-zone);height:var(--turn-zone);pointer-events:auto;cursor:var(--turn-cursor,grab);position:absolute}.patch-turn-corner.is-nw{right:calc(100% - var(--turn-bite));bottom:calc(100% - var(--turn-bite))}.patch-turn-corner.is-ne{left:calc(100% - var(--turn-bite));bottom:calc(100% - var(--turn-bite))}.patch-turn-corner.is-se{left:calc(100% - var(--turn-bite));top:calc(100% - var(--turn-bite))}.patch-turn-corner.is-sw{right:calc(100% - var(--turn-bite));top:calc(100% - var(--turn-bite))}.zoom-viewport.is-space-panning .patch-turn-corner{cursor:grab}.zoom-viewport.is-space-panning.is-panning .patch-turn-corner{cursor:grabbing}@media (hover:none),(pointer:coarse){.patch-turn-corners{display:none}}.patch-readout{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:var(--stage-elevation);opacity:0;background:#1b1c19eb;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:500;line-height:1.5;transition:opacity .12s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.patch-chrome.is-turning .patch-readout,.patch-chrome.is-stretching .patch-readout{opacity:1}.patch-canvas{object-fit:contain;filter:saturate(.98);width:100%;height:100%;transition:opacity .15s;display:block}.patch-canvas.canvas-hidden{visibility:hidden}.interior-svg-preview{transition:opacity .15s;position:absolute;inset:0}.interior-svg-preview svg{pointer-events:none;cursor:auto;width:100%;height:100%;display:block;overflow:visible}.border-stitches-svg{pointer-events:none;cursor:auto;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.svg-source-paths path{stroke:#da5a46;stroke-width:1px;stroke-dasharray:2 3;opacity:.85}.thread-material-preview{width:min(var(--thread-preview-width,78%), var(--thread-preview-natural-width,760px))}.thread-material-preview svg{width:100%;max-height:var(--thread-preview-height,530px);filter:drop-shadow(0 10px 24px #1c1b1714);display:block}.thread-material-preview>span{text-transform:uppercase;letter-spacing:.08em;color:#00000061;width:50%;padding:8px 16px 0;font-size:9px;font-weight:800;display:inline-block}.thread-material-preview>span:last-child{text-align:right}.render-badge{left:var(--stats-left);bottom:calc(var(--dock-band) + 10px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0000007a;background:#ffffffd6;border-radius:99px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:700;display:flex;position:absolute}.render-badge i{background:#96c82d;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite pulse}.debug-panel{border-top:1px solid #00000014;margin:12px 4px 0}.debug-panel summary{text-transform:uppercase;letter-spacing:.09em;color:#0000005c;cursor:pointer;justify-content:space-between;padding:12px 0 0;font-size:10px;font-weight:800;list-style:none;display:flex}.debug-panel summary::-webkit-details-marker{display:none}.debug-body{background:#ffffff85;border-radius:14px;grid-template-columns:1fr auto;gap:24px;margin-top:12px;padding:14px;display:grid}.debug-tools{gap:14px;min-width:0;display:grid}.debug-modes{flex-wrap:wrap;gap:6px;display:flex}.debug-modes button{cursor:pointer;background:#ffffff8c;border:1px solid #00000014;border-radius:7px;padding:6px 9px;font-size:10px}.debug-modes button.active{background:var(--ink);color:#fff}.packing-debug{border-top:1px solid #00000012;width:min(340px,100%);padding-top:12px}.packing-heading{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.packing-heading label{text-transform:uppercase;letter-spacing:.07em;color:#00000080;font-size:9px;font-weight:800}.packing-heading output{font:600 9px var(--font-mono);color:#00000080}.packing-range{-webkit-appearance:none;appearance:none;cursor:pointer;direction:rtl;background:0 0;width:100%;height:16px;margin:0;display:block}.packing-range::-webkit-slider-runnable-track{background:#00000024;border-radius:99px;height:3px}.packing-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--ink);background:#fff;border-radius:50%;width:13px;height:13px;margin-top:-5px}.packing-range::-moz-range-track{background:#00000024;border-radius:99px;height:3px}.packing-range::-moz-range-thumb{border:2px solid var(--ink);background:#fff;border-radius:50%;width:10px;height:10px}.packing-scale{text-transform:uppercase;letter-spacing:.06em;color:#0000004d;justify-content:space-between;font-size:8px;font-weight:700;display:flex}.packing-presets{gap:5px;margin-top:8px;display:flex}.packing-presets button{color:#0000007a;cursor:pointer;background:#ffffffa6;border:1px solid #00000014;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:700}.packing-presets button.active{border-color:var(--ink);background:var(--ink);color:#fff}.shape-debug{border-top:1px solid #00000012;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;width:min(440px,100%);padding-top:12px;display:grid}.shape-control{min-width:0}.shape-range{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0;display:block}.shape-range::-webkit-slider-runnable-track{background:#00000024;border-radius:99px;height:3px}.shape-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--ink);background:#fff;border-radius:50%;width:13px;height:13px;margin-top:-5px}.shape-range::-moz-range-track{background:#00000024;border-radius:99px;height:3px}.shape-range::-moz-range-thumb{border:2px solid var(--ink);background:#fff;border-radius:50%;width:10px;height:10px}.shape-presets{grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;display:flex}.shape-presets>span{text-transform:uppercase;letter-spacing:.07em;color:#0006;font-size:8px;font-weight:800}.shape-presets>div{flex-wrap:wrap;gap:5px;display:flex}.shape-presets button{color:#0000007a;cursor:pointer;background:#ffffffa6;border:1px solid #00000014;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:700}.shape-presets button.active{border-color:var(--ink);background:var(--ink);color:#fff}.corner-debug{border-top:1px solid #00000012;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(440px,100%);padding-top:12px;display:grid}.inner-debug{border-top:1px solid #00000012;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;width:min(560px,100%);padding-top:12px;display:grid}.svg-inner-stitch{pointer-events:none}.material-debug{border-top:1px solid #00000012;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;width:min(440px,100%);padding-top:12px;display:grid}.debug-body dl{grid-template-columns:repeat(5,auto);gap:16px;margin:0;display:grid}.debug-body dl div{flex-direction:column;gap:3px;display:flex}.debug-body dt{text-transform:uppercase;color:#00000061;font-size:9px}.debug-body dd{font:600 10px var(--font-mono);margin:0}.controls-surface{--panel-inset:20px;--panel-row-inset:12px;--panel-band-pad:16px;--panel-title-gap:10px}.controls-panel{z-index:3;top:var(--panel-margin);right:var(--panel-margin);width:var(--panel-width);max-height:calc(100% - var(--panel-margin) * 2);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;min-height:0;display:flex;position:absolute}.controls-panel input,.controls-panel textarea{-webkit-user-select:text;user-select:text}.controls-surface{--card-tint:0 0 0;--card-paper:#fafaf6;--card-lift:#fff;--card-lift-rim:rgb(var(--card-tint) / .08);--card-field:#fff;--card-mark:var(--ink);--card-mark-ink:#fff;--card-danger:#9a3e30;--card-check-shade:#f0f0e8;--card-check-light:#fdfdf9;--card-thread-row:#f0f0f0;--card-thread-row-open:#e1e1e1}@media (prefers-color-scheme:dark){.controls-surface{--card-tint:255 255 255;--card-paper:#1b1c19;--card-lift:#3a3c34;--card-lift-rim:rgb(var(--card-tint) / .2);--card-field:#262722;--card-mark:#f0f0e8;--card-mark-ink:#1b1c19;--card-danger:#e79280;--card-check-shade:#212220;--card-check-light:#2a2b27;--card-thread-row:#232420;--card-thread-row-open:#2f302a}}.controls-card{pointer-events:auto;background:var(--card-paper);--smooth-ring-color:rgb(var(--card-tint) / .08);--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 25px 50px 0 var(--smooth-shadow-color), 0 12px 24px 0 var(--smooth-shadow-color), 0 6px 12px 0 var(--smooth-shadow-color), 0 3px 6px 0 var(--smooth-shadow-color), 0 1.5px 3px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);border-radius:16px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.controls-card{box-shadow:0 25px 50px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 12px 24px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 6px 12px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 3px 6px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 1.5px 3px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.controls-stack{flex:none}.controls-source{padding:var(--panel-band-pad) 0 0;display:grid}.controls-band-head{margin-bottom:calc(var(--panel-title-gap) - var(--card-bleed-top,0px));padding-left:calc(var(--panel-inset) + var(--panel-row-inset));padding-right:var(--panel-inset);justify-content:space-between;align-items:center;gap:12px;display:flex}.controls-title{letter-spacing:-.01em;color:var(--dial-text-section);margin:0;font-size:13px;font-weight:600}.controls-hint{white-space:nowrap;color:var(--dial-text-tertiary,#0000006b);--color-muted:rgb(var(--card-tint) / .05);--color-muted-foreground:rgb(var(--card-tint) / .45);align-items:center;gap:5px;margin:0;font-size:11px;font-weight:500;display:inline-flex}@media (hover:none){.controls-hint{display:none}}.stage-over-dock{left:calc(50% - var(--stage-shift));bottom:calc(var(--dock-band) + 10px);transition:opacity .2s ease-out, transform .2s var(--ease-out);position:absolute;transform:translate(-50%)}@starting-style{.stage-over-dock{opacity:0;transform:translate(-50%,6px)}}.stage-edit{height:var(--dock-seat);color:#fff;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-shadow:var(--stage-elevation);background:#1b1c19f5;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:500;transition:transform .14s cubic-bezier(.23,1,.32,1);display:flex}.stage-edit:active{transform:scale(.97)}.stage-edit:focus-visible{outline-offset:2px;outline:2px solid #ffffff8c}@media (prefers-reduced-motion:reduce){.stage-over-dock,.stage-edit{transition:none}}.patch-review{transform-origin:50%;width:100%;height:100%}.canvas-stage.is-reviewing .patch-review{will-change:transform}.review-scrim{z-index:0;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out);position:absolute;inset:-100%}.review-scrim.is-open{opacity:1;pointer-events:auto}.canvas-patch.is-reviewing{z-index:1}.patch-intro:has(.canvas-patch.is-reviewing){z-index:1}.canvas-stage.is-reviewing .canvas-patch{pointer-events:none}@media (prefers-reduced-motion:reduce){.review-scrim{transition-duration:.01ms}}.sheet-scrim{z-index:9999;background:var(--scrim);opacity:0;transition:opacity .24s var(--ease-out), display .24s allow-discrete;display:none;position:fixed;inset:0}.sheet-scrim.is-open{opacity:1;display:block}@starting-style{.sheet-scrim.is-open{opacity:0}}.sheet{z-index:10000;box-sizing:border-box;background:var(--card-paper);min-height:min(46dvh,380px);max-height:min(72dvh,620px);color:var(--dial-text-primary,var(--ink));--smooth-ring-color:rgb(var(--card-tint) / .1);--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 25px 50px 0 var(--smooth-shadow-color), 0 12px 24px 0 var(--smooth-shadow-color), 0 6px 12px 0 var(--smooth-shadow-color), 0 3px 6px 0 var(--smooth-shadow-color), 0 1.5px 3px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);border-radius:18px 18px 0 0;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.sheet{box-shadow:0 25px 50px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 12px 24px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 6px 12px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 3px 6px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 1.5px 3px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.sheet{-webkit-user-select:none;user-select:none;transition:transform .28s var(--ease-out), display .28s allow-discrete;transform:translateY(100%)}.sheet input,.sheet textarea{-webkit-user-select:text;user-select:text}.sheet.is-open{display:flex;transform:translateY(0)}@starting-style{.sheet.is-open{transform:translateY(100%)}}.sheet:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.sheet-scrim,.sheet{transition-duration:.01ms}.sheet,.sheet.is-open{transform:none}@starting-style{.sheet.is-open{transform:none}}}.sheet-grip{background:rgb(var(--card-tint) / .18);border-radius:99px;flex:none;width:36px;height:4px;margin:8px auto 0}.sheet-body{overscroll-behavior:contain;min-height:0;padding-bottom:var(--safe-b);padding-inline:max(0px, var(--safe-l), var(--safe-r));overflow-y:auto}.sheet-section{padding-block:var(--panel-band-pad)}.sheet-section+.sheet-section{border-top:1px solid rgb(var(--card-tint) / .08)}.sheet-section>.controls-band-head{padding-inline:var(--panel-inset)}.sheet .controls-card{box-shadow:none;background:0 0;border-radius:0}.dial-tablist{z-index:1;margin:0 var(--panel-inset) var(--panel-band-pad);background:rgb(var(--card-tint) / .05);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;display:grid;position:sticky;top:0}.dial-tab{letter-spacing:-.01em;color:var(--dial-text-secondary,rgb(var(--card-tint) / .55));cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 4px;font-size:12px;font-weight:500;transition:background-color .14s,color .14s}.dial-tab.is-active{background:var(--card-lift);color:var(--dial-text-primary,var(--ink));box-shadow:0 0 0 1px var(--card-lift-rim), var(--smooth-shadow-sm,0 1px 2px #0000000f)}.dial-tab:focus-visible{outline-offset:-2px;outline:2px solid #6f8d10}@media (prefers-reduced-motion:reduce){.dial-tab{transition:none}}.dial-tabpanel>.controls-count{margin-bottom:0}.sheet-head{padding:10px var(--panel-inset) 10px;border-bottom:1px solid rgb(var(--card-tint) / .08);flex:none;align-items:center;gap:12px;display:flex}.sheet-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;min-width:0;color:var(--dial-text-primary,var(--ink));flex:1;margin:0;font-size:15px;font-weight:600;overflow:hidden}.sheet-action{width:40px;height:40px;color:var(--dial-text-secondary,rgb(var(--card-tint) / .62));cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;transition:background-color .12s,color .12s;display:grid}.sheet-action:active:not(:disabled){background:rgb(var(--card-tint) / .08)}.sheet-action:disabled{opacity:.3;cursor:default}.sheet-action.is-destructive{color:var(--card-danger)}.sheet-action:focus-visible{outline-offset:-2px;outline:2px solid #6f8d10}@media (prefers-reduced-motion:reduce){.sheet-action{transition:none}}.artwork-trigger{font:inherit;white-space:nowrap;cursor:pointer;color:#fff;background:var(--moss-deep);border:0;border-radius:7px;flex:none;margin:-1.5px 0;padding:3px 8px;font-size:11px;font-weight:500;transition:background-color .12s}.artwork-trigger:hover,.artwork-trigger[aria-expanded=true]{background:#45570a}.artwork-trigger:focus-visible{outline-offset:1px;outline:2px solid #6f8d10}.artwork-panel{z-index:10001;pointer-events:auto;box-sizing:border-box;top:var(--panel-margin);right:calc(var(--panel-margin) + var(--panel-width) + 12px);width:280px;max-height:calc(100% - var(--panel-margin) * 2);overscroll-behavior:contain;--artwork-field-border:1px;--artwork-field-pad:9px;--artwork-text-inset:calc(var(--artwork-field-border) + var(--artwork-field-pad));background:var(--card-paper);--smooth-ring-color:rgb(var(--card-tint) / .12);--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 25px 50px 0 var(--smooth-shadow-color), 0 12px 24px 0 var(--smooth-shadow-color), 0 6px 12px 0 var(--smooth-shadow-color), 0 3px 6px 0 var(--smooth-shadow-color), 0 1.5px 3px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);border-radius:16px;gap:16px;padding:16px;display:grid;position:fixed;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.artwork-panel{box-shadow:0 25px 50px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 12px 24px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 6px 12px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 3px 6px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 1.5px 3px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.artwork-panel{animation:artwork-panel-enter .16s var(--ease-out)}@keyframes artwork-panel-enter{0%{opacity:0;transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.artwork-panel{animation:none}}.artwork-title,.artwork-lede,.artwork-error{padding-left:var(--artwork-text-inset)}.artwork-title{letter-spacing:-.01em;color:var(--dial-text-section);margin:0;font-size:13px;font-weight:600}.artwork-ask{display:grid}.artwork-ask>.artwork-input:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.artwork-ask>.artwork-input:last-child{margin-top:calc(var(--artwork-field-border) * -1);border-top-left-radius:0;border-top-right-radius:0}.artwork-act{gap:8px;display:grid}.artwork-head{gap:4px;display:grid}.artwork-lede{color:var(--dial-text-secondary,#0000008c);margin:0;font-size:12px;font-weight:400;line-height:1.45}.artwork-input{z-index:0;box-sizing:border-box;width:100%;padding:7px var(--artwork-field-pad);font:inherit;color:var(--dial-text-primary,var(--ink));background:var(--card-field);border-radius:var(--dial-radius,8px);border:var(--artwork-field-border) solid var(--dial-border,#0000001a);font-size:13px;position:relative}.artwork-input::placeholder{color:var(--dial-text-tertiary,#00000059)}.artwork-input:focus-visible{outline-offset:1px;outline:2px solid #6f8d10}.artwork-input:focus{border-color:var(--dial-border-hover,#00000026);z-index:1}.artwork-copy{--tick:14px;--tick-gap:6px;justify-content:center;align-items:center;gap:var(--tick-gap);cursor:pointer;width:100%;font:inherit;color:var(--card-mark-ink);background:var(--card-mark);box-shadow:var(--button-shadow);border:0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:550;transition:opacity .12s;display:flex}.artwork-copy:not(:disabled):hover{opacity:.88}.artwork-copy:disabled{opacity:.35;cursor:default;box-shadow:none}.artwork-copy:focus-visible{outline-offset:2px;outline:2px solid #6f8d10}.artwork-tick{width:var(--tick);height:var(--tick);color:#819b2d;margin-left:calc(-1 * (var(--tick) + var(--tick-gap)));flex:none}.artwork-tick path{stroke-dasharray:1;stroke-dashoffset:1px;animation:artwork-tick-draw .3s var(--ease-out) forwards}@keyframes artwork-tick-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.artwork-tick path{stroke-dashoffset:0;animation:none}}.artwork-error{color:var(--card-danger);margin:0;font-size:11px;font-weight:400;line-height:1.45}.controls-source{--card-overhang:5px;--gallery-gap:8px;--gallery-card:calc(((var(--panel-width) - var(--panel-inset) * 2 - var(--gallery-gap) * 2) / 3) * 3 / 4);--gallery-row:calc(var(--gallery-card) + var(--gallery-gap));--panel-title-gap:16px;--card-bleed-top:calc(var(--card-overhang) + 4px);--card-bleed-bottom:var(--panel-band-pad);--gallery-cap:calc(var(--card-bleed-top) + var(--card-bleed-bottom) + var(--gallery-card) * 1.5 + var(--gallery-gap))}.image-scroll{--gallery-fit:calc(var(--card-bleed-top) + var(--card-bleed-bottom) + var(--gallery-card) + (var(--gallery-rows,1) - 1) * var(--gallery-row));height:min(var(--gallery-fit), var(--gallery-cap));max-height:var(--gallery-cap);padding:var(--card-bleed-top) 0 var(--card-bleed-bottom) var(--panel-inset);overscroll-behavior:contain;scroll-padding-block:var(--card-bleed-top) var(--card-bleed-bottom);transition:height .28s var(--ease-out);overflow:auto}@media (prefers-reduced-motion:reduce){.image-scroll{transition:none}}.controls-count{padding:var(--panel-band-pad) var(--panel-inset) 0}.controls-cut{background-color:var(--cut-line,transparent);height:1px;transition:background-color .18s}.controls-source:has(+.controls-canvas){--cut-line:var(--dial-surface-subtle)}.controls-cut.is-clipped{--cut-line:rgb(var(--card-tint) / .1)}@media (prefers-reduced-motion:reduce){.controls-cut,.image-card-cut{transition:none}}.controls-disabled{opacity:.32;pointer-events:none}.controls-empty{padding:25px var(--panel-inset) 21px;text-align:center;text-wrap:balance;color:var(--dial-text-tertiary,#0000006b);margin:0;font-size:12px;line-height:1.5}.control-group{margin-bottom:23px}.control-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.control-heading label{font-size:11px;font-weight:800}.control-heading output{font:600 9px var(--font-mono);color:#0000007a;background:#0000000b;border-radius:5px;padding:3px 6px}.segmented,.shape-options{background:#0000000e;border-radius:10px;padding:3px;display:grid}.segmented{grid-auto-columns:1fr;grid-auto-flow:column}.shape-options{grid-template-columns:repeat(3,1fr)}.shape-options.two-up{grid-template-columns:repeat(2,1fr)}.segmented button,.shape-options button{color:#0000006e;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 4px;font-size:10px;font-weight:800}.segmented button.active,.shape-options button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #00000014}.color-count{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;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,opacity .2s;display:flex}.color-count-label{flex:1;transform:translateY(-.5px)}.color-count-value{font-variant-numeric:tabular-nums;transform:translateY(-.5px)}.color-count-caret{opacity:.6;transition:transform .18s var(--ease-out);margin-left:8px}button.color-count:hover:not(:disabled){background:var(--dial-surface-hover)}.color-count[data-open=true]{background:var(--dial-surface-active)}.color-count[data-open=true] .color-count-caret{transform:rotate(180deg)}.color-count.is-static{cursor:default}.color-count:disabled,.color-count.is-idle{opacity:.32;cursor:default}@media (prefers-reduced-motion:reduce){.color-count-caret{transition:none}}.panel-menu{border-radius:var(--dial-radius,8px);--color-popover:#fafafa;--color-popover-foreground:#0009;--color-accent:#00000014;--color-accent-foreground:#000000e6;--color-border:#0000001a;border:0;gap:3px;padding:4px;font-family:inherit;display:grid}.panel-menu [data-slot=dropdown-menu-radio-item]{font-variant-numeric:tabular-nums;border-radius:6px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:13px;font-weight:500}.panel-menu [data-slot=dropdown-menu-radio-item]>span:first-child{display:none}.panel-menu [data-slot=dropdown-menu-radio-group]{gap:3px;display:grid}.panel-menu,.dialkit-select-dropdown,.dialkit-preset-dropdown,.dialkit-shortcuts-dropdown,.dialkit-color-popover{--smooth-ring-color:rgb(var(--card-tint,0 0 0) / .12);--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 25px 50px 0 var(--smooth-shadow-color), 0 12px 24px 0 var(--smooth-shadow-color), 0 6px 12px 0 var(--smooth-shadow-color), 0 3px 6px 0 var(--smooth-shadow-color), 0 1.5px 3px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}@supports (color:color-mix(in lab, red, red)){.panel-menu,.dialkit-select-dropdown,.dialkit-preset-dropdown,.dialkit-shortcuts-dropdown,.dialkit-color-popover{box-shadow:0 25px 50px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 12px 24px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 6px 12px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 3px 6px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 1.5px 3px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.panel-menu [data-slot=dropdown-menu-radio-item][data-state=checked]{color:rgb(var(--card-tint,0 0 0) / .9);background:rgb(var(--card-tint,0 0 0) / .1)}@media (prefers-color-scheme:dark){.panel-menu{--card-tint:255 255 255;--color-popover:#2a2a2a;--color-popover-foreground:#ffffffb3;--color-accent:#ffffff1a;--color-accent-foreground:#fffffff2;--color-border:#ffffff1a}.color-count-patches i{border-color:#ffffff29}}.color-count-menu{min-width:var(--radix-dropdown-menu-trigger-width)}.mode-menu{min-width:190px}.color-count-patches{flex:none;align-items:center;gap:3px;display:inline-flex}.color-count-patches i{border:1px solid #00000021;border-radius:4px;width:14px;height:14px;display:block;box-shadow:inset 0 0 0 .5px #ffffff38}.dialkit-color-popover .dialkit-color-track-row:has(>.dialkit-color-opacity){display:none}@media (min-height:860px){.dialkit-color-popover{margin-top:21.5px}}.image-gallery{gap:8px;display:grid;container-type:inline-size}.image-grid{width:min(calc(100cqw - var(--panel-inset) * 2), 100%);gap:var(--gallery-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.controls-canvas{transition:grid-template-rows .28s var(--ease-out);grid-template-rows:1fr;display:grid}@starting-style{.controls-canvas{grid-template-rows:0fr}}.controls-canvas-body{min-height:0;display:grid;overflow:hidden;container-type:inline-size}.controls-canvas-body>.controls-band-head{margin-top:var(--panel-band-pad)}.controls-canvas-body>.layer-list{margin-bottom:var(--panel-band-pad)}.layer-list{--layer-gap:2px;--layer-fit:calc(var(--layer-rows,1) * var(--layer-pitch) - var(--layer-gap));--layer-cap:calc(4.5 * var(--layer-pitch) - var(--layer-gap));gap:var(--layer-gap);height:min(var(--layer-fit), var(--layer-cap));max-height:var(--layer-cap);overscroll-behavior:contain;grid-template-columns:min(calc(100cqw - var(--panel-inset) * 2), 100%);padding-inline:var(--panel-inset) 0;transition:height .28s var(--ease-out);display:grid;overflow-y:auto}.layer-row{cursor:grab;height:40px;transition:transform .16s var(--ease-out), background-color .12s ease;background:0 0;border-radius:9px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 5px 0 6px;display:grid;position:relative}.layer-row:hover{background:rgb(var(--card-tint) / .04)}.layer-row.is-selected{background:rgb(var(--card-tint) / .07)}.layer-row:focus-visible{outline-offset:-2px;outline:2px solid #6f8d10}.layer-list.is-reordering .layer-row.is-carried{transition:none}.layer-row.is-carried{z-index:1;cursor:grabbing;background:var(--card-lift);box-shadow:0 0 0 1px var(--card-lift-rim), var(--smooth-shadow-md,0 4px 12px #0000001f)}.layer-thumb{object-fit:contain;pointer-events:none;width:28px;height:28px;display:block}.layer-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dial-text-primary,var(--ink));font-size:12px;font-weight:500;overflow:hidden}.layer-actions{opacity:0;align-items:center;gap:1px;transition:opacity .12s;display:flex}.layer-row:hover .layer-actions,.layer-row.is-selected .layer-actions{opacity:1}.layer-row:has(:focus-visible) .layer-actions{opacity:1}@media (hover:none){.layer-actions{opacity:1}}.layer-action{width:24px;height:24px;color:var(--dial-text-tertiary,#00000073);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:background-color .12s,color .12s;display:grid}.layer-action:hover{background:rgb(var(--card-tint) / .08);color:var(--card-mark)}.layer-action:focus-visible{outline-offset:-2px;outline:2px solid #6f8d10}@media (prefers-reduced-motion:reduce){.controls-canvas,.layer-list,.layer-row,.layer-actions{transition:none}}.image-card{position:relative}.image-card-pick{aspect-ratio:4/3;cursor:pointer;background:repeating-conic-gradient(var(--card-check-shade) 0% 25%, var(--card-check-light) 0% 50%) 0 / 12px 12px;border:0;border-radius:9px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.image-card-pick img{object-fit:contain;width:100%;height:100%;display:block}.image-card-pick:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--dial-border,#0000001a);transition:box-shadow .15s;position:absolute;inset:0}.image-card-pick:hover:after{box-shadow:inset 0 0 0 1px var(--dial-border-hover,#0003)}.image-card-cut{border-radius:inherit;color:#fff;opacity:0;background:#1415126b;place-items:center;transition:opacity .13s;display:grid;position:absolute;inset:0}:is(.image-card-pick:hover .image-card-cut,.image-card-pick:focus-visible .image-card-cut){opacity:1}@media (hover:none){.image-card-pick:active .image-card-cut{opacity:1}}.image-card-count{background:var(--card-mark);min-width:16px;height:16px;color:var(--card-mark-ink);font-variant-numeric:tabular-nums;box-shadow:0 0 0 1.5px var(--card-paper);pointer-events:none;border-radius:99px;place-items:center;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:grid;position:absolute;bottom:4px;left:4px}.image-card-pick:focus-visible{outline-offset:2px;outline:2px solid #6f8d10}.image-card-remove{top:calc(var(--card-overhang) * -1);right:calc(var(--card-overhang) * -1);width:19px;height:19px;color:var(--card-mark-ink);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:99px;place-items:center;padding:0;transition:opacity .12s,transform .12s;display:grid;position:absolute;transform:scale(.86)}.image-card-remove:before{content:"";background:var(--card-mark);box-shadow:0 0 0 1.5px var(--card-paper), var(--smooth-shadow-sm,0 1px 3px #0003);border-radius:99px;position:absolute;inset:1.5px}.image-card-remove>svg{position:relative}.image-card:hover .image-card-remove{opacity:1;transform:scale(1)}.image-card:has(:focus-visible) .image-card-remove{opacity:1;transform:scale(1)}@media (hover:none){.image-card-remove{opacity:1;transform:scale(1)}}.image-card-remove:focus-visible{outline-offset:2px;outline:2px solid #6f8d10}.image-add{aspect-ratio:4/3;border:1px dashed var(--dial-border-hover,#0000002e);background:var(--dial-surface,#0000000a);width:100%;color:var(--dial-text-tertiary,#0000006b);cursor:pointer;border-radius:9px;place-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:grid}.image-add:hover,.image-gallery.is-dragging .image-add{border-color:var(--card-mark);background:var(--dial-surface-hover,#00000012);color:var(--dial-text-primary,var(--ink))}.image-add:focus-visible{outline-offset:2px;outline:2px solid #6f8d10}.image-gallery-error{margin:0 var(--panel-inset);color:var(--card-danger);font-size:11px;font-weight:500}@media (prefers-reduced-motion:reduce){.image-card-remove{transition:none;transform:none}.image-card:hover .image-card-remove{transform:none}.image-card:has(:focus-visible) .image-card-remove{transform:none}}.dialkit-color-host.has-thread-swatches{--thread-dot:20px;--thread-gap:6px;--thread-tuck:7px;--thread-hide:calc(var(--thread-dot) * -.6);--thread-lead:calc(var(--thread-dot) + var(--thread-gap));--thread-row-bg:var(--card-thread-row)}.dialkit-color-host.has-thread-swatches:has(.dialkit-color-control[data-open=true]){--thread-row-bg:var(--card-thread-row-open)}.has-thread-swatches .dialkit-color-control{gap:10px}.has-thread-swatches .dialkit-color-inputs{gap:var(--thread-gap);container-type:inline-size}.has-thread-swatches .dialkit-color-value{display:none}.thread-swatch-host{display:contents}.thread-swatch-row{--thread-fit:clamp(var(--thread-hide), calc((100cqw - var(--thread-lead) - var(--thread-count,0) * var(--thread-dot)) / max(1, var(--thread-count,0) - 1)), var(--thread-gap));--thread-tucked:min(var(--thread-tuck), calc(var(--thread-gap) - var(--thread-fit)));--thread-step:max(var(--thread-hide), calc(var(--thread-fit) - var(--thread-tucked)));flex:none;align-items:center;display:flex}.has-thread-swatches .dialkit-color-control:is(:hover,:focus-within) .thread-swatch-row{--thread-step:var(--thread-fit)}@media (hover:none){.thread-swatch-row{--thread-step:var(--thread-fit)}}.thread-swatch{flex:0 0 var(--thread-dot);width:var(--thread-dot);height:var(--thread-dot);cursor:pointer;box-shadow:0 0 0 1.5px var(--thread-row-bg), inset 0 0 0 1px rgb(var(--card-tint) / .1);transition:margin-left .24s var(--ease-out), transform .15s;border:0;border-radius:50%;padding:0;position:relative}.thread-swatch+.thread-swatch{margin-left:var(--thread-step)}.thread-swatch:hover{z-index:3;transform:scale(1.12)}.thread-swatch.is-active{outline:2px solid var(--card-mark);outline-offset:1.5px;z-index:2}.thread-swatch:focus-visible{outline-offset:1.5px;z-index:3;outline:2px solid #6f8d10}.has-thread-swatches .dialkit-color-swatch{flex:0 0 var(--thread-dot);width:var(--thread-dot);height:var(--thread-dot);box-shadow:inset 0 0 0 1px rgb(var(--card-tint) / .12);background:conic-gradient(from .5turn,#ef4b4b,#f59f45,#f4d64a,#63c96a,#55a6f0,#8b5cf6,#ef4b4b);border:0;border-radius:50%;position:relative}.has-custom-thread .dialkit-color-swatch{background:var(--dial-color);box-shadow:inset 0 0 0 1px rgb(var(--card-tint) / .14), 0 0 0 1.5px var(--thread-row-bg)}.has-custom-thread .dialkit-color-swatch:after{content:"";background:conic-gradient(from .5turn,#ef4b4b,#f59f45,#f4d64a,#63c96a,#55a6f0,#8b5cf6,#ef4b4b);border-radius:50%;position:absolute;inset:-3.5px;-webkit-mask-image:radial-gradient(closest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));mask-image:radial-gradient(closest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}@media (prefers-reduced-motion:reduce){.thread-swatch{transition:none}.thread-swatch:hover{transform:none}}.dialkit-inline{scrollbar-width:none;flex:0 auto;min-height:0;padding:0;transition:opacity .2s;overflow-y:auto}.dialkit-inline::-webkit-scrollbar{display:none}.dialkit-inline .dialkit-panel-header{display:none}.dialkit-inline .dialkit-root,.dialkit-inline .dialkit-panel{width:100%}.dialkit-root{font-family:var(--font-sans)}.dialkit-slider-value{font-family:var(--font-mono)}.dialkit-inline .dialkit-panel-inner{box-shadow:none;background:0 0;border-radius:0;padding:0}.dialkit-select-dropdown,.dialkit-preset-dropdown,.dialkit-shortcuts-dropdown,.dialkit-color-popover{border:0}.dialkit-inline .dialkit-panel-inner[data-collapsed=false]{max-height:none}.dialkit-inline .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{gap:0}.dialkit-inline .dialkit-folder:not(.dialkit-folder-root),.dialkit-inline .dialkit-folder:not(.dialkit-folder-root)+.dialkit-folder:not(.dialkit-folder-root){padding:var(--panel-band-pad) 0;border-top:1px solid var(--dial-surface-subtle);border-bottom:none;margin:0}.dialkit-inline .dialkit-folder-inner>.dialkit-folder:first-child{border-top:0}.dialkit-inline .dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{pointer-events:none}.dialkit-inline .dialkit-folder-icon{display:none}.dialkit-inline .dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header,.dialkit-inline .dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header>.dialkit-folder-header-top{height:auto}.dialkit-inline .dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{padding-inline:calc(var(--panel-inset) + var(--panel-row-inset))}.dialkit-inline .dialkit-slider-label{left:var(--panel-row-inset)}.dialkit-inline .dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-content>.dialkit-folder-inner{padding:var(--panel-title-gap) var(--panel-inset) 0}.dialkit-inline .dialkit-folder-inner:has(>.dialkit-button){grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dialkit-inline .dialkit-folder-inner>*{grid-column:1/-1}.dialkit-inline .dialkit-folder-inner>.dialkit-button{white-space:nowrap;grid-column:auto;padding-inline:4px;font-size:12px}.dialkit-inline .dialkit-button[data-stitch-preset]{isolation:isolate;position:relative}.dialkit-inline .dialkit-button[data-stitch-preset]:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background-image:var(--stitch-preset-pattern);opacity:.65;background-position:100% 0;background-repeat:no-repeat;background-size:160px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(25deg,#0000 40%,#00000026 57%,#000 88%);mask-image:linear-gradient(25deg,#0000 40%,#00000026 57%,#000 88%)}@media (prefers-color-scheme:dark){.dialkit-inline .dialkit-button[data-stitch-preset]:before{filter:invert()}}.dialkit-inline .dialkit-folder-inner>.dialkit-button.is-active-preset{background:var(--card-lift);color:var(--card-mark);--smooth-ring-color:var(--card-lift-rim);--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 0 4px 0 var(--smooth-shadow-color), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color);font-weight:600}@supports (color:color-mix(in lab, red, red)){.dialkit-inline .dialkit-folder-inner>.dialkit-button.is-active-preset{box-shadow:0 0 4px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 0 0 var(--smooth-ring-width,1px) var(--smooth-ring-color)}}.dialkit-labeled-control.has-switch{padding:0}.has-switch>.dialkit-labeled-control-label,.has-switch>.dialkit-segmented{display:none}.has-switch>.switch-host{display:contents}.dial-switch{height:100%;padding-inline:var(--panel-row-inset);border-radius:var(--dial-radius);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:12px;transition:background .15s;display:flex}.dial-switch:hover{background:var(--dial-surface-hover)}.dial-switch:focus-visible{outline:2px solid var(--dial-focus-ring);outline-offset:-2px}.dial-switch-label{color:var(--dial-text-label);font-size:13px;font-weight:500;transition:color .15s}.dial-switch[aria-checked=true] .dial-switch-label{color:var(--dial-text-primary)}.dial-switch-track{background:var(--dial-surface-active);width:32px;height:18px;transition:background .18s var(--ease-out);border-radius:99px;flex:none;position:relative}.dial-switch[aria-checked=true] .dial-switch-track{background:var(--card-mark)}.dial-switch-thumb{background:var(--card-mark-ink);width:14px;height:14px;box-shadow:0 0 0 1px rgb(var(--card-tint) / .06), 0 1px 2px #0000001f;transition:translate .18s var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.dial-switch[aria-checked=true] .dial-switch-thumb{translate:14px}@media (prefers-reduced-motion:reduce){.dial-switch,.dial-switch-label,.dial-switch-track,.dial-switch-thumb{transition:none}}.swatch-row{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;border:0;border-radius:8px;padding:0;transition:transform .14s;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.swatch:hover{transform:translateY(-1px)}.swatch.active{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px #fafaf6, 0 0 0 4px var(--ink)}.swatch:focus-visible{outline-offset:3px;outline:2px solid #6f8d10}.swatch-custom{background:conic-gradient(from 210deg,#e8503a,#e7c13a,#4fae5a,#3d8ee0,#8b5cd6,#e8503a)}.swatch-custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.swatch-custom:focus-within{outline-offset:3px;outline:2px solid #6f8d10}.range{--progress:50%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0;display:block}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink) var(--progress), #0000001c var(--progress));border-radius:99px;height:3px}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--ink);background:#fff;border-radius:50%;width:15px;height:15px;margin-top:-6px;box-shadow:0 1px 3px #00000026}.range::-moz-range-track{background:#0000001c;height:3px}.range::-moz-range-progress{background:var(--ink);height:3px}.range::-moz-range-thumb{border:2px solid var(--ink);background:#fff;border-radius:50%;width:12px;height:12px}.range:focus-visible{outline-offset:4px;border-radius:5px;outline:2px solid #6f8d10}.range-labels{text-transform:uppercase;letter-spacing:.06em;color:#00000052;justify-content:space-between;margin-top:2px;font-size:8px;font-weight:600;display:flex}.render-stats{left:var(--stats-left);bottom:var(--dock-inset);height:var(--dock-height);z-index:2;pointer-events:none;align-items:center;gap:16px;margin:0;padding:0;display:flex;position:absolute}.render-mode{pointer-events:auto;align-items:flex-end;margin-left:auto}.mode-pick{font:600 10px var(--font-mono);color:#0000008c;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;transition:color .14s;display:inline-flex}.mode-pick svg{opacity:.5;transition:transform .18s var(--ease-out)}.mode-pick:hover,.mode-pick[data-open=true]{color:var(--ink)}.mode-pick[data-open=true] svg{transform:rotate(180deg)}.mode-pick:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #6f8d10}@media (prefers-reduced-motion:reduce){.mode-pick svg{transition:none}}.render-stats div{flex-direction:column;gap:3px;display:flex}.render-stats dt{text-transform:uppercase;color:#00000061;font-size:9px}.render-stats dd{font:600 10px var(--font-mono);margin:0}@media (max-width:1279px){.render-stats{display:none}}.canvas-stage.is-lighting-test{background-color:#8f8f8c;background-image:none}.patch-composite.is-lighting-test{overflow:visible}.border-stitches-svg.is-lighting-test{pointer-events:none}.light-indicator{pointer-events:none;z-index:3;position:absolute;inset:0}.light-indicator-source{position:absolute;transform:translate(-50%,-50%)}.light-indicator-ray{transform-origin:50%;position:absolute}.light-sun circle{fill:#ffe27a;stroke:#28221480;stroke-width:1.2px}.light-sun line{stroke:#ffe27a;stroke-width:2.4px;stroke-linecap:round}.light-arrow line{stroke:#ffeca8eb;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:5 4}.light-arrow path{fill:#ffeca8f2}.lighting-debug{border-top:1px solid #00000012;width:min(560px,100%);padding-top:12px}.lighting-heading{text-transform:uppercase;letter-spacing:.09em;color:#00000080;margin-bottom:10px;font-size:9px;font-weight:800}.lighting-grid{align-items:flex-start;gap:18px;display:flex}.light-dial{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.light-dial-face{touch-action:none;cursor:grab;border-radius:50%}.light-dial-face:active{cursor:grabbing}.light-dial-face:focus-visible{outline-offset:2px;outline:2px solid #6f8d10}.dial-plate{fill:#0000000b}.dial-track{fill:none;stroke:#00000029;stroke-width:1px;stroke-dasharray:2 3}.dial-tick{stroke:#0000003d;stroke-width:1px}.dial-ray{stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round}.dial-centre{fill:var(--ink)}.dial-handle{fill:#ffd84d;stroke:var(--ink);stroke-width:1.6px}.dial-handle-core{fill:var(--ink)}.light-dial-readout{text-align:center}.light-dial-readout strong{font:700 13px var(--font-mono);display:block}.light-dial-readout span{text-transform:uppercase;letter-spacing:.07em;color:#00000061;font-size:8px;font-weight:700}.lighting-controls{flex:1;gap:10px;min-width:0;display:grid}.light-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.light-presets button{color:#0000007a;cursor:pointer;background:#ffffffa6;border:1px solid #00000014;border-radius:6px;padding:5px 4px;font-size:9px;font-weight:700}.light-presets button.active{border-color:var(--ink);background:var(--ink);color:#fff}.light-rotate{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.light-rotate>button{cursor:pointer;background:#ffffffb3;border:1px solid #0000001f;border-radius:7px;padding:7px 12px;font-size:10px;font-weight:800}.light-rotate>button.active{border-color:var(--ink);background:var(--ink);color:#fff}.light-extra{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:16px;margin-top:12px;display:grid}.light-extra .shape-presets{grid-column:auto}.light-swatches{gap:5px;display:flex}.light-swatches button{cursor:pointer;border:1px solid #0000002e;border-radius:6px;width:22px;height:22px;padding:0}.light-swatches button.active{box-shadow:0 0 0 2px var(--ink)}.light-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:12px;display:grid}.light-toggles button{color:#0000008c;cursor:pointer;text-align:left;background:#fff9;border:1px solid #00000014;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;font-size:9px;font-weight:700;display:flex}.light-toggles button.active{color:var(--ink);background:#fffffff2;border-color:#0000004d}.light-toggles em{font:700 8px var(--font-mono);letter-spacing:.06em;color:#0000004d;font-style:normal}.light-toggles button.active em{color:#4f7a10}.stitch-tooltip{z-index:6;color:#f4f3ec;pointer-events:none;min-width:172px;box-shadow:var(--stage-elevation);background:#161714ed;border-radius:8px;padding:8px 10px;position:absolute}.stitch-tooltip strong{font:700 10px var(--font-mono);color:#ffd84d;margin-bottom:5px;display:block}.stitch-tooltip dl{gap:2px;margin:0;display:grid}.stitch-tooltip dl div{justify-content:space-between;gap:10px;display:flex}.stitch-tooltip dt{text-transform:uppercase;letter-spacing:.05em;color:#f4f3ec80;font-size:8px}.stitch-tooltip dd{font:600 9px var(--font-mono);margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media (max-width:900px){.app-shell{height:100vh;height:100dvh}.preview-panel{--stage-shift:0px;--stage-obstruction:0px}.zoom-viewport{padding-top:var(--brand-band)}.canvas-brand{top:calc(24px + var(--safe-t));left:calc(24px + var(--safe-l));width:72px}.canvas-stage{--brand-band:calc(24px + var(--safe-t) + 44px + 12px)}.stage-zoom,.stage-controls-divider,.controls-panel{display:none}.artwork-panel{top:auto;bottom:calc(var(--panel-margin) + var(--safe-b));left:calc(var(--panel-margin) + var(--safe-l));right:calc(var(--panel-margin) + var(--safe-r));width:auto;max-width:320px;max-height:calc(100% - var(--panel-margin) * 2);margin-inline:auto}.image-scroll,.layer-list,.dialkit-inline{height:auto;max-height:none}.image-scroll,.layer-list{overflow:visible}.dialkit-inline{overflow:hidden}}@media (max-width:560px){.debug-body{grid-template-columns:1fr}.debug-body dl{grid-template-columns:repeat(3,1fr)}.shape-debug,.corner-debug,.material-debug,.inner-debug{grid-template-columns:1fr}.lighting-grid{flex-direction:column;align-items:stretch}.light-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.light-toggles,.light-rotate{grid-template-columns:1fr}.light-extra{grid-template-columns:1fr;align-items:stretch}.shape-presets{flex-direction:column;grid-column:auto;align-items:flex-start}}@media (pointer:coarse){.canvas-stage{--dock-seat:44px}.stage-controls,.stage-pod,.stage-menu,.render-badge{-webkit-backdrop-filter:none;backdrop-filter:none}.stage-controls,.stage-pod{background:#1b1c19f5}.stage-pod-primary{background:0 0}.stage-menu{--color-popover:#1b1c19f5}.render-badge{background:#fffffff0}.patch-canvas{filter:none}.layer-action{width:36px;height:36px}.image-card-remove{width:28px;height:28px}.patch-resize-handle:before{content:"";position:absolute;inset:-10px}}:root[data-record] .canvas-brand,:root[data-record] .controls-card,:root[data-record] .stage-dock,:root[data-record] .render-stats,:root[data-record] .render-badge{display:none}:root[data-record] .preview-panel{--stage-shift:0px;--stage-obstruction:0px}:root[data-record] .canvas-stage{--dock-band:0px}:root[data-record] .zoom-viewport{cursor:default}:root[data-record] .patch-intro>.canvas-patch{pointer-events:none}:root[data-pointer-input] :focus-visible{outline:none}:root[data-pointer-input] .stage-pod-primary .stage-control:focus-visible{box-shadow:var(--stage-elevation)}@media (hover:hover) and (pointer:fine){:is(:root[data-pointer-input] .layer-row:not(:hover):not(.is-selected):has(:focus-visible) .layer-actions,:root[data-pointer-input] .image-card-pick:not(:hover):focus-visible .image-card-cut){opacity:0}:root[data-pointer-input] .image-card:not(:hover):has(:focus-visible) .image-card-remove{opacity:0;transform:scale(.86)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
