.dialkit-root{--dial-anim-fast:.1s;--dial-anim-reveal:var(--dial-anim-fast);--dial-anim-press:.16s;--dial-surface:color-mix(in oklab, var(--theme-ink) 5%, transparent);--dial-surface-hover:color-mix(in oklab, var(--theme-ink) 10%, transparent);--dial-surface-active:color-mix(in oklab, var(--theme-ink) 11%, transparent);--dial-surface-subtle:color-mix(in oklab, var(--theme-ink) 6%, transparent);--dial-text-root:var(--theme-ink);--dial-text-section:color-mix(in oklab, var(--theme-ink) 70%, transparent);--dial-text-label:color-mix(in oklab, var(--theme-ink) 70%, transparent);--dial-text-focus:var(--theme-ink);--dial-text-primary:color-mix(in oklab, var(--theme-ink) 95%, transparent);--dial-text-secondary:color-mix(in oklab, var(--theme-ink) 60%, transparent);--dial-text-tertiary:color-mix(in oklab, var(--theme-ink) 40%, transparent);--dial-border:color-mix(in oklab, var(--theme-ink) 10%, transparent);--dial-border-hover:color-mix(in oklab, var(--theme-ink) 15%, transparent);--dial-glass-bg:var(--theme-panel);--dial-dropdown-bg:var(--theme-panel);--dial-backdrop-blur:20px;--dial-radius:8px;--dial-row-height:36px;--dial-shadow:0 8px 32px rgb(0 0 0/calc(.5 * var(--shadow-strength,1)));--dial-shadow-collapsed:0 4px 16px rgb(0 0 0/calc(.25 * var(--shadow-strength,1)));--dial-shadow-dropdown:0 8px 24px rgb(0 0 0/calc(.4 * var(--shadow-strength,1)));--dial-check-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,SF Pro Display,sans-serif;position:relative}@media (hover:none),(pointer:coarse){.dialkit-root{--dial-surface-hover:var(--dial-surface)}}.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{background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));transform-origin:100% 0;border-radius:14px;padding:10px 12px 0;transform:translateZ(0)}.dialkit-panel[data-origin-x=left] .dialkit-panel-inner{transform-origin:0 0}.dialkit-panel[data-origin-x=right] .dialkit-panel-inner{transform-origin:100% 0}.dialkit-panel[data-position=top-left] .dialkit-panel-inner{transform-origin:0 0;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:default}.dialkit-folder-header{cursor:default;-webkit-user-select:none;user-select:none}.dialkit-folder-title-row:focus-visible{outline:1px solid var(--dial-border-hover);outline-offset:2px;border-radius:var(--dial-radius)}.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;transition:color var(--dial-anim-fast);font-size:13px;font-weight:600;transform:translateY(-.5px)}.dialkit-folder-summary{text-overflow:ellipsis;letter-spacing:-.01em;font-variant-numeric:tabular-nums;min-width:0;color:var(--dial-text-secondary);margin-right:auto;font-size:13px;font-weight:400;overflow:hidden;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{appearance:none;min-width:0;color:inherit;font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.dialkit-folder-copy{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{flex-direction:column;gap:6px;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-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:ew-resize;-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:focus-visible{outline:1px solid var(--dial-border-hover);outline-offset:2px}.dialkit-slider-hashmarks{pointer-events:none;position:absolute;inset:0}.dialkit-slider-hashmark{background:color-mix(in oklab, var(--theme-ink) 0%, transparent);width:1px;height:8px;transition:background var(--dial-anim-reveal);border-radius:999px;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);transition:background var(--dial-anim-fast);pointer-events:none;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;transition:color var(--dial-anim-fast);align-items:center;font-size:13px;font-weight:500;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(calc(-50% - .5px))}.dialkit-slider-value{font-variant-numeric:tabular-nums;color:var(--dial-text-label);pointer-events:auto;transition:color var(--dial-anim-fast), border-color var(--dial-anim-fast);border-bottom:1px solid #0000;padding-bottom:1px;font-family:Geist Variable,sans-serif;font-size:13px;font-weight:500;position:absolute;top:50%;right:10px;transform:translateY(calc(.5px - 50%))}.dialkit-slider-value-editable{border-bottom-color:var(--dial-text-label)}.dialkit-slider-input{font-variant-numeric:tabular-nums;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 Variable,sans-serif;font-size:13px;font-weight:500;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dialkit-slider-input:focus{color:var(--dial-text-focus)}.dialkit-segmented{border-radius:var(--dial-radius);transition:background var(--dial-anim-fast);background:0 0;padding:2px;display:flex;position:relative}.dialkit-segmented[data-disabled]{opacity:.35}.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;transition:color var(--dial-anim-fast);background:0 0;border:none;flex:none;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:500;position:relative}.dialkit-segmented-button[data-active=true]{color:var(--dial-text-primary)}.dialkit-segmented-button[data-active=false]{color:var(--dial-text-label)}@media (hover:hover) and (pointer:fine){.dialkit-segmented:not([data-disabled]):hover,.dialkit-toggle-row:hover .dialkit-segmented:not([data-disabled]){background:var(--dial-surface-subtle)}}.dialkit-toggle{background:var(--dial-surface);border-radius:var(--dial-radius);cursor:default;-webkit-user-select:none;user-select:none;transition:background var(--dial-anim-fast);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.dialkit-toggle:hover{background:var(--dial-surface-hover)}.dialkit-toggle-label{color:var(--dial-text-label);transition:color var(--dial-anim-fast);font-size:13px;font-weight:500}.dialkit-toggle[data-checked=true] .dialkit-toggle-label{color:var(--dial-text-primary)}.dialkit-toggle-track{background:var(--dial-surface-active);width:36px;height:20px;transition:background var(--dial-anim-reveal);border-radius:10px;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);transition:background var(--dial-anim-fast), color var(--dial-anim-fast), transform var(--dial-anim-press);border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500}.dialkit-button:not(:disabled):hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-select-trigger:disabled,.dialkit-button:disabled{opacity:.35}.dialkit-button:active:not([data-open]){background:var(--dial-surface-active);transform:scale(.97)}.dialkit-button:active[data-open]{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;overflow:hidden}.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;align-self:stretch;margin:-2px -10px -2px 0;padding:0}.dialkit-labeled-control .dialkit-segmented-button{padding:6px 10px}.dialkit-labeled-control .dialkit-segmented-pill{border-radius:var(--dial-radius);top:0;bottom:0}.dialkit-action-button{width:160px;color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);transition:background var(--dial-anim-fast), color var(--dial-anim-fast), transform var(--dial-anim-press);border:none;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500}.dialkit-action-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-action-button:active{background:var(--dial-surface-active);transform:scale(.97)}.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/140;width:100%}.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);transition:background var(--dial-anim-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.dialkit-toolbar-add:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-add svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-toolbar-copy{height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);transition:background var(--dial-anim-fast);border:none;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;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{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;display:flex}.dialkit-text-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500}.dialkit-text-input{min-width:0;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}.dialkit-text-input:focus{color:var(--dial-text-focus)}.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);transition:background var(--dial-anim-fast);border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.dialkit-select-trigger:not(:disabled):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{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);padding:4px;overflow-y:auto}.dialkit-select-option{width:100%;color:var(--dial-text-label);text-align:left;transition:background var(--dial-anim-fast), color var(--dial-anim-fast);background:0 0;border:none;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:13px;font-weight:500;display:block}.dialkit-select-option:hover{background:var(--dial-surface-hover)}.dialkit-select-option[data-selected=true]{color:var(--dial-text-primary)}.dialkit-select-dropdown:has([data-selected=true]) .dialkit-select-option{align-items:center;gap:7px;display:flex}.dialkit-select-dropdown:has([data-selected=true]) .dialkit-select-option:before{content:"";opacity:0;width:11px;height:11px;-webkit-mask:var(--dial-check-mask);-webkit-mask:var(--dial-check-mask);mask:var(--dial-check-mask);background-color:currentColor;flex:none}.dialkit-select-dropdown:has([data-selected=true]) .dialkit-select-option[data-selected=true]:before{opacity:1}.dialkit-select-dropdown[data-warm] .dialkit-select-option{transition-duration:0s}.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;display:flex}.dialkit-color-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-inputs{align-items:center;gap:8px;display:flex}.dialkit-color-hex{appearance:none;font-variant-numeric:tabular-nums;color:var(--dial-text-label);cursor:text;background:0 0;border:0;padding:0;font-family:Geist Variable,sans-serif;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-hex-input{font-variant-numeric:tabular-nums;width:7ch;color:var(--dial-text-label);text-transform:uppercase;background:0 0;border:none;outline:none;padding:0;font-family:Geist Variable,sans-serif;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-hex-input:focus{color:var(--dial-text-focus)}.dialkit-color-swatch{border:1px solid var(--dial-border-hover);width:20px;height:20px;transition:transform var(--dial-anim-fast);border-radius:4px}@media (hover:hover) and (pointer:fine){.dialkit-color-swatch:hover{transform:scale(1.1)}}.dialkit-color-picker-native{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.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);transition:background var(--dial-anim-fast);border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.dialkit-preset-trigger:not([data-disabled=true]):hover{background:var(--dial-surface-hover)}.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{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;padding:4px}.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{transition:background var(--dial-anim-fast);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;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{color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;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{opacity:0;width:24px;height:24px;transition:opacity var(--dial-anim-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}@media (hover:hover) and (pointer:fine){.dialkit-preset-item:hover .dialkit-preset-delete{opacity:.6}}@media (hover:none),(pointer:coarse){.dialkit-preset-delete{opacity:.5}}.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);transition:background var(--dial-anim-fast), color var(--dial-anim-fast);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;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);width:28px;height:28px;transition:background var(--dial-anim-fast);border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.dialkit-preset-confirm:hover:not(:disabled){background:var(--dial-surface-hover)}.dialkit-preset-confirm:disabled{opacity:.4}.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;transition:color var(--dial-anim-fast), background var(--dial-anim-fast);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;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);transition:background var(--dial-anim-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;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-folder-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.dialkit-folder-icon{opacity:0;width:22px;height:22px;transition:opacity var(--dial-anim-fast);border-radius:5px;padding:4.5px}@media (hover:hover) and (pointer:fine){.dialkit-folder-title-row:hover .dialkit-folder-icon{opacity:.6}}.dialkit-folder:not(.dialkit-folder-root) .dialkit-folder-title-row{border-radius:6px;justify-content:space-between;height:26px;margin-left:-7px;padding:0 4px 0 7px}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header .dialkit-folder-title-row:hover{background:var(--dial-surface)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Geist Variable", sans-serif;--spacing:.25rem;--container-4xl:56rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--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:"Geist Variable", sans-serif;--default-mono-font-family:"Geist Variable", sans-serif}}@layer base{*,:after,:before,::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;-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){*{border-color:color-mix(in oklab, var(--theme-ink) 10%, transparent)}}*{outline-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, color-mix(in oklab, var(--theme-ink) 45%, transparent) 50%, transparent)}}body{background-color:var(--theme-bg);color:var(--theme-ink)}html{scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist Variable,sans-serif}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container{container-type:inline-size}.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}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.inset-y-1{inset-block:var(--spacing)}.-top-2{top:calc(var(--spacing) * -2)}.-top-\[5px\]{top:-5px}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-0{left:0}.left-1\/2{left:50%}.left-full{left:100%}.z-50{z-index:50}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-\[5px\]{width:5px;height:5px}.size-\[34px\]{width:34px;height:34px}.size-full{width:100%;height:100%}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-\[3px\]{height:3px}.h-\[6px\]{height:6px}.h-\[15px\]{height:15px}.h-\[30px\]{height:30px}.h-\[34px\]{height:34px}.h-full{height:100%}.max-h-\[480px\]{max-height:480px}.min-h-\[150px\]{min-height:150px}.min-h-\[206px\]{min-height:206px}.min-h-svh{min-height:100svh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-56{width:calc(var(--spacing) * 56)}.w-full{width:100%}.max-w-3{max-width:calc(var(--spacing) * 3)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-10{max-width:calc(var(--spacing) * 10)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-\[64ch\]{max-width:64ch}.max-w-\[72ch\]{max-width:72ch}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[calc\(100\%\+7px\)\]{--tw-translate-x:calc(calc(100% + 7px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[7px\]{--tw-translate-x:7px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.touch-none{touch-action:none}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-\(--card-spacing\){gap:var(--card-spacing)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[2px\]{gap:2px}.gap-\[3px\]{gap:3px}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-sm{border-radius:calc(var(--radius) * .6)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-t-\[3px\]{border-top-left-radius:3px;border-top-right-radius:3px}.rounded-t-\[4px\]{border-top-left-radius:4px;border-top-right-radius:4px}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-ink\/5{border-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.border-ink\/5{border-color:color-mix(in oklab, var(--theme-ink) 5%, transparent)}}.border-ink\/10{border-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.border-ink\/10{border-color:color-mix(in oklab, var(--theme-ink) 10%, transparent)}}.border-ink\/20{border-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.border-ink\/20{border-color:color-mix(in oklab, var(--theme-ink) 20%, transparent)}}.border-ink\/\[0\.06\]{border-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.border-ink\/\[0\.06\]{border-color:color-mix(in oklab, var(--theme-ink) 6%, transparent)}}.bg-card{background-color:var(--theme-panel)}.bg-danger\/10{background-color:var(--theme-danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/10{background-color:color-mix(in oklab, var(--theme-danger) 10%, transparent)}}.bg-ink\/5{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/5{background-color:color-mix(in oklab, var(--theme-ink) 5%, transparent)}}.bg-ink\/10{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/10{background-color:color-mix(in oklab, var(--theme-ink) 10%, transparent)}}.bg-ink\/15{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/15{background-color:color-mix(in oklab, var(--theme-ink) 15%, transparent)}}.bg-ink\/40{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/40{background-color:color-mix(in oklab, var(--theme-ink) 40%, transparent)}}.bg-ink\/80{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/80{background-color:color-mix(in oklab, var(--theme-ink) 80%, transparent)}}.bg-ink\/\[0\.03\]{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/\[0\.03\]{background-color:color-mix(in oklab, var(--theme-ink) 3%, transparent)}}.bg-ink\/\[0\.04\]{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/\[0\.04\]{background-color:color-mix(in oklab, var(--theme-ink) 4%, transparent)}}.bg-ink\/\[0\.06\]{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/\[0\.06\]{background-color:color-mix(in oklab, var(--theme-ink) 6%, transparent)}}.bg-ink\/\[0\.07\]{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/\[0\.07\]{background-color:color-mix(in oklab, var(--theme-ink) 7.0%, transparent)}}.bg-ink\/\[0\.08\]{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.bg-ink\/\[0\.08\]{background-color:color-mix(in oklab, var(--theme-ink) 8%, transparent)}}.bg-panel,.bg-panel\/95{background-color:var(--theme-panel)}@supports (color:color-mix(in lab, red, red)){.bg-panel\/95{background-color:color-mix(in oklab, var(--theme-panel) 95%, transparent)}}.fill-ink\/35{fill:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.fill-ink\/35{fill:color-mix(in oklab, var(--theme-ink) 35%, transparent)}}.fill-ink\/55{fill:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.fill-ink\/55{fill:color-mix(in oklab, var(--theme-ink) 55%, transparent)}}.stroke-panel{stroke:var(--theme-panel)}.p-\(--card-spacing\){padding:var(--card-spacing)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-\(--card-spacing\){padding-inline:var(--card-spacing)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-\(--card-spacing\){padding-block:var(--card-spacing)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-px{padding-block:1px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-heading{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--theme-ink)}.text-danger,.text-danger\/80{color:var(--theme-danger)}@supports (color:color-mix(in lab, red, red)){.text-danger\/80{color:color-mix(in oklab, var(--theme-danger) 80%, transparent)}}.text-danger\/90{color:var(--theme-danger)}@supports (color:color-mix(in lab, red, red)){.text-danger\/90{color:color-mix(in oklab, var(--theme-danger) 90%, transparent)}}.text-ink,.text-ink\/30{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/30{color:color-mix(in oklab, var(--theme-ink) 30%, transparent)}}.text-ink\/35{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/35{color:color-mix(in oklab, var(--theme-ink) 35%, transparent)}}.text-ink\/40{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/40{color:color-mix(in oklab, var(--theme-ink) 40%, transparent)}}.text-ink\/45{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/45{color:color-mix(in oklab, var(--theme-ink) 45%, transparent)}}.text-ink\/50{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/50{color:color-mix(in oklab, var(--theme-ink) 50%, transparent)}}.text-ink\/55{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/55{color:color-mix(in oklab, var(--theme-ink) 55%, transparent)}}.text-ink\/60{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/60{color:color-mix(in oklab, var(--theme-ink) 60%, transparent)}}.text-ink\/70{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/70{color:color-mix(in oklab, var(--theme-ink) 70%, transparent)}}.text-ink\/75{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/75{color:color-mix(in oklab, var(--theme-ink) 75%, transparent)}}.text-ink\/80{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/80{color:color-mix(in oklab, var(--theme-ink) 80%, transparent)}}.text-ink\/85{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/85{color:color-mix(in oklab, var(--theme-ink) 85%, transparent)}}.text-ink\/90{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/90{color:color-mix(in oklab, var(--theme-ink) 90%, transparent)}}.text-ink\/95{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-ink\/95{color:color-mix(in oklab, var(--theme-ink) 95%, transparent)}}.text-muted-foreground{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground{color:color-mix(in oklab, var(--theme-ink) 55%, transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.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)}.ring-foreground\/10{--tw-ring-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--theme-ink) 10%, transparent)}}.ring-ink\/10{--tw-ring-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.ring-ink\/10{--tw-ring-color:color-mix(in oklab, var(--theme-ink) 10%, transparent)}}.ring-ink\/15{--tw-ring-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.ring-ink\/15{--tw-ring-color:color-mix(in oklab, var(--theme-ink) 15%, transparent)}}.ring-ink\/\[0\.06\]{--tw-ring-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.ring-ink\/\[0\.06\]{--tw-ring-color:color-mix(in oklab, var(--theme-ink) 6%, transparent)}}.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,)}.grayscale{--tw-grayscale:grayscale(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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.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)}.will-change-transform{will-change:transform}.select-all{-webkit-user-select:all;user-select:all}.\[--card-spacing\:--spacing\(4\)\]{--card-spacing:calc(var(--spacing) * 4)}.\[grid-area\:1\/1\]{grid-area:1/1}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}@media (hover:hover){.hover\:bg-ink\/\[0\.04\]:hover{background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-ink\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--theme-ink) 4%, transparent)}}.hover\:text-ink\/70:hover{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.hover\:text-ink\/70:hover{color:color-mix(in oklab, var(--theme-ink) 70%, transparent)}}.hover\:ring-1:hover{--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)}.hover\:ring-ink\/40:hover{--tw-ring-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.hover\:ring-ink\/40:hover{--tw-ring-color:color-mix(in oklab, var(--theme-ink) 40%, transparent)}}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-ink\/50:focus-visible{outline-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:outline-ink\/50:focus-visible{outline-color:color-mix(in oklab, var(--theme-ink) 50%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:0}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:0}.data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size=sm]{--card-spacing:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:0}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=560px){.\@min-\[560px\]\:flex-row{flex-direction:row}}@container (width>=680px){.\@min-\[680px\]\:w-\[308px\]{width:308px}.\@min-\[680px\]\:shrink-0{flex-shrink:0}.\@min-\[680px\]\:flex-row{flex-direction:row}}.data-active\:bg-ink\/\[0\.04\]:where([data-state=active]),.data-active\:bg-ink\/\[0\.04\]:where([data-active]:not([data-active=false])){background-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.data-active\:bg-ink\/\[0\.04\]:where([data-state=active]),.data-active\:bg-ink\/\[0\.04\]:where([data-active]:not([data-active=false])){background-color:color-mix(in oklab, var(--theme-ink) 4%, transparent)}}.data-active\:text-ink\/95:where([data-state=active]),.data-active\:text-ink\/95:where([data-active]:not([data-active=false])){color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.data-active\:text-ink\/95:where([data-state=active]),.data-active\:text-ink\/95:where([data-active]:not([data-active=false])){color:color-mix(in oklab, var(--theme-ink) 95%, transparent)}}.data-active\:ring-1:where([data-state=active]),.data-active\:ring-1:where([data-active]:not([data-active=false])){--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)}.data-active\:ring-ink\/40:where([data-state=active]),.data-active\:ring-ink\/40:where([data-active]:not([data-active=false])){--tw-ring-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.data-active\:ring-ink\/40:where([data-state=active]),.data-active\:ring-ink\/40:where([data-active]:not([data-active=false])){--tw-ring-color:color-mix(in oklab, var(--theme-ink) 40%, transparent)}}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-\(--card-spacing\).border-b{padding-bottom:var(--card-spacing)}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.report-content :is([class~=text-ink],[class*=text-ink\/]){color:var(--report-text)}.report-content :is([class~=text-danger],[class*=text-danger\/]){color:var(--report-danger)}.drag-handle:focus-visible{opacity:1;outline-offset:2px;outline:2px solid}[data-pair]:focus-visible{outline:2px solid var(--report-text,currentColor);outline-offset:2px}:root{--theme-bg:#131316;--theme-panel:#212124;--theme-ink:#fff;--theme-danger:#fb2c36;--radius:.625rem;--surface-page:var(--theme-bg);--panel-width:min(292px, calc((100vw - var(--panel-gap) * 3) / 2));--panel-gap:16px;--nav-row:44px;--empty-width:460px;--led-band:36px;--dial-anim-press:.16s;--dial-anim-fast:.1s;--dial-anim-reveal:var(--dial-anim-fast);--dial-backdrop-blur:20px;--dial-surface:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){:root{--dial-surface:color-mix(in oklab, var(--theme-ink) 5%, transparent)}}:root{--bar-size:50px;--bar-float:12px;--sheet-glass:blur(30px) saturate(1.7);--bar-glass:blur(26px) saturate(1.8);--glass-lip:inset 0 1px 0 #ffffff24;--shadow-strength:1;--led-strength:1}:root[data-polarity=light]{--shadow-strength:.18;--led-strength:.45}body{background:var(--surface-page)}.app-mark{background:linear-gradient(to bottom, var(--theme-ink), var(--theme-ink));flex-shrink:0;width:18px;height:18px}@supports (color:color-mix(in lab, red, red)){.app-mark{background:linear-gradient(to bottom, color-mix(in oklab, var(--theme-ink) 28%, transparent), color-mix(in oklab, var(--theme-ink) 35%, transparent))}}.app-mark{-webkit-mask:url("data:image/svg+xml,%3c!--%20Silhouette%20only.%20This%20is%20consumed%20as%20a%20CSS%20mask%20(.app-mark%20in%20index.css),%20so%20the%20fill%20is%20never%20painted%20—%20the%20ramp%20comes%20from%20the%20theme's%20ink%20token.%20Path%20is%20the%20Figma%20export's%20verbatim;%20only%20the%20dead%20gradient%20defs%20are%20gone.%20--%3e%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.01074%200C13.7897%200%2017.6973%203.71618%2018%208.41309H12.791V5.92969C12.7908%205.57473%2012.5034%205.28638%2012.1484%205.28613H5.87305C5.51809%205.28638%205.23071%205.57473%205.23047%205.92969V12.1953C5.23063%2012.5503%205.51804%2012.8376%205.87305%2012.8379H12.1484C12.5034%2012.8376%2012.7909%2012.5503%2012.791%2012.1953V9.58496H18C17.6981%2014.2826%2013.7902%2018%209.01074%2018C4.03454%2017.9999%200.000131578%2013.9703%200%209C0%204.02961%204.03446%206.07307e-05%209.01074%200Z'%20fill='%23000'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3c!--%20Silhouette%20only.%20This%20is%20consumed%20as%20a%20CSS%20mask%20(.app-mark%20in%20index.css),%20so%20the%20fill%20is%20never%20painted%20—%20the%20ramp%20comes%20from%20the%20theme's%20ink%20token.%20Path%20is%20the%20Figma%20export's%20verbatim;%20only%20the%20dead%20gradient%20defs%20are%20gone.%20--%3e%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.01074%200C13.7897%200%2017.6973%203.71618%2018%208.41309H12.791V5.92969C12.7908%205.57473%2012.5034%205.28638%2012.1484%205.28613H5.87305C5.51809%205.28638%205.23071%205.57473%205.23047%205.92969V12.1953C5.23063%2012.5503%205.51804%2012.8376%205.87305%2012.8379H12.1484C12.5034%2012.8376%2012.7909%2012.5503%2012.791%2012.1953V9.58496H18C17.6981%2014.2826%2013.7902%2018%209.01074%2018C4.03454%2017.9999%200.000131578%2013.9703%200%209C0%204.02961%204.03446%206.07307e-05%209.01074%200Z'%20fill='%23000'/%3e%3c/svg%3e") 50%/contain no-repeat}.app-brand{width:fit-content;min-width:0;color:inherit;transition:transform var(--dial-anim-press);background:0 0;border:0;border-radius:7px;justify-self:start;align-items:center;gap:6px;margin-left:-7px;padding:6px 7px;display:flex}.app-brand:active{transform:scale(.98)}.app-brand:focus-visible{outline:2px solid var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.app-brand:focus-visible{outline:2px solid color-mix(in oklab, var(--theme-ink) 45%, transparent)}}.app-brand:focus-visible{outline-offset:1px}.app{--puck-size:42px;--canvas-inset:88px;--push-l:min(var(--push-left,0px), calc(var(--panel-width) - var(--puck-size)));--push-r:min(var(--push-right,0px), calc(var(--panel-width) - var(--puck-size)))}.app-main{min-height:100svh;padding-top:var(--panel-gap);padding-bottom:calc(24px + var(--led-band));padding-left:calc(var(--canvas-inset) + var(--push-l));padding-right:calc(var(--canvas-inset) + var(--push-r));flex-direction:column;display:flex;position:relative}.panel-morph{width:var(--panel-width);max-height:calc(100vh - var(--panel-gap) * 2);background:var(--dial-glass-bg);border:1px solid var(--dial-border);box-shadow:var(--dial-shadow);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));transition:background-color var(--dial-anim-reveal), border-color var(--dial-anim-reveal), box-shadow var(--dial-anim-reveal), backdrop-filter var(--dial-anim-reveal);border-radius:14px;display:flex;position:relative;overflow:hidden}.panel-morph[data-min]{cursor:default;-webkit-backdrop-filter:blur()saturate();background:0 0;border-color:#0000;box-shadow:0 8px 32px #0000}@media (width>=1280px){.panel-morph{box-shadow:var(--dial-shadow-collapsed)}}.panel-toggle{z-index:10;width:30px;height:30px;color:var(--theme-ink);opacity:.25;transition:opacity var(--dial-anim-fast);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:6px;right:8px}@media (hover:hover) and (pointer:fine){.panel-toggle:hover{opacity:.55;background:var(--dial-surface)}}.panel-morph[data-min] .panel-toggle{opacity:.55}@media (hover:hover) and (pointer:fine){.panel-morph[data-min]:hover .panel-toggle{opacity:.9}}.panel-toggle svg{width:20px;height:20px}.panel-shell .dialkit-panel-header{z-index:6;border-bottom:none;margin:0 -6px;padding:10px 6px 14px;position:sticky;top:0}.panel-shell .dialkit-panel-header:before{content:"";z-index:-1;background:var(--dial-glass-bg);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.panel-shell .dialkit-panel-header:before{background:color-mix(in srgb, var(--dial-glass-bg) 72%, transparent)}}.panel-shell .dialkit-panel-header:before{-webkit-backdrop-filter:blur(16px)saturate(1.3);-webkit-mask-image:linear-gradient(0deg,#0000,#000 12px);mask-image:linear-gradient(0deg,#0000,#000 12px)}.panel-dock-right .dialkit-panel-header{padding-bottom:0}.dialkit-panel-header .color-row-icon{border-radius:7px;width:30px;height:30px;margin:-4px}.dialkit-panel-header .color-row-icon svg{width:17px;height:17px}.dialkit-panel-header .dialkit-folder-actions{gap:10px;padding-right:34px}.panel-morph-content{width:var(--panel-width);min-width:var(--panel-width)}.panel-shell .dialkit-folder:not(.dialkit-folder-root) .dialkit-folder-title-row{margin-left:-6px}.panel-shell .dialkit-panel-inner{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;padding-top:0;padding-left:6px;padding-right:6px}.panel-menu{position:relative}.panel-menu-dropdown{width:max-content;position:absolute;top:calc(100% + 4px);right:0}.panel-dock{top:var(--panel-gap);z-index:40;width:var(--panel-width);max-height:calc(100vh - var(--panel-gap) * 2);pointer-events:none;display:flex;position:fixed}.panel-dock>*{pointer-events:auto}.panel-dock-left{left:var(--panel-gap)}.panel-dock-right{right:var(--panel-gap);justify-content:flex-end}.panel-shell,.panel-shell>.dialkit-panel-inner{width:100%}.panel-shell>.dialkit-panel-inner{overflow-y:auto}.panel-shell .dialkit-panel-inline{max-height:none;overflow-y:visible}.panel-dock .panel-shell>.dialkit-panel-inner{max-height:calc(100vh - var(--panel-gap) * 2)}.panel-status{font-variant-numeric:tabular-nums;color:var(--dial-text-secondary);margin:6px 2px 0;font-family:Geist Variable,sans-serif;font-size:10px}.panel-footer .dialkit-button-group{flex-direction:row}.panel-footer{z-index:5;background:var(--dial-glass-bg);margin:0 -6px;padding:18px 6px 10px;position:sticky;bottom:0}@supports (color:color-mix(in lab, red, red)){.panel-footer{background:color-mix(in srgb, var(--dial-glass-bg) 72%, transparent)}}.panel-footer{-webkit-backdrop-filter:blur(16px)saturate(1.3);-webkit-mask-image:linear-gradient(#0000,#000 12px);mask-image:linear-gradient(#0000,#000 12px)}.range-slider-wrapper{height:var(--dial-row-height);position:relative}.range-slider{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:var(--dial-surface);border-radius:var(--dial-radius);touch-action:none;position:absolute;inset:0;overflow:hidden}.range-slider-fill{background:var(--dial-surface-active);transition:background var(--dial-anim-fast);pointer-events:none;position:absolute;top:0;bottom:0}.range-slider-active .range-slider-fill{background:var(--dial-border-hover)}.range-slider-handle{background:var(--dial-text-primary);pointer-events:none;border-radius:999px;width:3px;height:20px;position:absolute;top:50%}.range-slider-active .dialkit-slider-hashmark{background:var(--dial-border-hover)}.range-slider-label{color:var(--dial-text-label);pointer-events:none;font-size:13px;font-weight:500;position:absolute;top:50%;left:10px;transform:translateY(calc(-50% - .5px))}.range-slider-value{font-variant-numeric:tabular-nums;color:var(--dial-text-label);align-items:baseline;gap:3px;font-family:Geist Variable,sans-serif;font-size:13px;font-weight:500;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(calc(.5px - 50%))}.range-slider-active .range-slider-value{color:var(--dial-text-focus)}.range-slider-num{appearance:none;cursor:text;color:inherit;font:inherit;transition:border-color var(--dial-anim-fast);background:0 0;border:0;border-bottom:1px solid #0000;padding-bottom:1px}@media (hover:hover) and (pointer:fine){.range-slider-num:hover{border-bottom-color:var(--dial-text-label)}}.range-slider-input{font-variant-numeric:tabular-nums;min-width:2ch;color:var(--dial-text-label);background:0 0;border:none;outline:none;padding:0;font-family:Geist Variable,sans-serif;font-size:13px;font-weight:500}.range-slider-input:focus{color:var(--dial-text-focus)}.add-bar{gap:6px;display:flex}.add-bar-main{flex:1}.square-button{width:42px;color:var(--theme-ink);opacity:.7;flex:none;justify-content:center;align-items:center;padding-left:0;padding-right:0;display:flex}.square-button svg{width:15px;height:15px}.preset-menu{width:216px}.preset-option{flex-direction:column;align-items:stretch;gap:6px;display:flex}.preset-swatches{border-radius:3px;height:10px;display:flex;overflow:hidden}.preset-swatches i{flex:1}.image-popover{flex-direction:column;gap:10px;padding:10px;display:flex}.image-drop{border:1px dashed var(--dial-border-hover);min-height:110px;color:var(--dial-text-secondary);transition:border-color var(--dial-anim-fast), background var(--dial-anim-fast);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-family:Geist Variable,sans-serif;font-size:12px;display:flex}.image-drop[data-over=true]{border-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.image-drop[data-over=true]{border-color:color-mix(in oklab, var(--theme-ink) 45%, transparent)}}.image-drop[data-over=true]{background:var(--dial-surface)}.image-pick-link{color:var(--dial-text-primary);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--theme-ink);-webkit-text-decoration-color:var(--theme-ink);-webkit-text-decoration-color:var(--theme-ink);text-decoration-color:var(--theme-ink);background:0 0;border:none;padding:0;font-family:Geist Variable,sans-serif;font-size:12px}@supports (color:color-mix(in lab, red, red)){.image-pick-link{-webkit-text-decoration-color:color-mix(in oklab, var(--theme-ink) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--theme-ink) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--theme-ink) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--theme-ink) 35%, transparent)}}.image-pick-link{transition:text-decoration-color var(--dial-anim-fast)}@media (hover:hover) and (pointer:fine){.image-pick-link:hover{text-decoration-color:currentColor}}.image-preview{object-fit:contain;background:var(--dial-surface);border-radius:8px;width:100%;max-height:120px}.image-swatches{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.image-swatch{height:30px;box-shadow:inset 0 0 0 1px var(--theme-ink);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.image-swatch{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--theme-ink) 18%, transparent)}}.image-swatch{opacity:.35;transition:opacity var(--dial-anim-fast)}@media (hover:hover) and (pointer:fine){.image-swatch[data-selected=false]:hover{opacity:.65}}.image-swatch[data-selected=true]{opacity:1;outline:2px solid var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.image-swatch[data-selected=true]{outline:2px solid color-mix(in oklab, var(--theme-ink) 70%, transparent)}}.image-swatch[data-selected=true]{outline-offset:1px}.image-actions{flex-direction:row}.menu-group-heading{color:var(--dial-text-tertiary);padding:10px 10px 4px;font-family:Geist Variable,sans-serif;font-size:10px;font-weight:500}.folder-title-meta{color:var(--dial-text-secondary);margin-left:6px;font-weight:400}.panel-hint{color:var(--dial-text-secondary);margin:2px 2px 0;font-family:Geist Variable,sans-serif;font-size:11px}.dialkit-folder-inner>.dialkit-folder:not(.dialkit-folder-root){padding-top:4px;padding-bottom:4px}.panel-morph .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:not(.dialkit-folder-root):last-child,.panel-morph .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:not(.dialkit-folder-root):last-child>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:0}.panel-morph .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:not(.dialkit-folder-root):first-child{border-top:none;margin-top:0;padding-top:0}.panel-list .dialkit-folder[data-open=true]>.dialkit-folder-header .dialkit-folder-icon{opacity:.6}.panel-list .dialkit-folder[data-open=true]>.dialkit-folder-header .dialkit-folder-title-row{background:var(--dial-surface)}.panel-list .dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:14px}.panel-list{flex-direction:column;margin-bottom:6px;display:flex}.generate-button{justify-content:center;align-items:center;gap:7px;display:flex}.generate-button:disabled{opacity:1}.button-spinner{border:1.5px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}.list-empty{border:1px dashed var(--dial-border);color:var(--dial-text-tertiary);border-radius:6px;flex-direction:column;align-items:center;gap:6px;margin:2px 0;padding:12px 6px;font-family:Geist Variable,sans-serif;font-size:11px;display:flex}.list-empty-text{align-items:center;display:flex}.add-bar-ghost{justify-content:center;align-self:stretch;align-items:center;gap:2px;display:flex}.ghost-button{height:20px;color:var(--dial-text-secondary);background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:0 7px;font-family:Geist Variable,sans-serif;font-size:11px;display:flex}.ghost-button svg{flex-shrink:0;width:11px;height:11px}.ghost-button[data-open=true]{background:var(--dial-surface);color:var(--dial-text-primary)}@media (hover:hover) and (pointer:fine){.ghost-button:hover{background:var(--dial-surface);color:var(--dial-text-primary)}}.panel-list>.dialkit-folder:not(.dialkit-folder-root),.panel-list>*>.dialkit-folder:not(.dialkit-folder-root){border-top:none;border-bottom:none;margin-top:0;margin-bottom:0}.panel-list>.dialkit-folder:not(.dialkit-folder-root)+.dialkit-folder:not(.dialkit-folder-root){margin-top:0}.panel-list>.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header,.panel-list>*>.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{height:30px}.color-row{align-items:center;height:30px;display:flex}.color-row-chip{cursor:default;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;height:26px;padding:0 7px;display:flex}.color-row-chip[data-open=true],.color-row-chip:focus-within{background:var(--dial-surface)}@media (hover:hover) and (pointer:fine){.color-row-chip:hover{background:var(--dial-surface)}}.color-row[data-labeled]{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);padding:0 5px 0 12px}.color-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dial-text-label);flex:1;font-size:13px;font-weight:500;overflow:hidden;transform:translateY(-.5px)}.color-row[data-labeled] .color-row-chip{flex:0 auto}.color-row[data-labeled] .color-row-input{text-align:right;width:8ch;color:var(--dial-text-label);flex:none;font-size:13px;font-weight:500}@supports (field-sizing:content){.color-row[data-labeled] .color-row-input{field-sizing:content;width:auto}}.color-row[data-labeled] .color-row-chip[data-open=true],.color-row[data-labeled] .color-row-chip:focus-within{background:var(--dial-surface-active)}@media (hover:hover) and (pointer:fine){.color-row[data-labeled] .color-row-chip:hover{background:var(--dial-surface-hover)}}.color-row-swatch{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--theme-ink);border-radius:5px;flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.color-row-swatch{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--theme-ink) 18%, transparent)}}.color-row-input{font-variant-numeric:tabular-nums;min-width:0;height:100%;color:var(--dial-text-primary);background:0 0;border:none;flex:1;padding:0;font-family:Geist Variable,sans-serif;font-size:12px}.color-row-input:focus{outline:none}.color-row-actions{gap:2px;margin-left:auto;display:flex}.color-row-icon{width:22px;height:22px;color:var(--theme-ink);opacity:.25;border-radius:5px;justify-content:center;align-items:center;display:flex}@media (hover:hover) and (pointer:fine){.color-row-icon:hover{opacity:.55;background:var(--dial-surface)}}.color-row-icon[data-active=true]{opacity:.95;background:var(--dial-surface)}.color-row-icon svg{width:13px;height:13px}.reorder-row{position:relative}.drag-handle{width:12px;height:24px;color:var(--dial-text-tertiary);opacity:0;cursor:grab;touch-action:none;transition:opacity var(--dial-anim-reveal);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.drag-handle:active{opacity:1}@media (hover:hover) and (pointer:fine){.reorder-row:hover .drag-handle{opacity:1}}@media (hover:none),(pointer:coarse){.drag-handle{opacity:.5}}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:10px;height:10px}.dialkit-toggle-row{cursor:default;-webkit-user-select:none;user-select:none}.chart-svg{font-size:calc(10px * var(--u,1))}.chart-hover-ring{r:calc(var(--dot-r,2.3) * 1px + 1.5px * var(--u,1));stroke-width:1px}.tooltip-chip,.chart-tip{z-index:60;pointer-events:none;background:var(--theme-panel);border:1px solid var(--theme-ink);position:fixed;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.tooltip-chip,.chart-tip{border:1px solid color-mix(in oklab, var(--theme-ink) 10%, transparent)}}.tooltip-chip,.chart-tip{box-shadow:0 4px 16px rgb(0 0 0/calc(.4 * var(--shadow-strength,1)));color:var(--theme-ink);border-radius:6px;font-size:11px}@supports (color:color-mix(in lab, red, red)){.tooltip-chip,.chart-tip{color:color-mix(in oklab, var(--theme-ink) 85%, transparent)}}.tooltip-chip,.chart-tip{white-space:nowrap;will-change:transform}.tooltip-chip{opacity:0;padding:3px 8px;transition:opacity .12s,transform .18s cubic-bezier(.3,1,.35,1)}.chart-tip{grid-template-columns:auto 1fr auto;align-items:center;gap:3px 8px;padding:6px 8px;animation:90ms ease-out chart-tip-in;display:grid}.chart-tip-title{border-bottom:1px solid var(--theme-ink);grid-column:1/-1;padding-bottom:4px}@supports (color:color-mix(in lab, red, red)){.chart-tip-title{border-bottom:1px solid color-mix(in oklab, var(--theme-ink) 8%, transparent)}}.chart-tip-title{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.chart-tip-title{color:color-mix(in oklab, var(--theme-ink) 50%, transparent)}}.chart-tip-title{font-variant-numeric:tabular-nums}.chart-tip-row{display:contents}.chart-tip-swatch{border-radius:2px;width:8px;height:8px}.chart-tip-value{text-align:right;color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.chart-tip-value{color:color-mix(in oklab, var(--theme-ink) 55%, transparent)}}.chart-tip-value{font-variant-numeric:tabular-nums}.chart-tip:has(.is-active) .chart-tip-row:not(.is-active)>*{opacity:.45}.chart-tip-row.is-active>.chart-tip-value{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.chart-tip-row.is-active>.chart-tip-value{color:color-mix(in oklab, var(--theme-ink) 85%, transparent)}}@keyframes chart-tip-in{0%{opacity:0}}.popover-surface{background:var(--theme-panel);border:1px solid var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.popover-surface{border:1px solid color-mix(in oklab, var(--theme-ink) 10%, transparent)}}.popover-surface{box-shadow:0 8px 24px rgb(0 0 0/calc(.4 * var(--shadow-strength,1)));border-radius:12px}.color-picker-popover{background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:var(--dial-radius);box-shadow:var(--dial-shadow-dropdown);z-index:10000}.color-picker{flex-direction:column;gap:10px;padding:12px;display:flex}.picker-sv{cursor:crosshair;touch-action:none;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, var(--theme-ink), var(--picker-hue));border-radius:8px;height:140px;position:relative}.picker-handle{border:2px solid var(--theme-ink);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000080}.picker-hue{cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:999px;height:12px;position:relative}.picker-io{gap:6px;display:flex}.picker-eyedropper{border:1px solid var(--dial-border);width:28px;height:28px;color:var(--theme-ink);opacity:.6;border-radius:6px;justify-content:center;align-items:center;display:flex}@media (hover:hover) and (pointer:fine){.picker-eyedropper:hover{opacity:.95;background:var(--dial-surface)}}.picker-eyedropper svg{width:13px;height:13px}.picker-channels{gap:6px;display:flex}.picker-channel{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.picker-channel input{border:1px solid var(--dial-border);background:var(--dial-surface);font-variant-numeric:tabular-nums;width:100%;height:28px;color:var(--dial-text-primary);text-align:center;border-radius:6px;padding:0 6px;font-family:Geist Variable,sans-serif;font-size:12px}.picker-channel input:focus{border-color:var(--theme-ink);outline:none}@supports (color:color-mix(in lab, red, red)){.picker-channel input:focus{border-color:color-mix(in oklab, var(--theme-ink) 35%, transparent)}}.picker-channel span{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--dial-text-tertiary);font-family:Geist Variable,sans-serif;font-size:9px}.picker-space{flex:1;position:relative}.picker-space-trigger{border:1px solid var(--dial-border);background:var(--dial-surface);width:100%;height:28px;color:var(--dial-text-primary);border-radius:6px;justify-content:space-between;align-items:center;gap:4px;padding:0 6px 0 8px;font-family:Geist Variable,sans-serif;font-size:12px;display:flex}.picker-space-trigger[data-open=true]{border-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.picker-space-trigger[data-open=true]{border-color:color-mix(in oklab, var(--theme-ink) 35%, transparent)}}@media (hover:hover) and (pointer:fine){.picker-space-trigger:hover{border-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.picker-space-trigger:hover{border-color:color-mix(in oklab, var(--theme-ink) 35%, transparent)}}}.picker-space-trigger svg{width:10px;height:10px;color:var(--dial-text-secondary)}.picker-space-dropdown{transform-origin:top;width:max-content;min-width:100%;position:absolute;top:calc(100% + 4px);left:0}.space-select-overlay{z-index:1;flex:none;position:absolute;top:8px;right:8px}.space-select-overlay .picker-space-trigger{width:auto;height:24px;color:var(--dial-text-secondary);background:var(--theme-panel);padding:0 4px 0 7px;font-size:11px}@supports (color:color-mix(in lab, red, red)){.space-select-overlay .picker-space-trigger{background:color-mix(in srgb, var(--theme-panel) 82%, transparent)}}.space-select-overlay .picker-space-trigger{-webkit-backdrop-filter:blur(8px)}.space-select-overlay .picker-space-trigger[data-open=true]{color:var(--dial-text-primary)}@media (hover:hover) and (pointer:fine){.space-select-overlay .picker-space-trigger:hover{color:var(--dial-text-primary)}}.space-select-overlay .picker-space-dropdown{left:auto;right:0}.version-list{flex-direction:column;display:flex}.version-row{align-items:center;gap:4px;min-height:34px;display:flex}.version-row .color-row-chip{font:inherit;background:0 0;border:0;height:auto;padding-top:7px;padding-bottom:7px}.version-row .color-row-chip[data-open=true],.version-row .color-row-chip:focus-visible{background:var(--dial-surface)}@media (hover:hover) and (pointer:fine){.version-row .color-row-chip:hover{background:var(--dial-surface)}}.version-row .color-row-chip:focus-visible{outline:none}.version-row[data-active] .color-row-chip{background:var(--dial-surface)}.version-facepile{flex-wrap:wrap;gap:3px;display:flex}.version-chip{border-radius:5px;width:16px;height:16px}.empty-canvas{flex-direction:column;flex:1;justify-content:center;align-items:center;padding-block:24px;display:flex}.empty-canvas:after{content:"";flex:0 5svh}.empty-state{width:min(100%, var(--empty-width));flex-shrink:0}.panel-hover-zone{top:calc(var(--nav-row) + var(--panel-gap));height:calc(100vh - var(--nav-row) - var(--panel-gap) * 3);font:inherit;width:min(var(--panel-width), calc(max((100vw - var(--push-l) - var(--push-r) - var(--empty-width)) / 2, var(--canvas-inset)) - var(--panel-gap) - 16px));transition:background var(--dial-anim-fast), border-color var(--dial-anim-fast);background:0 0;border:1px dashed #0000;border-radius:14px;place-items:center;padding:0;display:grid;position:absolute;left:0}.panel-dock-right .panel-hover-zone{left:auto;right:0}.panel-hover-zone span{color:#0000;transition:color var(--dial-anim-fast);font-size:12px}@media (hover:hover) and (pointer:fine){.panel-hover-zone:hover{background:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.panel-hover-zone:hover{background:color-mix(in oklab, var(--theme-ink) 3%, transparent)}}.panel-hover-zone:hover{border-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.panel-hover-zone:hover{border-color:color-mix(in oklab, var(--theme-ink) 18%, transparent)}}.panel-hover-zone:hover span{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.panel-hover-zone:hover span{color:color-mix(in oklab, var(--theme-ink) 45%, transparent)}}}.empty-title{letter-spacing:-.01em;color:var(--theme-ink);margin:0 0 16px;font-size:16px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.empty-title{color:color-mix(in oklab, var(--theme-ink) 90%, transparent)}}.empty-title a{color:inherit;text-underline-offset:3px;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--theme-ink);-webkit-text-decoration-color:var(--theme-ink);-webkit-text-decoration-color:var(--theme-ink);text-decoration-color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.empty-title a{-webkit-text-decoration-color:color-mix(in oklab, var(--theme-ink) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--theme-ink) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--theme-ink) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--theme-ink) 35%, transparent)}}.empty-title a{transition:text-decoration-color var(--dial-anim-fast)}@media (hover:hover) and (pointer:fine){.empty-title a:hover{text-decoration-color:currentColor}}.empty-steps{grid-template-columns:auto auto 1fr;gap:10px 12px;margin:0;padding:0;font-size:13px;line-height:18px;list-style:none;display:grid}.empty-steps li{display:contents}.empty-step-n{font-variant-numeric:tabular-nums;color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.empty-step-n{color:color-mix(in oklab, var(--theme-ink) 35%, transparent)}}.empty-step-name{color:var(--theme-ink);font-weight:500}@supports (color:color-mix(in lab, red, red)){.empty-step-name{color:color-mix(in oklab, var(--theme-ink) 85%, transparent)}}.empty-step-detail{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.empty-step-detail{color:color-mix(in oklab, var(--theme-ink) 55%, transparent)}}.empty-starts{flex-direction:column;gap:14px;margin-top:24px;font-size:12px;display:flex}.empty-start{flex-direction:column;gap:6px;display:flex}.empty-starts-label{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.empty-starts-label{color:color-mix(in oklab, var(--theme-ink) 45%, transparent)}}.empty-chips{flex-wrap:wrap;gap:6px;display:flex}.empty-chip{background:var(--dial-surface);height:26px;font:inherit;color:var(--theme-ink);border:none;border-radius:6px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.empty-chip{color:color-mix(in oklab, var(--theme-ink) 75%, transparent)}}.empty-chip{transition:background var(--dial-anim-fast)}.empty-chip span{font-variant-numeric:tabular-nums;color:var(--theme-ink);font-weight:400}@supports (color:color-mix(in lab, red, red)){.empty-chip span{color:color-mix(in oklab, var(--theme-ink) 45%, transparent)}}.empty-chip:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.empty-chip:not(:disabled):hover{background:var(--dial-surface-hover)}}.count-badge{font-variant-numeric:tabular-nums;border-radius:4px;padding:3px 6px;font-size:11px;line-height:16px}.square-button[data-active=true]{opacity:1}.export-preview-frame{position:relative}.export-preview{resize:none;background:var(--dial-surface);font-variant-numeric:tabular-nums;width:100%;height:108px;max-height:108px;color:var(--dial-text-primary);padding:8px;border-radius:6px;margin:0;padding-right:16px;font-family:Geist Variable,sans-serif;font-size:12px;line-height:1.5;display:block;overflow:auto}@supports (field-sizing:content){.export-preview{field-sizing:content;height:auto}}.export-preview:focus-visible{outline:1px solid var(--dial-border-hover);outline-offset:-1px}.export-preview,.manual-body{scrollbar-width:none;-ms-overflow-style:none}.export-preview::-webkit-scrollbar{display:none}.manual-body::-webkit-scrollbar{display:none}.scroll-overlay{pointer-events:none;width:5px;position:absolute;top:5px;bottom:5px;right:4px}.scroll-overlay[data-scrollable=false]{display:none}.scroll-overlay-thumb{background:var(--theme-ink);border-radius:3px;position:absolute;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.scroll-overlay-thumb{background:color-mix(in oklab, var(--theme-ink) 22%, transparent)}}.scroll-overlay-thumb{pointer-events:auto;transition:background var(--dial-anim-fast)}@media (hover:hover) and (pointer:fine){.export-preview-frame:hover .scroll-overlay-thumb,.manual-scroll:hover .scroll-overlay-thumb{background:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.export-preview-frame:hover .scroll-overlay-thumb,.manual-scroll:hover .scroll-overlay-thumb{background:color-mix(in oklab, var(--theme-ink) 36%, transparent)}}}.scroll-overlay-thumb[data-dragging]{background:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.scroll-overlay-thumb[data-dragging]{background:color-mix(in oklab, var(--theme-ink) 55%, transparent)}}@media (width<=1279px){.app-main{padding-left:var(--canvas-inset);padding-right:var(--canvas-inset)}.app-nav,.empty-canvas{padding-left:var(--push-l);padding-right:var(--push-r)}}.app-nav{top:var(--panel-gap);z-index:10;height:calc(var(--nav-row) + var(--panel-gap));padding-bottom:var(--panel-gap);position:sticky;container-type:inline-size}.app-nav:has(.theme-popover){z-index:50}.app-main:before{content:"";z-index:9;height:calc(var(--nav-row) + var(--panel-gap) * 2);-webkit-backdrop-filter:blur();transition:background-color var(--dial-anim-reveal), backdrop-filter var(--dial-anim-reveal);background:0 0;position:fixed;top:0;left:0;right:0}:root[data-scrolled] .app-main:before{background:var(--theme-bg)}@supports (color:color-mix(in lab, red, red)){:root[data-scrolled] .app-main:before{background:color-mix(in oklab, var(--theme-bg) 72%, transparent)}}:root[data-scrolled] .app-main:before{-webkit-backdrop-filter:blur(var(--dial-backdrop-blur))}@container not (width>=600px){.app-wordmark,.nav-trigger-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav-trigger{justify-content:center;width:30px;padding:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-property:opacity,color,background-color,border-color,fill,stroke!important}.button-spinner{animation-duration:1.6s!important}}.nav-trigger{height:30px;color:var(--theme-ink);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-family:Geist Variable,sans-serif;font-size:14px;font-weight:500;display:flex}@supports (color:color-mix(in lab, red, red)){.nav-trigger{color:color-mix(in oklab, var(--theme-ink) 40%, transparent)}}.nav-trigger{transition:color var(--dial-anim-fast), background var(--dial-anim-fast)}.nav-trigger svg{flex-shrink:0;width:16px;height:16px}.nav-trigger[data-open=true]{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.nav-trigger[data-open=true]{color:color-mix(in oklab, var(--theme-ink) 80%, transparent)}}.nav-trigger[data-open=true]{background:var(--dial-surface)}@media (hover:hover) and (pointer:fine){.nav-trigger:hover{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.nav-trigger:hover{color:color-mix(in oklab, var(--theme-ink) 80%, transparent)}}.nav-trigger:hover{background:var(--dial-surface)}}.theme-menu{position:relative}.theme-popover{z-index:50;transform-origin:100% 0;flex-direction:column;gap:6px;width:268px;padding:10px 12px 12px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.theme-tokens{border-top:1px solid var(--dial-surface-subtle);flex-direction:column;gap:6px;margin-top:2px;padding-top:8px;display:flex}.window-layer{z-index:100;box-sizing:border-box;pointer-events:none;place-items:center;display:grid;position:fixed;inset:24px}.window-surface{background:var(--window-paper);color:var(--window-ink);pointer-events:auto;transform-origin:50%;flex-direction:column;display:flex;position:relative;overflow:hidden}.window-bar{border-bottom:1px solid var(--window-rule);background:var(--window-paper);min-height:28px;color:var(--window-ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:0 0 28px;justify-content:space-between;align-items:center;gap:8px;padding:0 5px 0 10px;display:flex}.window-bar:active{cursor:grabbing}.window-title{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:620;overflow:hidden}.window-bar-controls{flex:none;align-items:center;gap:6px;display:flex}.window-close{color:currentColor;opacity:.5;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;padding:0;transition:opacity .1s,background-color .1s,transform .12s;display:grid}.window-close svg{width:14px;height:14px}@media (hover:hover) and (pointer:fine){.window-close:hover{background:var(--window-rule);opacity:1}}.window-close:active{transform:scale(.92)}.window-close:focus-visible{outline-offset:0;opacity:1;outline:2px solid}.about-dialog{--window-paper:var(--about-paper);--window-ink:var(--about-ink);--window-rule:var(--about-rule);--about-paper:#f0eee8;--about-ink:#11131c;--about-edge:#ffffff42;--about-rule:#11131c47;--about-foot:#11131c8f;--about-grid:#11131c07;--about-art-rule:#11131c;--about-shadow:0 2px 0 #fff3 inset, 0 30px 90px #0000008f, 0 4px 16px #0000006b;border:1px solid var(--about-edge);width:min(660px,100%);max-height:100%;box-shadow:var(--about-shadow);isolation:isolate;border-radius:9px}.about-dialog:focus{outline:none}.about-window-content{min-height:0;overflow:auto}.about-artwork{border-bottom:1px solid var(--about-art-rule);background:#11131c;grid-template-columns:minmax(0,1.78fr) minmax(180px,.92fr);min-height:278px;display:grid;overflow:hidden}.about-artwork-field{background:radial-gradient(circle at 77% 11%,#ffffff80 0 1px,#0000 2px),radial-gradient(circle at 12% 20%,#ffffff40 0 1px,#0000 2px),linear-gradient(135deg,#17122f 0%,#24205b 40%,#3c1d78 68%,#111128 100%);min-width:0;position:relative;overflow:hidden}.about-artwork-field:before{content:"";mix-blend-mode:screen;background:repeating-linear-gradient(90deg,#0000 0 17px,#ffffff09 18px),repeating-linear-gradient(0deg,#0000 0 17px,#ffffff09 18px);position:absolute;inset:0}.about-artwork-field:after{content:"";border:1px solid #ffffff73;border-radius:50%;width:82%;height:42%;position:absolute;top:51%;left:47%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:0 0 0 8px #ffffff06,0 0 0 18px #ffffff05}.about-sun{filter:saturate(1.18);background:radial-gradient(circle at 55% 40%,#fff5aa 0 7%,#ffb229 8% 26%,#fa3d55 27% 47%,#db168b 48% 64%,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-88px;left:-52px}.about-beam{clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:0;mix-blend-mode:screen;position:absolute}.about-beam-a{background:linear-gradient(90deg,#ffeb50e6,#ff585b2e);width:330px;height:88px;top:134px;left:84px;transform:rotate(-24deg)}.about-beam-b{background:linear-gradient(90deg,#41ebfff2,#5d80ff1f);width:350px;height:70px;top:117px;left:70px;transform:rotate(-4deg)}.about-beam-c{background:linear-gradient(90deg,#ff3eb7d6,#7d3fff14);width:360px;height:74px;top:148px;left:77px;transform:rotate(18deg)}.about-orbit,.about-pupil{width:var(--about-ring-size);height:var(--about-ring-size);border-radius:50%;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.about-orbit-outer{--about-ring-size:218px;--about-ring-width:16px;border:var(--about-ring-width) solid #ffffffe6;border-bottom-color:#f23d8a;border-right-color:#fa8e20;transform:translate(-50%,-50%)rotate(24deg);box-shadow:0 0 0 1px #08081480,0 18px 38px #07021457}.about-orbit-middle{--about-ring-size:146px;--about-ring-width:24px;border:var(--about-ring-width) solid #45d5e7;border-top-color:#7055ea;border-left-color:#f4429b;transform:translate(-50%,-50%)rotate(-34deg)}.about-orbit-inner{--about-ring-size:74px;--about-ring-width:12px;border:var(--about-ring-width) solid #ffe866;border-left-color:#ff7935;transform:translate(-50%,-50%)rotate(42deg)}.about-pupil{--about-ring-size:44px;--about-ring-width:7px;border:var(--about-ring-width) solid #ffffffe6;background:#10101e;box-shadow:0 0 0 1px #10101e}.about-satellite{background:#ffcf55;border:1px solid #ffffffdb;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 12px #ffd34bcc}.about-satellite-a{top:20%;left:14%}.about-satellite-b{background:#69e3ed;top:23%;right:11%}.about-satellite-c{background:#ff5eae;bottom:13%;right:18%}.about-artwork-index{color:#ffffff85;letter-spacing:.18em;font:600 8px/1 Geist Variable,sans-serif;position:absolute;bottom:9px;right:12px}.about-title-panel{color:#17131d;background:linear-gradient(155deg,#ffffff1f,#0000 46%),#eb542f;flex-direction:column;min-width:0;padding:25px 24px 21px;display:flex;position:relative;overflow:hidden}.about-title-panel:after{content:"";border:38px solid #ffd54a85;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-96px;right:-78px}.about-title-panel>*{z-index:1;position:relative}.about-mini-mark{border:1px solid #17131d;place-items:center;width:28px;height:28px;display:grid}.about-mini-mark span{border:4px solid #17131d;border-right-color:#0000;border-radius:50%;width:13px;height:13px}.about-title-lockup{letter-spacing:-.075em;margin-top:auto;font:650 clamp(27px,4.5vw,39px)/.83 Geist Variable,sans-serif}.about-title-lockup p:last-child{margin-left:15px;font-style:italic;font-weight:360}.about-version{letter-spacing:.005em;margin-top:14px;font-size:11px;font-weight:650}.about-title-note{letter-spacing:.005em;margin-top:3px;font-size:9.5px;font-weight:540}.about-colophon{background:repeating-linear-gradient(0deg, transparent 0 15px, var(--about-grid) 16px), var(--about-paper);padding:20px 22px 13px;font-family:Geist Variable,sans-serif}.about-colophon-lead{border-bottom:1px solid var(--about-rule);grid-template-columns:1fr 2fr;gap:24px;padding-bottom:17px;display:grid}.about-colophon-lead>p:first-child{letter-spacing:-.025em;font-size:14px;font-weight:680}.about-colophon-lead>p:last-child{max-width:390px;font-size:11px;font-weight:470;line-height:1.4}.about-thanks{padding:15px 0 17px}.about-thanks-label{letter-spacing:.005em;margin-bottom:8px;font-size:10px;font-weight:650;line-height:1}.about-thanks-names{color:var(--about-ink)}@supports (color:color-mix(in lab, red, red)){.about-thanks-names{color:color-mix(in srgb, var(--about-ink) 78%, transparent)}}.about-thanks-names{letter-spacing:.005em;text-wrap:pretty;font-size:10px;font-weight:460;line-height:1.7}.about-thanks-name{white-space:nowrap}.about-colophon-links{gap:16px;display:flex}.about-thanks-names a,.about-colophon-links a{color:inherit;border-bottom:1px solid;text-decoration:none}@supports (color:color-mix(in lab, red, red)){.about-thanks-names a,.about-colophon-links a{border-bottom:1px solid color-mix(in srgb, currentColor 24%, transparent)}}.about-thanks-names a,.about-colophon-links a{transition:color .1s,border-color .1s}@media (hover:hover) and (pointer:fine){.about-thanks-names a:hover,.about-colophon-links a:hover{color:var(--about-ink);border-bottom-color:currentColor}}.about-thanks-names a:focus-visible,.about-colophon-links a:focus-visible{outline:2px solid var(--about-ink);outline-offset:2px;color:var(--about-ink)}.about-colophon-foot{border-top:1px solid var(--about-rule);color:var(--about-foot);letter-spacing:.005em;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-top:10px;font-size:8.5px;font-weight:620;line-height:1;display:flex}:root[data-polarity=dark] .about-dialog{--about-paper:#15161d;--about-ink:#efede7;--about-edge:#ffffff2e;--about-rule:#efede740;--about-foot:#efede78a;--about-grid:#ffffff06;--about-art-rule:#efede7b3;--about-shadow:0 1px 0 #ffffff24 inset, 0 30px 90px #000000b3, 0 4px 16px #00000085}@media (width<=560px){.window-layer{inset:12px}.about-artwork{grid-template-columns:minmax(0,1.35fr) minmax(128px,.9fr);min-height:224px}.about-orbit-outer{--about-ring-size:178px;--about-ring-width:13px}.about-orbit-middle{--about-ring-size:118px;--about-ring-width:19px}.about-orbit-inner{--about-ring-size:60px;--about-ring-width:10px}.about-pupil{--about-ring-size:36px;--about-ring-width:6px}.about-title-panel{padding:18px 14px 16px}.about-title-lockup{font-size:clamp(24px,8vw,32px)}.about-title-note{max-width:90px}.about-colophon{padding:17px 16px 12px}.about-colophon-lead{grid-template-columns:1fr;gap:7px}}.chart-skeleton{animation:1.6s ease-in-out infinite chart-shimmer}@keyframes chart-shimmer{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.chart-skeleton{animation:none}}.ghost-button,.color-row-icon,.picker-eyedropper{transition:transform var(--dial-anim-press)}.ghost-button:active:not([data-open]),.color-row-icon:active:not([data-open]),.picker-eyedropper:active{transform:scale(.97)}.panel-menu .color-row-icon:active{transform:none}@media (width<=767px){.app-main{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:calc(var(--bar-size) + var(--bar-float) * 2 + env(safe-area-inset-bottom))}.app-nav,.empty-canvas{padding-left:0;padding-right:0}.app-nav [role=tab]{height:38px;padding-inline:14px;font-size:15px}.app-nav [role=tablist]{gap:2px;padding:1px}.app-nav [role=tablist]>div:first-child{inset-block:1px}.empty-steps{grid-template-columns:auto 1fr;row-gap:3px}.empty-step-detail{grid-column:2;margin-bottom:9px}.empty-steps li:last-child .empty-step-detail{margin-bottom:0}}.report-pairs{overscroll-behavior-x:contain;overflow-x:auto}.sheet-layer{z-index:55;pointer-events:none;position:fixed;inset:0}.sheet-layer>*{pointer-events:auto}.sheet-scrim{background:#000;position:absolute;inset:0}.sheet{border-top:1px solid var(--dial-border);background:var(--dial-glass-bg);border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.sheet{background:color-mix(in srgb, var(--dial-glass-bg) 88%, transparent)}}.sheet{-webkit-backdrop-filter:var(--sheet-glass);box-shadow:0 -12px 44px rgb(0 0 0/calc(.5 * var(--shadow-strength,1))), var(--glass-lip);outline:none}.sheet-handle{touch-action:none;cursor:grab;flex-shrink:0;place-items:center;height:26px;display:grid}.sheet-handle:active{cursor:grabbing}.sheet-grabber{background:var(--theme-ink);border-radius:3px;width:38px;height:5px}@supports (color:color-mix(in lab, red, red)){.sheet-grabber{background:color-mix(in oklab, var(--theme-ink) 20%, transparent)}}.sheet-body{flex:1;min-height:0;display:flex}.sheet .panel-shell>.dialkit-panel-inner{overscroll-behavior:contain;height:100%;max-height:none}.sheet .dialkit-panel-header .dialkit-folder-actions{padding-right:0}.sheet .panel-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.mobile-bar{z-index:50;left:0;right:0;bottom:calc(var(--bar-float) + env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));pointer-events:none;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed}.mobile-bar-button,.mobile-bar-generate{pointer-events:auto;height:var(--bar-size);border:1px solid var(--dial-border);cursor:default;-webkit-backdrop-filter:var(--bar-glass);box-shadow:0 10px 30px rgb(0 0 0/calc(.42 * var(--shadow-strength,1))), 0 2px 8px rgb(0 0 0/calc(.3 * var(--shadow-strength,1))), var(--glass-lip);border-radius:999px;justify-content:center;align-items:center;display:flex}.mobile-bar-button{width:var(--bar-size);background:var(--dial-glass-bg);padding:0}@supports (color:color-mix(in lab, red, red)){.mobile-bar-button{background:color-mix(in srgb, var(--dial-glass-bg) 76%, transparent)}}.mobile-bar-button{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.mobile-bar-button{color:color-mix(in oklab, var(--theme-ink) 62%, transparent)}}.mobile-bar-button{transition:background var(--dial-anim-fast), color var(--dial-anim-fast), transform var(--dial-anim-press)}.mobile-bar-button[data-active]{color:var(--theme-ink);background:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.mobile-bar-button[data-active]{background:color-mix(in srgb, color-mix(in oklab, var(--theme-ink) 12%, var(--dial-glass-bg)) 88%, transparent)}}.mobile-bar-button svg,.mobile-bar-generate svg{flex-shrink:0;width:21px;height:21px}.mobile-bar-generate{min-width:var(--bar-size);white-space:nowrap;background:var(--theme-ink);color:var(--theme-bg);transition:background var(--dial-anim-fast), transform var(--dial-anim-press);border-color:#0000;gap:9px;padding-inline:15px;font-family:inherit;font-size:13px;font-weight:500}.mobile-bar-generate:disabled{background:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.mobile-bar-generate:disabled{background:color-mix(in oklab, var(--theme-ink) 78%, var(--theme-bg))}}.mobile-bar-stop{color:var(--theme-ink)}.mobile-bar-button:active,.mobile-bar-generate:active{transform:scale(.97)}.led-edge{z-index:-1;width:100%;height:var(--led-band);pointer-events:none;opacity:var(--led-strength);position:absolute;bottom:0;left:0}.manual-window{--window-paper:var(--theme-panel);--window-ink:var(--theme-ink);--window-rule:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.manual-window{--window-rule:color-mix(in oklab, var(--theme-ink) 8%, transparent)}}.manual-window{border:1px solid var(--theme-ink);width:min(720px,100%);max-height:min(680px,100%)}@supports (color:color-mix(in lab, red, red)){.manual-window{border:1px solid color-mix(in oklab, var(--theme-ink) 10%, transparent)}}.manual-window{box-shadow:0 24px 64px rgb(0 0 0/calc(.5 * var(--shadow-strength,1)));border-radius:14px}.manual-head{border-bottom:1px solid var(--window-rule);flex-direction:column;flex-shrink:0;padding:12px 18px;display:flex}.manual-kbd{color:var(--window-ink);padding:2px 4px;font-family:inherit;font-size:9px;line-height:1}@supports (color:color-mix(in lab, red, red)){.manual-kbd{color:color-mix(in oklab, var(--window-ink) 55%, transparent)}}.manual-kbd{background:var(--window-ink)}@supports (color:color-mix(in lab, red, red)){.manual-kbd{background:color-mix(in oklab, var(--window-ink) 8%, transparent)}}.manual-kbd{border-radius:3px}.manual-search{height:30px;color:var(--theme-ink);border:none;border-radius:8px;padding:0 10px;font-size:13px}@supports (color:color-mix(in lab, red, red)){.manual-search{color:color-mix(in oklab, var(--theme-ink) 95%, transparent)}}.manual-search{background:var(--dial-surface)}.manual-search::placeholder{color:var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.manual-search::placeholder{color:color-mix(in oklab, var(--theme-ink) 35%, transparent)}}.manual-search:focus{outline:2px solid var(--theme-ink)}@supports (color:color-mix(in lab, red, red)){.manual-search:focus{outline:2px solid color-mix(in oklab, var(--theme-ink) 30%, transparent)}}.manual-search:focus{outline-offset:-1px}.manual-scroll{min-height:0;display:flex;position:relative}.manual-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:26px;padding:16px 18px 20px;display:flex;overflow-y:auto}.manual-section-title{letter-spacing:-.01em;color:var(--theme-ink);background:var(--theme-panel);margin-top:-4px;padding:4px 0 8px;font-size:12px;font-weight:500;position:sticky;top:-16px}.manual-blurb{max-width:68ch;color:var(--theme-ink);padding-bottom:12px;font-size:12px;line-height:1.4}@supports (color:color-mix(in lab, red, red)){.manual-blurb{color:color-mix(in oklab, var(--theme-ink) 45%, transparent)}}.manual-entry{border-top:1px solid var(--theme-ink);grid-template-columns:156px minmax(0,1fr);column-gap:20px;padding:9px 0;display:grid}@supports (color:color-mix(in lab, red, red)){.manual-entry{border-top:1px solid color-mix(in oklab, var(--theme-ink) 6%, transparent)}}.manual-entry dt{color:var(--theme-ink);font-size:13px;font-weight:500}@supports (color:color-mix(in lab, red, red)){.manual-entry dt{color:color-mix(in oklab, var(--theme-ink) 95%, transparent)}}.manual-where{color:var(--theme-ink);margin-top:3px;font-size:11px;font-weight:400;line-height:1.4;display:block}@supports (color:color-mix(in lab, red, red)){.manual-where{color:color-mix(in oklab, var(--theme-ink) 32%, transparent)}}.manual-entry dd{color:var(--theme-ink);margin:0;font-size:12px;line-height:1.4}@supports (color:color-mix(in lab, red, red)){.manual-entry dd{color:color-mix(in oklab, var(--theme-ink) 62%, transparent)}}.manual-nothing{color:var(--theme-ink);padding:8px 0;font-size:12px}@supports (color:color-mix(in lab, red, red)){.manual-nothing{color:color-mix(in oklab, var(--theme-ink) 45%, transparent)}}@media not all and (width>=640px){.manual-entry{grid-template-columns:minmax(0,1fr);row-gap:4px}}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}