@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";.dialkit-root{--dial-surface: rgba(255, 255, 255, .05);--dial-surface-hover: rgba(255, 255, 255, .1);--dial-surface-active: rgba(255, 255, 255, .11);--dial-surface-subtle: rgba(255, 255, 255, .06);--dial-text-root: #FFFFFF;--dial-text-section: rgba(255, 255, 255, .7);--dial-text-label: rgba(255, 255, 255, .7);--dial-text-focus: #ffffff;--dial-text-primary: rgba(255, 255, 255, .95);--dial-text-secondary: rgba(255, 255, 255, .6);--dial-text-tertiary: rgba(255, 255, 255, .4);--dial-border: rgba(255, 255, 255, .1);--dial-border-hover: rgba(255, 255, 255, .15);--dial-glass-bg: #212121;--dial-dropdown-bg: #2a2a2a;--dial-backdrop-blur: 20px;--dial-radius: 8px;--dial-row-height: 36px;--dial-shadow: 0 8px 32px rgba(0, 0, 0, .5);--dial-shadow-collapsed: 0 4px 16px rgba(0, 0, 0, .25);--dial-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .4);font-family:system-ui,-apple-system,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dialkit-panel{position:fixed;z-index:9999;max-height:calc(100vh - 32px);overflow:visible}.dialkit-root[data-mode=inline]{height:100%}.dialkit-panel[data-mode=inline]{position:static;z-index:auto;max-height:100%;height:100%;overflow:hidden}.dialkit-panel-inner{background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:14px;backdrop-filter:blur(var(--dial-backdrop-blur));-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));padding:10px 12px 0;transform:translateZ(0);transform-origin:top right}.dialkit-panel[data-position=top-left] .dialkit-panel-inner{transform-origin:top left;max-height:calc(100vh - 80px);overflow-y:auto}.dialkit-panel-inner[data-collapsed=true]{border-radius:50%;padding:12px;box-sizing:border-box}.dialkit-panel-inner[data-collapsed=true] .dialkit-panel-header{padding-bottom:0;margin-bottom:0;border-bottom:none}.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:100%;max-height:none;overflow-y:auto;box-shadow:none;border-radius:0;border:none;box-sizing:border-box}.dialkit-panel[data-mode=inline] .dialkit-panel-wrapper{display:flex;flex-direction:column;width:100%;height:100%}.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{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--dial-surface-subtle)}.dialkit-folder:last-child:not(.dialkit-folder-root){padding-bottom:0;margin-bottom:0}.dialkit-folder-root{padding-bottom:0;margin-bottom:0;border-bottom:none}.dialkit-panel-header{padding-bottom:6px;margin-bottom:12px;border-bottom:1px solid var(--dial-surface-subtle)}.dialkit-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none}.dialkit-folder-header-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px}.dialkit-folder-title{font-size:13px;font-weight:600;color:var(--dial-text-section);letter-spacing:-.01em;transform:translateY(-.5px);transition:color .15s}.dialkit-folder-title-root{font-size:15px;font-weight:600;color:var(--dial-text-root);transform:translateZ(0)}.dialkit-folder-title-row{display:flex;align-items:center;gap:6px;flex:1;white-space:nowrap;overflow:hidden}.dialkit-folder-copy{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;cursor:pointer}.dialkit-folder-copy svg{width:14px;height:14px;color:var(--dial-text-section)}.dialkit-folder-icon{width:20px;height:20px;padding:2px;box-sizing:border-box;flex-shrink:0;color:var(--dial-text-label);opacity:.6}.dialkit-panel-icon{position:absolute;top:12px;right:12px;width:16px;height:16px;color:var(--dial-text-focus);z-index:1}.dialkit-folder-content{will-change:transform}.dialkit-folder-inner{display:flex;flex-direction:column;gap:6px;padding-bottom:10px}.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)+.dialkit-folder:not(.dialkit-folder-root){margin-top:-10px;border-top:none}.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{padding:0;height:100%}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:0}.dialkit-slider-wrapper{position:relative;height:var(--dial-row-height)}.dialkit-slider{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--dial-surface);border-radius:var(--dial-radius);touch-action:none}.dialkit-slider-hashmarks{position:absolute;inset:0;pointer-events:none}.dialkit-slider-hashmark{position:absolute;top:50%;width:1px;height:8px;border-radius:999px;transform:translate(-50%) translateY(-50%);background:#fff0;transition:background .2s}.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{position:absolute;top:0;bottom:0;left:0;background:var(--dial-surface-active);transition:background .15s;pointer-events:none}.dialkit-slider-active .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-slider-handle{position:absolute;top:50%;width:3px;height:20px;border-radius:999px;background:var(--dial-text-primary);pointer-events:none}.dialkit-slider-label{position:absolute;left:10px;top:50%;transform:translateY(calc(-50% - .5px));font-size:13px;font-weight:500;color:var(--dial-text-label);pointer-events:none;transition:color .15s;display:inline-flex;align-items:center}.dialkit-slider-value{position:absolute;right:10px;top:50%;transform:translateY(calc(-50% + .5px));font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);pointer-events:auto;transition:color .15s,border-color .15s;border-bottom:1px solid transparent;padding-bottom:1px}.dialkit-slider-value-editable{border-bottom-color:var(--dial-text-label)}.dialkit-slider-input{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:4ch;min-width:3ch;max-width:6ch;font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);background:transparent;border:none;border-bottom:1px solid var(--dial-text-label);padding:0 0 1px;outline:none;text-align:right}.dialkit-slider-input:focus{color:var(--dial-text-focus)}.dialkit-segmented{position:relative;display:flex;padding:2px;background:transparent;border-radius:var(--dial-radius)}.dialkit-segmented-pill{position:absolute;top:2px;bottom:2px;background:var(--dial-surface-active);border-radius:6px;z-index:0;pointer-events:none}.dialkit-segmented-button{position:relative;z-index:1;flex:0 0 auto;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:500;background:transparent;border:none;cursor:pointer;transition:color .15s}.dialkit-segmented-button[data-active=true]{color:var(--dial-text-primary)}.dialkit-segmented-button[data-active=false]{color:var(--dial-text-label)}.dialkit-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.dialkit-toggle:hover{background:var(--dial-surface-hover)}.dialkit-toggle-label{font-size:13px;font-weight:500;color:var(--dial-text-label);transition:color .15s}.dialkit-toggle[data-checked=true] .dialkit-toggle-label{color:var(--dial-text-primary)}.dialkit-toggle-track{width:36px;height:20px;border-radius:10px;background:var(--dial-surface-active);transition:background .2s;position:relative}.dialkit-toggle[data-checked=true] .dialkit-toggle-track{background:var(--dial-border-hover)}.dialkit-toggle-thumb{position:absolute;top:2px;width:16px;height:16px;border-radius:8px;background:var(--dial-text-primary)}.dialkit-button-group{display:flex;flex-direction:column;gap:6px}.dialkit-button{flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-secondary);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s,color .15s}.dialkit-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-button:active{background:var(--dial-surface-active)}.dialkit-labeled-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:2px 10px 2px 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-labeled-control-label{display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;line-height:17px}.dialkit-labeled-control .dialkit-segmented{flex-shrink:0;margin-right:-6px}.dialkit-action-button{width:160px;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-secondary);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s,color .15s}.dialkit-action-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-action-button:active{background:var(--dial-surface-active)}.dialkit-actions-group{align-items:flex-start}.dialkit-actions-stack{display:flex;flex-direction:column;gap:6px;width:160px}.dialkit-spring-viz{width:100%;border-radius:var(--dial-radius);background:var(--dial-surface);overflow:visible}.dialkit-easing-viz{width:100%;aspect-ratio:256 / 140}.dialkit-panel-wrapper{display:inline-flex;flex-direction:column}.dialkit-panel-toolbar{display:flex;align-items:center;gap:6px;height:var(--dial-row-height);margin-bottom:6px;min-width:0;overflow:hidden}.dialkit-toolbar-add{display:flex;align-items:center;justify-content:center;width:var(--dial-row-height);height:var(--dial-row-height);padding:0;flex-shrink:0;background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.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{position:relative;display:flex;align-items:center;gap:6px;height:var(--dial-row-height);padding:0 12px;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-toolbar-copy:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-copy-icon-wrap{position:relative;width:16px;height:16px;flex-shrink:0}.dialkit-toolbar-copy-icon{position:absolute;inset:0;width:16px;height:16px}.dialkit-text-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:0 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-text-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0}.dialkit-text-input{flex:1;min-width:0;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;padding:0;outline:none;text-align:right;cursor:text}.dialkit-text-input:focus{color:var(--dial-text-focus)}.dialkit-text-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--dial-row-height);padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-select-trigger:hover{background:var(--dial-surface-hover)}.dialkit-select-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-select-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;transform:translateY(-.5px)}.dialkit-select-right{display:flex;align-items:center;gap:8px}.dialkit-select-value{font-size:13px;font-weight:500;color:var(--dial-text-label);transform:translateY(-.5px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-select-chevron{width:20px;height:20px;padding:2px;box-sizing:border-box;flex-shrink:0;opacity:.6}.dialkit-select-dropdown{background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:var(--dial-radius);padding:4px;z-index:10000;box-shadow:var(--dial-shadow-dropdown)}.dialkit-select-option{display:block;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.dialkit-select-option:hover{background:var(--dial-surface-hover)}.dialkit-select-option[data-selected=true]{color:var(--dial-text-primary);background:var(--dial-surface-active)}.dialkit-color-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:0 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-color-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;transform:translateY(-.5px)}.dialkit-color-inputs{display:flex;align-items:center;gap:8px}.dialkit-color-hex{font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);cursor:text;transform:translateY(-.5px)}.dialkit-color-hex-input{width:7ch;font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);background:transparent;border:none;padding:0;outline:none;text-transform:uppercase;transform:translateY(-.5px)}.dialkit-color-hex-input:focus{color:var(--dial-text-focus)}.dialkit-color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--dial-border-hover);cursor:pointer;transition:transform .15s}.dialkit-color-swatch:hover{transform:scale(1.1)}.dialkit-color-picker-native{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.dialkit-preset-manager{position:relative;flex:1}.dialkit-preset-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--dial-row-height);padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-preset-trigger:hover{background:var(--dial-surface-hover)}.dialkit-preset-trigger[data-disabled=true]{cursor:default}.dialkit-preset-trigger[data-disabled=true]:hover{background:var(--dial-surface)}.dialkit-preset-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-preset-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-preset-dropdown{width:max-content;background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);border-radius:12px;padding:4px;z-index:10000;box-shadow:var(--dial-shadow-dropdown)}.dialkit-preset-list{display:flex;flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--dial-border)}.dialkit-preset-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:8px;border-radius:8px;cursor:pointer;transition:background .15s}.dialkit-preset-item:hover{background:var(--dial-surface-hover)}.dialkit-preset-item[data-active=true]{background:var(--dial-surface-active)}.dialkit-preset-name{font-size:13px;font-weight:500;color:var(--dial-text-label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-preset-item[data-active=true] .dialkit-preset-name{color:var(--dial-text-primary)}.dialkit-preset-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity .15s;flex-shrink:0}.dialkit-preset-item:hover .dialkit-preset-delete{opacity:.6}.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{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.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{display:flex;align-items:center;gap:6px;padding:4px}.dialkit-preset-input{flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:13px;color:var(--dial-text-primary);background:var(--dial-surface);border:1px solid var(--dial-border);border-radius:6px;outline:none}.dialkit-preset-input:focus{border-color:var(--dial-text-label)}.dialkit-preset-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-preset-confirm{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--dial-surface);border:none;border-radius:6px;cursor:pointer;transition:background .15s}.dialkit-preset-confirm:hover:not(:disabled){background:var(--dial-surface-hover)}.dialkit-preset-confirm:disabled{opacity:.4;cursor:not-allowed}.dialkit-preset-confirm svg{width:14px;height:14px;color:var(--dial-text-label)}.dialkit-shortcut-pill{display:inline-block;font-size:10px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;color:var(--dial-text-tertiary);background:var(--dial-surface-subtle);padding:1px 5px;border-radius:4px;margin-left:6px;letter-spacing:.02em;line-height:16px;white-space:nowrap;vertical-align:middle;transition:color .15s,background .15s}.dialkit-shortcut-pill-active{color:var(--dial-text-primary);background:var(--dial-border-hover)}.dialkit-shortcuts-trigger{display:flex;align-items:center;justify-content:center;width:var(--dial-row-height);height:var(--dial-row-height);padding:0;flex-shrink:0;background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.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);border-radius:12px;padding:8px;z-index:10000;box-shadow:var(--dial-shadow-dropdown);min-width:200px}.dialkit-shortcuts-title{font-size:11px;font-weight:600;color:var(--dial-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 8px}.dialkit-shortcuts-list{display:flex;flex-direction:column;gap:2px}.dialkit-shortcuts-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px}.dialkit-shortcuts-row-key{font-size:11px;font-weight:600;font-family:ui-monospace,SF Mono,Courier New,monospace;color:var(--dial-text-secondary);background:var(--dial-surface-subtle);padding:2px 6px;border-radius:4px;min-width:28px;text-align:center}.dialkit-shortcuts-row-label{flex:1;font-size:13px;font-weight:500;color:var(--dial-text-label)}.dialkit-shortcuts-row-mode{font-size:11px;font-weight:500;color:var(--dial-text-tertiary);font-style:italic}.dialkit-shortcuts-hint{font-size:11px;color:var(--dial-text-tertiary);padding:6px 8px 2px;border-top:1px solid var(--dial-border);margin-top:4px}.dialkit-root[data-theme=light]{--dial-surface: rgba(0, 0, 0, .04);--dial-surface-hover: rgba(0, 0, 0, .08);--dial-surface-active: rgba(0, 0, 0, .1);--dial-surface-subtle: rgba(0, 0, 0, .06);--dial-text-root: #000000;--dial-text-section: rgba(0, 0, 0, .65);--dial-text-label: rgba(0, 0, 0, .6);--dial-text-focus: #000000;--dial-text-primary: rgba(0, 0, 0, .9);--dial-text-secondary: rgba(0, 0, 0, .55);--dial-text-tertiary: rgba(0, 0, 0, .35);--dial-border: rgba(0, 0, 0, .1);--dial-border-hover: rgba(0, 0, 0, .15);--dial-glass-bg: #fafafa;--dial-dropdown-bg: #ffffff;--dial-shadow: 0 4px 20px rgba(0, 0, 0, .08);--dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, .06);--dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .08)}.dialkit-root[data-theme=light] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=light] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=light] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}@media(prefers-color-scheme:light){.dialkit-root[data-theme=system]{--dial-surface: rgba(0, 0, 0, .04);--dial-surface-hover: rgba(0, 0, 0, .08);--dial-surface-active: rgba(0, 0, 0, .1);--dial-surface-subtle: rgba(0, 0, 0, .06);--dial-text-root: #000000;--dial-text-section: rgba(0, 0, 0, .65);--dial-text-label: rgba(0, 0, 0, .6);--dial-text-focus: #000000;--dial-text-primary: rgba(0, 0, 0, .9);--dial-text-secondary: rgba(0, 0, 0, .55);--dial-text-tertiary: rgba(0, 0, 0, .35);--dial-border: rgba(0, 0, 0, .1);--dial-border-hover: rgba(0, 0, 0, .15);--dial-glass-bg: #fafafa;--dial-dropdown-bg: #ffffff;--dial-shadow: 0 4px 20px rgba(0, 0, 0, .08);--dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, .06);--dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .08)}.dialkit-root[data-theme=system] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=system] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=system] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}}:root{--bg: #000;--panel: rgba(0, 0, 0, .9);--line: #262626;--text: #efefef;--muted: #8f8f8f;--control: #262626;--blue: oklch(.6 .235 256);--blue-active: color(srgb -.0115741 .17701 .345305);--blue-text: color(srgb .38986 .704168 .984659);--color-select: oklch(.6 .235 256);--color-primary: #0d0d0d;--color-secondary: #262626;--color-tertiary: #333;--color-contrast: #efefef;--color-contrast-secondary: #a9a9a9;--color-background: rgba(0, 0, 0, .9);--border-radius: 10px;--box-shadow: hsla(0, 0%, 4%, .07) 0 4px 24px;--background-blur: blur(40px);--gap: 8px;--ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-width:100%;height:100%;min-height:100%;background:#000;color:var(--text);font:16px/1.2 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}button,input,a,label{font:inherit;color:inherit}button{border:0;background:transparent;padding:0;cursor:pointer}input{min-width:0}.panel{-webkit-backdrop-filter:var(--background-blur);backdrop-filter:var(--background-blur);background-color:var(--color-background);border:1px solid var(--color-secondary);border-radius:10px;box-shadow:var(--box-shadow);height:fit-content;padding:4px}.action-button{align-items:center;background-color:var(--color-background);border-radius:10px;color:var(--color-contrast);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:44px;justify-content:center;padding:1.5px 16px 0;pointer-events:auto;position:relative}.action-button.icon{aspect-ratio:1 / 1;padding:0}.action-button.outline{-webkit-backdrop-filter:var(--background-blur);backdrop-filter:var(--background-blur);background-color:var(--color-background);border:1px solid var(--color-secondary);border-radius:10px;color:var(--color-contrast)}.action-button.transparent{background-color:transparent}.action-button.blue{background-color:var(--color-select);color:#fff}.action-button.floating{box-shadow:var(--box-shadow)}.action-button.icon>*,.action-button.outline>*{position:relative;z-index:1}.action-button.icon:after,.action-button.outline:after{background-color:var(--color-secondary);border-radius:8px;content:"";height:calc(100% - 4px);left:2px;opacity:0;position:absolute;top:2px;transition:.15s opacity var(--ease-in-out-sine),.1s transform var(--ease-out-cubic);width:calc(100% - 4px)}.action-button.icon:hover:after,.action-button.outline:hover:after,.action-button.icon:focus-visible:after,.action-button.outline:focus-visible:after{opacity:1}.action-button.icon:active:after,.action-button.outline:active:after{transform:scale(.96)}.action-button.shimmer{contain:paint;overflow:hidden}.action-button.shimmer:after{background:linear-gradient(-40deg,transparent 25%,rgba(255,255,255,.2) 50%,transparent 75%);background-position:200% 0;background-repeat:no-repeat;background-size:200% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.action-button.shimmer:hover:after,.action-button.shimmer:focus-visible:after{animation:shimmer-ae750f33 1s var(--ease-in-out-sine)}@keyframes shimmer-ae750f33{0%{background-position:200% 0}to{background-position:-200% 0}}.page{position:relative;--page-padding: 20px;--left-rail-width: 40px;--right-panel-width: 250px;--page-gap: 8px;width:100vw;height:100dvh;min-width:0;min-height:0;background:#000;color:var(--text);overflow:hidden;overscroll-behavior:none;touch-action:none}.logoOptions{position:absolute;left:20px;top:20px;height:40px;display:flex;align-items:center;gap:8px;z-index:20}.logoOptions .accountMenuPopover{left:0;right:auto}.logoOptions .root{align-items:center;display:flex;gap:0;height:40px;padding:2px;position:relative;width:fit-content;z-index:9}.backToCatalogBtn{align-items:center;display:flex;gap:4px;height:100%;padding:0 10px 0 6px}.backToCatalogBtn:after{border-radius:6px}.backToCatalogBtn .nuxt-icon{color:var(--color-contrast-secondary);font-size:18px}.brand-logo{display:block;height:28px;object-fit:contain;width:28px}.authControls{align-items:center;display:flex;gap:4px;height:40px;min-width:40px;position:relative;z-index:8}.authTextButton{align-items:center;border-radius:6px;color:var(--color-contrast-secondary);display:flex;font-size:12px;font-weight:600;height:30px;justify-content:center;min-width:58px;padding:0 10px;white-space:nowrap}.authTextButton:hover,.authTextButton:focus-visible{background-color:var(--color-secondary);color:var(--color-contrast)}.authTextButtonPrimary{background-color:var(--color-select);color:#fff}.canvas-wrap{position:absolute;left:calc(var(--page-padding) + var(--left-rail-width) + 60px);right:calc(var(--page-padding) + var(--right-panel-width) + 60px);top:var(--page-padding);bottom:var(--page-padding);display:flex;align-items:center;justify-content:center;overflow:hidden;container-type:size}.canvas-controls{position:relative;display:block;width:100%;width:min(100cqw,calc(100cqh * var(--ar)));aspect-ratio:var(--ar);overflow:visible;transform:translate(calc(var(--x, 0) * 1px),calc(var(--y, 0) * 1px)) scale(var(--scale, 1));transform-origin:center center}.canvas-wrap canvas{display:block;border-radius:6px;background:#ddd;cursor:crosshair}.canvas-controls>#editorCanvas{height:100%;width:100%}.canvas-wrap canvas.can-drag{cursor:grab}.canvas-wrap canvas.dragging,.canvas-wrap canvas.panning{cursor:grabbing}.canvas-wrap canvas.relight-canvas{background:transparent;aspect-ratio:auto;cursor:grab;touch-action:none}.canvas-wrap canvas.relight-canvas.dragging{cursor:grabbing}.right-panel{position:absolute;right:var(--page-padding);top:var(--page-padding);bottom:var(--page-padding);width:var(--right-panel-width);display:flex;flex-direction:column;gap:8px;min-height:0;z-index:20}.right-panel>.exporter{width:250px;height:40px;flex:0 0 40px}.exporter{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:2px;position:relative}.exporter .infoBtn{height:100%;width:36px}.exporter .infoBtn .nuxt-icon{font-size:20px}.exporter .wrap{align-items:center;display:flex;height:100%;padding:2px}.exporter .wrap>*{height:100%}.exporter button{border-radius:6px;font-size:12px;font-weight:500;height:100%}.exporter button:after{border-radius:6px}.export-button-group{display:flex;height:100%;isolation:isolate;transition:background-color .15s var(--ease-in-out-sine),filter .15s var(--ease-in-out-sine),transform .1s var(--ease-out-cubic)}.export-button-group.has-menu{background-color:var(--color-select);border-radius:6px;overflow:hidden}.export-button-group.has-menu:is(:hover,:focus-within){background-color:var(--blue-active)}.export-button-group.has-menu:has(button:active){transform:scale(.98)}.export-button-group.has-menu .action-button{background-color:transparent;filter:none;transform:none}.export-button-group.has-menu .export-primary{border-bottom-right-radius:0;border-top-right-radius:0;min-width:84px;padding-left:16px;padding-right:14px}.export-button-group.is-exporting{cursor:wait}.export-button-group.is-exporting .action-button{cursor:wait;opacity:1}.export-primary.is-exporting{min-width:122px;padding-left:13px;padding-right:13px}.export-primary .export-label,.export-primary .export-spinner{position:relative;z-index:1}.export-label-compact{display:none}@media(max-width:480px){.export-label-full,.logoOptions .authTextButtonPrimary{display:none}.export-label-compact{display:inline}}.export-spinner{animation:export-spinner-spin .8s linear infinite;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;flex:0 0 auto;height:12px;width:12px}@keyframes export-spinner-spin{to{transform:rotate(360deg)}}.export-menu-trigger{border-bottom-left-radius:0;border-top-left-radius:0;min-width:34px;padding:0;width:34px}.export-menu-trigger:after{display:none}.export-menu-trigger .nuxt-icon{font-size:16px;transition:transform .18s var(--ease-out-cubic)}.export-button-group.is-open .export-menu-trigger .nuxt-icon{transform:rotate(180deg)}.export-menu{background:#0d0d0df5;box-shadow:0 16px 44px #0000006b,0 0 0 1px #ffffff0a;display:grid;gap:2px;padding:5px;position:fixed;transform-origin:top right;z-index:10030}.export-menu button{align-items:center;border-radius:6px;color:var(--color-contrast);display:flex;font-size:12px;font-weight:500;height:32px;justify-content:flex-start;padding:0 11px;text-align:left;transition:background-color .12s var(--ease-out-cubic),color .12s var(--ease-out-cubic);width:100%}.export-menu button:hover:not(:disabled),.export-menu button:focus-visible:not(:disabled){background:var(--color-secondary);outline:0}.export-menu button:disabled{color:var(--muted);cursor:not-allowed;opacity:.48}.exporter .details{display:flex;flex-direction:column;gap:6px;min-width:146px;opacity:0;padding:10px;position:absolute;right:calc(100% + 8px);top:0;transition:.15s opacity var(--ease-in-out-sine),.15s visibility;visibility:hidden;z-index:30}.exporter .details:after{content:"";height:100%;left:100%;position:absolute;top:0;width:16px}.exporter .infoBtn:hover~.details,.exporter .infoBtn:focus-visible~.details,.exporter .details.is-open,.exporter .details:hover,.exporter .details:focus-within{opacity:1;visibility:visible}.exporter .details ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.exporter .details ul+ul{border-top:1px solid rgba(255,255,255,.08);padding-top:6px}.exporter .details li{align-items:center;display:grid;column-gap:8px;grid-template-columns:18px minmax(0,1fr);min-height:22px}.exporter .details .nuxt-icon{color:var(--color-contrast);font-size:17px;justify-self:center}.exporter .details p{font-size:12px;font-weight:500;line-height:1.2;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hex-select{background-color:var(--control);border:.8px solid var(--control);border-radius:6px;height:24px;padding:2px 4px;display:flex;gap:4px}.hex-select:has(input:focus){border-color:var(--blue)}.palette{background:var(--control);border-radius:6px;display:grid;grid-auto-flow:column;grid-auto-columns:8px;gap:0;height:24px;width:100%;align-items:center;justify-content:start;padding:4px 12px 4px 4px}.controls{--input-height: 24px;display:flex;flex-direction:column;font-family:Inter,"Inter Fallback: Arial",sans-serif;flex:1 1 auto;height:auto;min-height:0;overflow:hidden;padding:0;width:250px}.controls .thumbnail-input input,.controls .radio-select input,.controls .segmented-control input,.controls .constrain-toggle input,.controls .group input{height:0;opacity:0;position:absolute;width:0}.controls .pages{flex:1 1 auto;height:auto;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.24) transparent;scrollbar-width:thin}.controls .pages::-webkit-scrollbar{width:6px}.controls .pages::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:999px}.controls .pages::-webkit-scrollbar-track{background:transparent}.controls .slots{display:flex;flex-direction:column;min-height:0}.controls .accordion{border-bottom:1px solid var(--color-secondary);display:grid;gap:8px;grid-template-rows:20px auto;padding:12px 12px 4px}.controls .accordion[data-open=false]{grid-template-rows:20px 0;gap:8px}.controls .summary{align-items:center;cursor:pointer;display:flex;font-size:12px;font-weight:800;height:20px;justify-content:space-between;padding:0;width:100%}.controls .summary span:first-child{font-size:12px;font-weight:800}.controls .summary .nuxt-icon{font-size:18px;transform:none}.controls .accordion[data-open=true] .summary .nuxt-icon{transform:scaleY(-1)}.controls .dial-section{border-bottom:1px solid var(--color-secondary);padding:8px 12px 4px}.controls .dial-section .dialkit-folder:not(.dialkit-folder-root){border-top:none;border-bottom:none;margin:0}.controls .dial-disabled{opacity:.45;pointer-events:none}.controls .dial-slot-rows{display:flex;flex-direction:column;gap:8px}.controls .dial-palette-row{align-items:center;display:flex;gap:8px;height:var(--dial-row-height, 36px);justify-content:space-between}.controls .dial-palette-row .palette{flex:0 0 60px;width:60px}.controls .relight-root{align-items:start;display:grid;gap:10px;position:relative;transition:opacity .16s var(--ease-in-out-sine)}.controls .relight-root[data-disabled=true]{opacity:.82}.controls .relight-root[data-enabled=false][data-disabled=false]{opacity:.76}.relight-processing-spinner{animation:relight-processing-spin .9s linear infinite;border:1.5px solid rgba(255,255,255,.18);border-radius:50%;border-top-color:var(--dial-text-primary, rgba(255, 255, 255, .95));display:block;height:12px;width:12px}.relight-status-row{align-items:center;background:var(--dial-surface, rgba(255, 255, 255, .05));border-radius:var(--dial-radius, 8px);color:var(--dial-text-label, rgba(255, 255, 255, .7));display:grid;font-size:13px;font-weight:500;gap:8px;grid-template-columns:8px 1fr auto;height:var(--dial-row-height, 36px);padding:0 10px}.relight-status-dot{background:var(--dial-text-tertiary, rgba(255, 255, 255, .4));border-radius:50%;height:6px;width:6px}.relight-status-row[data-state=ready] .relight-status-dot{background:var(--color-success, #42d392)}.relight-status-row[data-state=error] .relight-status-dot{background:var(--color-danger, #ff6b6b)}.relight-option-list{display:grid;gap:6px}.relight-option-button{align-items:center;display:flex;height:var(--dial-row-height, 36px);justify-content:space-between;min-width:0;padding:0 10px}.relight-option-button.active{background:var(--dial-surface-active, rgba(255, 255, 255, .11));color:var(--dial-text-primary, #f6f9ff)}.relight-option-button:disabled{cursor:default;opacity:.5}.relight-option-left{align-items:center;display:inline-flex;gap:8px;min-width:0}.relight-option-left .ui-icon{color:var(--dial-text-label, rgba(255, 255, 255, .7));flex:0 0 auto;height:16px;width:16px}.relight-option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relight-option-meta{color:var(--dial-text-secondary, rgba(255, 255, 255, .6));flex:0 0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:650;margin-left:8px}.relight-inline-panel{display:grid;min-width:0}.relight-inline-panel[data-disabled=true]{opacity:.58}.controls .relight-root .light-delete-button{width:100%}.relight-dialkit{--dial-row-height: 36px;--dial-surface: rgba(255, 255, 255, .05);--dial-surface-hover: rgba(255, 255, 255, .1);--dial-surface-active: rgba(255, 255, 255, .11);--dial-surface-subtle: rgba(255, 255, 255, .06);--dial-text-label: rgba(255, 255, 255, .7);--dial-text-primary: rgba(255, 255, 255, .95);--dial-text-secondary: rgba(255, 255, 255, .6);--dial-text-tertiary: rgba(255, 255, 255, .4);--dial-text-focus: #fff;--dial-border-hover: rgba(255, 255, 255, .15);--dial-radius: 8px}.dial-stack{display:grid;gap:12px}.light-action-row{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 98px}.color-control-wrap{min-width:0}.curve-color-control{align-items:center;background:var(--dial-surface, rgba(255, 255, 255, .05));border-radius:var(--dial-radius, 8px);cursor:pointer;display:flex;font-family:inherit;gap:12px;justify-content:space-between;min-height:var(--dial-row-height, 36px);min-width:0;padding:0 10px 0 12px}.curve-color-control__label{color:var(--dial-text-label, rgba(255, 255, 255, .7));flex:0 0 auto;font-size:13px;font-weight:650;line-height:1}.curve-color-picker{align-items:center;display:inline-flex;gap:8px;min-width:0;position:relative}.curve-color-picker__swatch{border:1px solid rgba(255,255,255,.28);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff47,0 2px 8px #0003;cursor:pointer;flex:0 0 auto;height:18px;transition:opacity .15s var(--ease-in-out-sine),transform .1s var(--ease-out-cubic);width:18px}.curve-color-picker__swatch:hover:not(:disabled){transform:scale(1.08)}.curve-color-picker__swatch:disabled{cursor:not-allowed;opacity:.5}.curve-color-picker__input{background:#090f1c42;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:var(--dial-text-primary, #f6f9ff);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;height:32px;line-height:1;outline:none;padding:0 8px;text-transform:uppercase;transition:border-color .15s var(--ease-in-out-sine),box-shadow .15s var(--ease-in-out-sine),color .15s var(--ease-in-out-sine);width:86px}.curve-color-picker__input:focus{border-color:#dbe7ff61;box-shadow:0 0 0 2px #dbe7ff1f;color:var(--dial-text-focus, #fff)}.curve-color-picker__input:disabled{cursor:not-allowed;opacity:.5}.curve-color-picker__popover{background:transparent;border:0;color:inherit;margin:0;max-height:none;max-width:none;outline:none;padding:0;position:fixed;transform:translate(-50%,-50%);z-index:10002}.curve-color-picker__popover-shell{position:relative}.curve-color-picker__halo,.curve-color-picker__surface{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);border-radius:999px;position:absolute}.curve-color-picker__surface{background:#ffffffd6;inset:0}.curve-color-picker__option{border:1px solid rgba(0,0,0,.05);border-radius:999px;box-shadow:0 0 8px #fff3;cursor:pointer;position:absolute;transition:filter .15s var(--ease-out-cubic),opacity .15s var(--ease-out-cubic),transform .15s var(--ease-out-cubic)}.curve-color-picker__option:hover{transform:scale(1.12);z-index:70!important}.curve-color-picker__option:active{transform:scale(.96)}.curve-color-picker__option[data-selected=true]{transform:scale(1.22)}.curve-color-picker__option[data-selected=true]:hover{transform:scale(1.28)}.curve-color-picker__option:focus-visible{box-shadow:0 0 8px #fff3,0 0 0 2px #ffffffbf;outline:0}.curve-color-picker__arc{position:absolute;-webkit-user-select:none;user-select:none}.curve-color-picker__arc-svg,.curve-color-picker__arc-hit{inset:0;overflow:visible;position:absolute}.curve-color-picker__arc-svg{pointer-events:none}.curve-color-picker__arc-hit{cursor:pointer;touch-action:none}.curve-color-picker__arc-knob{border:2px solid #fff;border-radius:999px;box-shadow:0 1px 3px #0000004d;height:14px;pointer-events:none;position:absolute;width:14px}.light-delete-button{align-items:center;background:#a9191033;box-shadow:inset 0 0 0 1px #ff968f24;color:#ffd6d3;display:inline-flex;gap:7px;height:var(--dial-row-height, 36px);justify-content:center;width:98px}.light-delete-button:hover:not(:disabled){background:#a9191052;color:#fff1ef}.light-delete-button .ui-icon{height:15px;width:15px}.panel-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.panel-heading .label{color:var(--dial-text-label, #dce7ff);font-size:13px;font-weight:650}.preset-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(430px,calc(100vh - 286px));overflow:auto;padding-right:3px}.preset-button{aspect-ratio:.8;background:#141922;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff0f;color:#dce7ff;display:block;min-height:124px;overflow:hidden;padding:0;position:relative}.preset-button:hover:not(:disabled){box-shadow:inset 0 0 0 1px #dbe7ff52,0 10px 24px #0003}.preset-button.active{box-shadow:inset 0 0 0 2px var(--blue),0 12px 30px #1c60f62e}.preset-preview{display:block;height:100%;object-fit:cover;width:100%}.preset-preview-empty{background:linear-gradient(135deg,#192234,#11151d);display:grid;place-items:center}.preset-button:after{background:linear-gradient(0deg,rgba(0,0,0,.64),transparent);bottom:0;content:"";height:46px;left:0;pointer-events:none;position:absolute;right:0}.preset-index,.preset-swatches{bottom:8px;position:absolute;z-index:1}.preset-index{font-size:11px;font-weight:800;left:8px;opacity:.92;text-shadow:0 1px 8px rgba(0,0,0,.65)}.preset-swatches{align-items:center;display:flex;right:8px}.preset-swatch{border:2px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:0 2px 10px #00000040;height:14px;margin-left:-5px;width:14px}.preset-swatch:first-child{margin-left:0}.tab-card{display:grid;gap:4px;padding:8px}.tab-button{background:transparent;border-radius:12px;color:#d9e6ff;display:grid;font-size:13px;font-weight:760;gap:4px;min-height:72px;place-items:center}.tab-button .icon{font-size:21px;line-height:1}.tab-button .icon .ui-icon{height:21px;width:21px}.tab-button.active{background:var(--blue-soft)}.controls .relight-tab-card{background:#1d222bf5;border:1px solid var(--color-secondary);border-radius:8px;box-shadow:0 14px 44px #00000038;display:grid;gap:4px;grid-auto-columns:72px;grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;padding:8px;scrollbar-width:none}.controls .relight-tab-card::-webkit-scrollbar{display:none}.controls .relight-root[data-disabled=true] .tab-button{opacity:.56}.tab-button:disabled,.preset-button:disabled,.light-delete-button:disabled{cursor:default;opacity:.5}.relight-modal-close{align-items:center;background:var(--dial-surface, rgba(255, 255, 255, .05));border-radius:8px;color:var(--muted);display:inline-flex;flex:0 0 auto;font-size:20px;height:32px;justify-content:center;line-height:1;width:32px}.relight-modal-close:hover{background:var(--dial-surface-hover, rgba(255, 255, 255, .1));color:var(--color-contrast)}.relight-preset-popover-layer{inset:0;pointer-events:auto;position:fixed;z-index:10000}.relight-preset-popover{background:var(--color-primary);border:1px solid var(--color-secondary);border-radius:10px;box-shadow:0 18px 64px #0000006b;max-height:min(620px,calc(100vh - 24px));overflow:visible;padding:12px;position:fixed}.relight-preset-popover[data-disabled=true] .preset-grid{opacity:.58;pointer-events:none}.relight-popover-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.relight-popover-header .panel-heading{flex:1;margin-bottom:0}@keyframes relight-processing-spin{to{transform:rotate(360deg)}}.controls .content{overflow:hidden;padding:0}.controls .slot-select .content,.controls .color-root .content{padding-bottom:0}.controls .slot-select .selectors,.controls .layout-selectors,.controls .color-selectors,.controls .transform-selectors,.controls .effects-selectors{padding-bottom:8px}.controls .slot{--background-color: var(--color-secondary);align-items:center;display:grid;gap:8px;grid-template-columns:1fr repeat(4,var(--input-height));height:var(--input-height)}.controls .slot-add-btn{align-items:center;align-self:flex-start;background-color:color-mix(in srgb,var(--color-select),var(--color-primary) 70%);border:1px dashed var(--color-secondary);border-radius:6px;color:color-mix(in srgb,var(--muted),var(--color-contrast) 45%);cursor:pointer;display:flex;height:var(--input-height);justify-content:center;transition:.15s border-color var(--ease-in-out-sine),.15s background-color var(--ease-in-out-sine),.15s color var(--ease-in-out-sine);width:var(--input-height)}.controls .slot-add-btn:hover{background-color:var(--color-secondary);border-color:var(--color-tertiary);color:var(--color-contrast)}.controls .slot-add-btn:disabled{cursor:default;opacity:.4}.controls .slot-create-row{grid-template-columns:1fr var(--input-height) var(--input-height) var(--input-height)}.controls .slot-create-control{align-items:center;background-color:color-mix(in srgb,var(--color-select),var(--color-primary) 70%);border-radius:6px;display:grid;gap:6px;grid-template-columns:16px 1fr;height:100%;min-width:0;padding:4px}.controls .slot-create-control>.nuxt-icon{color:var(--muted)}.controls .slot-prompt{background-color:transparent;border-color:transparent;height:calc(var(--input-height) - 8px);padding:0}.controls .slot-prompt input{background:transparent;border:0;color:var(--text);font-size:12px;font-weight:500;height:100%;min-width:0;outline:0;padding:0;width:100%}.controls .slot-prompt input::placeholder{color:var(--muted)}.controls .slot>.selectors{align-items:center;background-color:color-mix(in srgb,var(--color-select),var(--color-primary) 70%);border-radius:6px;display:grid;grid-template-columns:calc(var(--input-height) - 8px) 1fr;grid-template-rows:calc(var(--input-height) - 8px);height:100%;min-width:0;padding:4px}.controls .slot[data-active=true]>.selectors{background-color:color-mix(in srgb,var(--color-select),var(--color-primary) 52%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-select),var(--color-contrast) 22%)}.controls .slot[data-active=true] .radio-select{color:var(--color-contrast)}.controls .slot[data-active=true] .thumbnail-input{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-select),var(--color-contrast) 18%)}.controls .thumbnail-input{background-image:linear-gradient(45deg,var(--color-primary) 25%,transparent 25%),linear-gradient(-45deg,var(--color-primary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-primary) 75%),linear-gradient(-45deg,transparent 75%,var(--color-primary) 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:4px;display:grid;grid-template:1fr / 1fr;height:16px;overflow:hidden;width:16px}.controls .thumbnail-input>*{grid-area:1 / 1}.controls .thumbnail-input img{aspect-ratio:1 / 1;border-radius:4px;height:16px;object-fit:cover;width:16px}.controls .thumbnail-input img:not([src]){visibility:hidden}.controls .thumbnail-input .nuxt-icon{align-items:center;background-color:var(--color-select);border-radius:3px;color:#fff;display:flex;font-size:16px;height:100%;justify-content:center;opacity:0;pointer-events:none;transition:.15s opacity var(--ease-in-out-sine);width:100%}.controls .thumbnail-input:hover .nuxt-icon,.controls .thumbnail-input:focus-within .nuxt-icon{opacity:1}.controls .radio-select{color:color-mix(in srgb,var(--color-select),var(--color-contrast) 50%);display:grid;font-size:12px;font-weight:500;grid-template-columns:1fr;line-height:1;min-width:0;padding:0 4px;position:relative}.controls .radio-select .cta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls .radio-select .resolution,.controls .radio-select .unit{display:none}.controls .slot-upload-btn,.controls .slot-copy-btn,.controls .slot-delete-btn,.controls .slot-remove-btn,.controls .slot-create-btn,.controls .reset,.controls .toggle button,.controls .constrain-toggle,.controls .color-selectors>button,.controls .group label{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:var(--input-height);justify-content:center;transition:.15s background-color var(--ease-in-out-sine),.1s transform var(--ease-out-cubic);width:var(--input-height)}.controls .slot-upload-btn:hover,.controls .slot-copy-btn:hover,.controls .slot-delete-btn:hover,.controls .slot-remove-btn:hover,.controls .slot-create-btn:hover,.controls .reset:hover,.controls .toggle button:hover,.controls .constrain-toggle:hover,.controls .color-selectors>button:hover,.controls .group label:hover{background-color:var(--color-secondary)}.controls .slot-upload-btn:active,.controls .slot-copy-btn:active,.controls .slot-delete-btn:active,.controls .slot-remove-btn:active,.controls .slot-create-btn:active,.controls .reset:active,.controls .toggle button:active,.controls .constrain-toggle:active,.controls .color-selectors>button:active,.controls .group label:active{transform:scale(.96)}.controls .slot-remove-btn:disabled,.controls .slot-create-btn:disabled{cursor:default;opacity:.4}.controls .slot[data-removable=false] .slot-remove-btn{visibility:hidden}.controls .slot-copy-btn.is-copied{color:var(--blue-text)}.controls .layout-selectors{display:grid;gap:8px;grid-template-columns:1fr 1fr var(--input-height)}.controls .grid{display:grid;gap:8px;grid-auto-flow:column}.controls .layout-options,.controls .align,.controls .repeat-gaps{grid-column:auto / span 2}.controls .options-root{background-color:transparent;border-radius:6px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);height:var(--input-height);overflow:clip}.controls .options-root button{align-items:center;background-color:var(--color-secondary);display:flex;font-size:12px;font-weight:500;justify-content:center;min-width:0}.controls .options-root button .title{align-items:center;display:flex;height:100%;justify-content:center;line-height:1;width:100%}.controls .options-root button[active=true],.controls .toggle button[active=true],.controls .constrain-toggle[active=true],.controls .group label[active=true]{background:var(--blue-active);color:var(--blue-text)}.controls .align{grid-template-columns:1fr 1fr}.controls .align .root,.controls .repeat-gaps,.controls .repeat-gaps .range-slider{min-width:0}.controls .repeat-gaps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.controls .segmented-control{background-color:var(--color-secondary);border-radius:6px;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;height:var(--input-height);overflow:visible;position:relative;width:100%}.controls .segmented-control label{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;z-index:1}.controls .segmented-control .focus-indicator{display:none}.controls .segmented-control .control-title{align-items:center;border-radius:4px;display:flex;font-size:16px;height:100%;justify-content:center;padding:4px;width:100%}.controls .segmented-control input:checked~.control-title{background:var(--blue-active);color:var(--blue-text)}.controls .segmented-control .nuxt-icon,.controls .reset .nuxt-icon,.controls .toggle .nuxt-icon{font-size:16px;line-height:1}.controls .range-slider{align-items:center;background-color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:6px;display:grid;grid-template-columns:var(--input-height) 1fr var(--input-height);height:var(--input-height);min-width:0;overflow:visible}.controls .range-slider:focus-within{border-color:var(--color-select)}.controls .range-slider .title,.controls .range-slider .unit,.controls .range-slider .nuxt-icon{align-items:center;display:flex;font-style:normal;height:100%;justify-content:center;opacity:.7;text-align:center;width:100%}.controls .range-slider .title,.controls .range-slider .unit{font-size:12px}.controls .range-slider .nuxt-icon{font-size:12px;line-height:1}.controls .range-slider form{display:grid;height:auto;margin:0;min-width:0}.controls .range-slider input{appearance:textfield;background:transparent;border:0;color:var(--color-contrast);font-size:12px;font-weight:500;line-height:var(--input-height);outline:0;padding:0;text-align:left;width:100%}.controls .range-slider input::-webkit-outer-spin-button,.controls .range-slider input::-webkit-inner-spin-button{appearance:none;margin:0}.controls .color-selectors,.controls .transform-selectors{display:grid;gap:8px;grid-template-columns:92px 92px var(--input-height)}.controls .effects-selectors{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr var(--input-height)}.controls .hex-select{align-items:center;background-color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:6px;display:flex;gap:4px;height:var(--input-height);min-width:0;padding:2px 4px;width:100%}.controls .colorpicker{align-items:center;display:grid;flex:0 0 16px;height:18px;justify-content:center;width:16px}.controls .colorpicker input{display:block;flex:0 0 16px;height:16px;width:16px}.controls .hex{align-items:center;display:grid;flex:1;height:18px;min-width:0}.controls .hex input{display:block;font-size:12px;height:100%;line-height:var(--input-height);min-width:0;width:100%}.controls .color-selectors .nuxt-icon,.controls .group label .nuxt-icon{font-size:16px;line-height:1}.controls .group{display:grid;gap:8px;grid-template-columns:1fr var(--input-height);min-width:0}.controls .palette{align-items:center;background:var(--color-secondary);border-radius:6px;display:block;height:var(--input-height);min-width:0;overflow:hidden;padding:0;position:relative}.controls .palette .color{aspect-ratio:1 / 1;border-radius:999px;height:auto;left:var(--palette-x, 22px);margin:0;min-width:0;position:absolute;top:50%;transform:translateY(-50%);transition:transform .1s var(--ease-out-cubic),box-shadow .1s var(--ease-out-cubic);width:16px}.controls .palette .color:first-child{margin-left:0}.controls .palette .color[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--color-contrast);z-index:1}.controls .palette .color:hover,.controls .palette .color:focus-visible{box-shadow:0 0 0 1px var(--color-primary),0 0 0 2px var(--color-contrast);transform:translateY(-50%) scale(1.08);z-index:3}.controls .transform-selectors .range-slider:nth-child(1),.controls .transform-selectors .range-slider:nth-child(2){grid-column:auto}.controls .effects-selectors .range-slider{grid-column:auto / span 2}.controls .transform-selectors .range-slider{grid-column:auto}.controls .effects-selectors .reset{align-self:center}.controls .mobile-input-nav{display:none}.status-line{height:14px;color:#777;font-size:11px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-error{color:#ff7070}.toolbar{position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:20}.edit{align-items:center;display:flex;flex-direction:column;gap:4px;padding:4px;width:40px}.edit button{align-items:center;aspect-ratio:1 / 1;border-radius:8px;color:var(--color-contrast);cursor:pointer;display:flex;font-size:20px;justify-content:center;width:32px}.edit button:hover,.edit button:focus-visible{background-color:var(--color-secondary)}.edit button:active{background-color:color-mix(in srgb,var(--color-contrast),var(--color-tertiary) 90%)}.edit button[aria-pressed=true]{background:var(--blue-active);color:var(--blue-text)}.edit button:disabled{cursor:default;opacity:.38}.edit .line{background-color:var(--color-secondary);height:1px;margin:0 4px;width:calc(100% - 8px)}.history{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:128px;padding:0;width:100%}.history button{align-items:center;-webkit-backdrop-filter:var(--background-blur);backdrop-filter:var(--background-blur);background-color:var(--color-background);border:1px solid var(--color-secondary);border-radius:8px;box-shadow:var(--box-shadow);color:var(--color-contrast);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.history button:hover,.history button:focus-visible{background-color:var(--color-secondary)}.history button:active{background-color:color-mix(in srgb,var(--color-contrast),var(--color-tertiary) 90%)}.history button:disabled{cursor:default;opacity:.35}.history button:disabled:hover{background-color:var(--color-background)}.tools{position:absolute;left:20px;bottom:20px;z-index:20;display:flex;flex-direction:column;gap:8px}.tools>.action-button{height:40px;width:40px}.zoom{align-items:center;display:flex;flex-direction:column;gap:4px;padding:2px;width:40px}.zoom button{align-items:center;aspect-ratio:1 / 1;border-radius:8px;color:var(--color-contrast);cursor:pointer;display:flex;font-size:20px;justify-content:center;width:100%}.zoom button:hover,.zoom button:focus-visible{background-color:var(--color-secondary)}.zoom-value,.zoom p{color:#bdbdbd;cursor:default;font-size:12px;font-weight:500;margin:0;opacity:.7;text-align:center}.nuxt-icon{display:block;font-size:24px;line-height:1}.nuxt-icon svg,svg{display:block;overflow:visible}.nuxt-icon svg{height:1em;width:1em}.nuxt-icon.nuxt-icon--fill,.nuxt-icon.nuxt-icon--fill *{fill:currentColor}.tool{position:absolute;left:50%;top:50%;width:0;height:0;color:#efefef;pointer-events:none;transform:translate(calc(var(--left, 0) * 1px),calc(var(--top, 0) * 1px));opacity:0;transition:opacity .15s var(--ease-in-out-sine)}.tool[data-visible=true]{opacity:1}.tool .loop{position:absolute;left:calc(var(--radius, 120) * -.5px);top:calc(var(--radius, 120) * -.5px);width:calc(var(--radius, 120) * 1px);height:calc(var(--radius, 120) * 1px);border:1.6px solid rgba(239,239,239,.78);border-radius:999px;background:conic-gradient(from calc(var(--angle-from, 0) * 1deg),#78b4ff61,#78b4ff00 calc(var(--rotateDelta, 0) * 1deg));box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #0000004d}.tool[data-active-tool=rotate] .loop{--color-select-alpha: rgba(255, 255, 255, .6);--color-select-alpha: color-mix(in srgb, #fff, transparent 40%);border:calc(2px / var(--scale, 1)) dashed #fff;background:none;box-shadow:none;rotate:calc((var(--angle-from, 0) - 90) * 1deg)}.tool[data-active-tool=rotate] .loop[data-rotating=true]{background:conic-gradient(from 0deg,var(--color-select-alpha),var(--color-select-alpha) calc(var(--rotateDelta, 0) * 1deg),transparent calc(var(--rotateDelta, 0) * 1deg),transparent)}.tool .loop[data-scaling=true]{border-style:dashed}.tool .loop .line{--width: calc(2px / var(--scale, 1));position:absolute;left:calc(50% - var(--width) / 2);top:0;width:var(--width);height:50%;background-color:#fff;transform-origin:center bottom;visibility:hidden}.tool[data-active-tool=rotate] .loop[data-rotating=true] .line{visibility:visible}.tool[data-active-tool=scale] .tool-icon,.tool[data-active-tool=rotate] .tool-icon{opacity:0;pointer-events:none;visibility:hidden}.tool-icon{position:absolute;width:32px;height:32px;border-radius:999px;background:var(--panel);border:.8px solid var(--line);display:grid;place-items:center;pointer-events:auto}.tool-icon--zoom{left:calc(cos(var(--angle, 0) * 1deg) * var(--radius, 120) * .5px - 16px);top:calc(sin(var(--angle, 0) * -1deg) * var(--radius, 120) * .5px - 16px)}.tool-icon--rotate{left:calc(cos((var(--angle, 0) + 70) * 1deg) * var(--radius, 120) * .5px - 16px);top:calc(sin((var(--angle, 0) + 70) * -1deg) * var(--radius, 120) * .5px - 16px)}.crop-wrap{position:absolute;inset:0;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s var(--ease-in-out-sine)}.crop-wrap[data-visible=true]{opacity:1}.crop{position:absolute;left:calc(var(--left, 0) * 1%);right:calc(var(--right, 0) * 1%);top:calc(var(--top, 0) * 1%);bottom:calc(var(--bottom, 0) * 1%);border:1.6px solid #efefef;box-shadow:0 0 0 1px #00000080;pointer-events:none}.crop-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 33.1%,rgba(255,255,255,.62) 33.3%,transparent 33.5%,transparent 66.4%,rgba(255,255,255,.62) 66.6%,transparent 66.8%),linear-gradient(0deg,transparent 33.1%,rgba(255,255,255,.62) 33.3%,transparent 33.5%,transparent 66.4%,rgba(255,255,255,.62) 66.6%,transparent 66.8%)}.crop-blur{position:absolute;background:#0000006b;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.crop-blur-top{left:0;right:0;top:0;height:calc(var(--top, 0) * 1%)}.crop-blur-right{right:0;top:calc(var(--top, 0) * 1%);bottom:calc(var(--bottom, 0) * 1%);width:calc(var(--right, 0) * 1%)}.crop-blur-bottom{left:0;right:0;bottom:0;height:calc(var(--bottom, 0) * 1%)}.crop-blur-left{left:0;top:calc(var(--top, 0) * 1%);bottom:calc(var(--bottom, 0) * 1%);width:calc(var(--left, 0) * 1%)}.crop .resolution{position:absolute;left:50%;bottom:10px;transform:translate(-50%);height:24px;min-width:84px;padding:0 8px;border-radius:6px;background:#000000c7;color:#efefef;display:flex;align-items:center;justify-content:center;font-size:12px;white-space:nowrap}.crop .handle{position:absolute;width:18px;height:18px;border-radius:999px;background:#efefef;border:2px solid #000;pointer-events:auto}.handle-top{left:50%;top:-9px;transform:translate(-50%);cursor:ns-resize}.handle-right{right:-9px;top:50%;transform:translateY(-50%);cursor:ew-resize}.handle-bottom{left:50%;bottom:-9px;transform:translate(-50%);cursor:ns-resize}.handle-left{left:-9px;top:50%;transform:translateY(-50%);cursor:ew-resize}.handle-top-left{left:-9px;top:-9px;cursor:nwse-resize}.handle-top-right{right:-9px;top:-9px;cursor:nesw-resize}.handle-bottom-right{right:-9px;bottom:-9px;cursor:nwse-resize}.handle-bottom-left{left:-9px;bottom:-9px;cursor:nesw-resize}.right-panel button:hover{filter:brightness(1.14)}.right-panel button{transition:background-color .15s var(--ease-in-out-sine),filter .15s var(--ease-in-out-sine),transform .1s var(--ease-out-cubic),color .15s var(--ease-in-out-sine)}.right-panel button:active{transform:scale(.96)}@media(max-width:900px),(orientation:portrait){.page{--page-padding: max(12px, env(safe-area-inset-left));--mobile-panel-height: min(42dvh, 336px);height:100dvh;width:100vw}.logoOptions{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top))}.canvas-wrap{bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--mobile-panel-height) + 56px);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:68px}.right-panel{bottom:max(12px,env(safe-area-inset-bottom));gap:8px;left:max(12px,env(safe-area-inset-left));margin:0 auto;max-height:var(--mobile-panel-height);max-width:440px;right:max(12px,env(safe-area-inset-right));top:auto;width:auto}.right-panel>.exporter{height:40px;position:fixed;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));width:auto}.exporter .infoBtn,.exporter .details{display:none}.controls{flex:1 1 auto;height:auto;max-height:var(--mobile-panel-height);min-height:0;width:100%}.controls .pages{height:auto;min-height:0}.controls .content{padding-inline:12px}.controls .layout-root .grid,.controls .layout-root .reset,.controls .layout-root .toggle,.controls .color-root,.controls .transform-root{display:none}.controls .layout-root .grid[active=true],.controls .layout-root .reset[active=true],.controls .layout-root .toggle[active=true],.controls .color-root:has(.color-selectors[active=true]),.controls .transform-root:has(.range-slider[active=true]){display:flex}.controls .layout-root .grid[active=true]{display:grid}.controls .color-root:has(.color-selectors[active=true]),.controls .transform-root:has(.range-slider[active=true]){flex-direction:column}.controls .transform-selectors .range-slider:not([active=true]),.controls .effects-selectors .range-slider:not([active=true]){display:none}.controls .transform-root .constrain-toggle{display:none}.controls .transform-root:has(.transform-selectors .range-slider:first-child[active=true]) .constrain-toggle{display:flex}.controls .mobile-input-nav{border-top:1px solid var(--color-secondary);display:flex;flex:0 0 34px;gap:4px;min-height:34px;overflow-x:auto;padding:4px;scrollbar-width:none}.controls .mobile-input-nav::-webkit-scrollbar{display:none}.controls .mobile-input-nav button{border-radius:6px;color:var(--color-contrast-secondary);flex:0 0 auto;font-size:12px;height:26px;padding:0 8px}.controls .mobile-input-nav button[active=true]{background:var(--blue-active);color:var(--blue-text)}.toolbar{bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--mobile-panel-height) + 8px);left:50%;top:auto;transform:translate(-50%)}.edit{flex-direction:row;width:auto}.edit .line{height:calc(100% - 8px);margin:4px 0;width:1px}.history{flex-direction:row;gap:4px;margin-left:8px;margin-top:0;width:auto}.tools,.status-line{display:none}}.controls .masks-selectors{display:flex;flex-direction:column;gap:8px;width:100%}.controls .masks-selectors[data-busy=true]{opacity:.7}.controls .mask-row{align-items:center;display:grid;gap:8px;grid-template-columns:36px minmax(0,1fr) var(--input-height) var(--input-height) var(--input-height) var(--input-height);height:var(--input-height)}.controls .mask-row.mask-actions{grid-template-columns:1fr var(--input-height)}.controls .mask-row.mask-prompt-row{grid-template-columns:minmax(0,1fr) var(--input-height) var(--input-height)}.controls .mask-remove-btn[data-hidden=true]{visibility:hidden}.controls .mask-prompt{align-items:center;background-color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:6px;display:flex;height:var(--input-height);min-width:0;padding:2px 6px;width:100%}.controls .mask-prompt:has(input:focus){border-color:var(--blue)}.controls .mask-prompt input{background:transparent;border:0;color:var(--text);font-size:12px;font-weight:500;height:100%;min-width:0;outline:0;padding:0;width:100%}.controls .mask-prompt input::placeholder{color:var(--muted)}.controls .mask-row button.icon,.controls .mask-auto-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:var(--input-height);justify-content:center;transition:.15s background-color var(--ease-in-out-sine),.1s transform var(--ease-out-cubic);width:var(--input-height)}.controls .mask-row button.icon:hover,.controls .mask-auto-btn:hover{background-color:var(--color-secondary)}.controls .mask-row button.icon:active,.controls .mask-auto-btn:active{transform:scale(.96)}.controls .mask-row button.icon:disabled,.controls .mask-auto-btn:disabled{cursor:default;opacity:.4}.controls .mask-row button.icon[aria-pressed=true]{background-color:var(--blue-active);color:var(--blue-text)}canvas.mask-overlay{background:transparent;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;border-radius:6px}.mask-loading-overlay{animation:mask-loading-shimmer 1.45s var(--ease-in-out-sine) infinite;background:linear-gradient(105deg,#5aa0ff0d 30%,#ffffff85 48%,#5aa0ff24 56%,#5aa0ff0d 70%);background-size:220% 100%;border-radius:6px;height:100%;left:0;mask-repeat:no-repeat;mask-size:100% 100%;mix-blend-mode:screen;opacity:.8;pointer-events:none;position:absolute;top:0;width:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;z-index:28}@keyframes mask-loading-shimmer{0%{background-position:160% 0}to{background-position:-160% 0}}.app-tooltip{animation:app-tooltip-in .15s var(--ease-out-cubic) .45s both;background:#1a1a1a;border:1px solid var(--color-secondary);border-radius:6px;box-shadow:var(--box-shadow);color:var(--text);font-size:11px;font-weight:500;left:0;line-height:1;padding:5px 8px;pointer-events:none;position:fixed;top:0;white-space:nowrap;z-index:10010}@keyframes app-tooltip-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.app-tooltip{animation-duration:.01ms;animation-delay:0s}}.edit .new-mockup-btn{align-items:center;aspect-ratio:1 / 1;border-radius:8px;color:var(--color-contrast);cursor:pointer;display:flex;font-size:20px;justify-content:center;width:32px}.edit .new-mockup-btn:hover{background-color:var(--color-secondary)}.edit .new-mockup-btn.is-disabled{cursor:default;opacity:.4}.edit .new-mockup-btn.is-disabled:hover,.edit .new-mockup-btn.is-disabled:active{background-color:transparent}.edit .new-mockup-btn:active{background-color:color-mix(in srgb,var(--color-contrast),var(--color-tertiary) 90%)}.edit .new-mockup-btn input{display:none}.controls .mask-title-wide{grid-column:2 / 5}.controls .mask-hint{color:var(--muted);font-size:11px}.controls .mask-thumb{align-items:center;border:1px solid var(--color-secondary);border-radius:6px;cursor:pointer;display:flex;height:var(--input-height);justify-content:center;overflow:hidden;padding:0;position:relative;transition:.15s border-color var(--ease-in-out-sine),.15s box-shadow var(--ease-in-out-sine),.1s transform var(--ease-out-cubic);width:36px}.controls .mask-title{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.controls .mask-thumb img{display:block;height:100%;object-fit:cover;width:100%}.controls .mask-thumb:hover{border-color:var(--color-tertiary)}.controls .mask-thumb:active{transform:scale(.96)}.controls .mask-row[data-selected=true] .mask-thumb{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}@keyframes mask-toolbar-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mask-edit-toolbar{align-items:center;animation:mask-toolbar-in .18s var(--ease-out-cubic);bottom:16px;display:flex;gap:4px;left:50%;padding:4px;position:absolute;transform:translate(-50%);transition:.15s opacity var(--ease-in-out-sine),.15s transform var(--ease-out-cubic),.15s visibility;z-index:30}.mask-edit-toolbar[data-hidden=true]{opacity:0;pointer-events:none;transform:translate(-50%) translateY(6px);visibility:hidden}.mask-edit-toolbar .line{align-self:stretch;background:var(--color-secondary);margin:4px 2px;width:1px}.mask-edit-toolbar .mask-edit-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em;padding:0 8px;text-transform:uppercase}.mask-edit-toolbar button{align-items:center;aspect-ratio:1 / 1;border-radius:8px;color:var(--color-contrast);cursor:pointer;display:flex;font-size:16px;justify-content:center;transition:.15s background-color var(--ease-in-out-sine),.1s transform var(--ease-out-cubic);width:32px}.mask-edit-toolbar button:hover{background-color:var(--color-secondary)}.mask-edit-toolbar button:active{transform:scale(.96)}.mask-edit-toolbar button[aria-pressed=true]{background:var(--blue-active);color:var(--blue-text)}.mask-edit-toolbar .brush-dial-control{align-items:center;border-radius:8px;cursor:ew-resize;display:flex;gap:8px;height:32px;padding:0 10px;touch-action:none;transition:.15s background-color var(--ease-in-out-sine);-webkit-user-select:none;user-select:none}.mask-edit-toolbar .brush-dial-control:hover,.mask-edit-toolbar .brush-dial-control:focus-visible{background-color:var(--color-secondary)}.mask-edit-toolbar .brush-dial-control:focus-visible{outline:1px solid var(--blue);outline-offset:-1px}.mask-edit-toolbar .brush-dial-control .dot-well{align-items:center;display:grid;height:24px;justify-content:center;place-items:center;width:24px}.mask-edit-toolbar .brush-dial-control .dot{background:var(--color-contrast);border-radius:50%;height:24px;transition:.18s filter var(--ease-out-cubic),.18s transform var(--ease-out-cubic);width:24px}.mask-edit-toolbar .brush-dial-control[data-preview=blur] .dot{background:radial-gradient(circle,var(--color-contrast) 34%,rgba(255,255,255,.76) 58%,rgba(255,255,255,.1) 76%);box-shadow:0 0 var(--brush-blur-glow, 1px) #ffffff8c;filter:blur(var(--brush-blur-filter, 0));transform:scale(.74)}.mask-edit-toolbar .brush-dial-control[data-dragging=true] .dot{background:var(--blue-text)}.mask-edit-toolbar .brush-dial-control .value{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;min-width:28px;text-align:right;transition:.15s color var(--ease-in-out-sine)}.mask-edit-toolbar .brush-dial-control[data-dragging=true] .value{color:var(--blue-text)}.mask-edit-toolbar .mask-edit-done{aspect-ratio:auto;color:var(--blue-text);font-size:12px;font-weight:600;padding:0 12px;width:auto}.mask-edit-toolbar button:disabled{cursor:default;opacity:.35}.mask-edit-toolbar .wand-hint{color:var(--muted);font-size:11px;padding:0 8px;white-space:nowrap}.mask-edit-toolbar .wand-cancel{color:var(--muted)}.canvas-wrap canvas.masking{cursor:none}.canvas-wrap canvas.masking.can-drag,.canvas-wrap canvas.wanding.can-drag{cursor:grab}.canvas-wrap canvas.masking.panning,.canvas-wrap canvas.wanding.panning{cursor:grabbing}.canvas-wrap canvas.wanding{cursor:crosshair}.brush-cursor{border:1.5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000008c,0 0 var(--brush-cursor-blur, 0) #ffffff8c;left:0;mix-blend-mode:difference;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .12s var(--ease-in-out-sine);z-index:25}.canvas-wrap canvas.drop-ok{cursor:copy}.canvas-wrap .canvas-pending{display:block;inset:0;height:100%;position:absolute;width:100%;object-fit:contain;border-radius:6px;background:#ddd;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-loading{border-radius:6px;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:28}.canvas-loading:before{animation:canvas-loading-sweep 1.8s var(--ease-in-out-sine) infinite;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);content:"";inset:0;position:absolute}@keyframes canvas-loading-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.canvas-loading-pill{align-items:center;animation:mask-toolbar-in .18s var(--ease-out-cubic);bottom:16px;display:flex;left:50%;padding:12px 14px;position:absolute;transform:translate(-50%);z-index:30}.canvas-loading-dots{display:flex;flex:none;gap:4px}.canvas-loading-dots i{animation:canvas-loading-dot 1.05s var(--ease-in-out-sine) infinite;background:var(--blue-text);border-radius:50%;height:5px;width:5px}.canvas-loading-dots i:nth-child(2){animation-delay:.15s}.canvas-loading-dots i:nth-child(3){animation-delay:.3s}@keyframes canvas-loading-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.canvas-context-menu{animation:mask-toolbar-in .12s var(--ease-out-cubic);display:flex;flex-direction:column;min-width:148px;position:fixed;z-index:10010}.canvas-context-menu button{align-items:center;border-radius:7px;color:var(--color-contrast);display:flex;font-size:13px;gap:24px;justify-content:space-between;padding:7px 9px;text-align:left;white-space:nowrap}.canvas-context-menu button:hover{background:var(--color-secondary)}.canvas-context-menu kbd{color:var(--muted);font:inherit;font-size:12px}.controls .depth-selectors{display:flex;flex-direction:column;gap:8px;width:100%}.depth-row{align-items:center;display:flex;gap:10px;padding:2px}.depth-slider{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;flex:1;height:16px;margin:0;min-width:0}.depth-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--blue-text) var(--fill, 100%),var(--color-secondary) var(--fill, 100%));border-radius:2px;height:3px}.depth-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-contrast);border-radius:50%;box-shadow:0 0 0 1px #00000080;height:11px;margin-top:-4px;transition:transform .1s var(--ease-out-cubic);width:11px}.depth-slider:hover::-webkit-slider-thumb{transform:scale(1.08)}.depth-slider::-moz-range-track{background:var(--color-secondary);border-radius:2px;height:3px}.depth-slider::-moz-range-progress{background:var(--blue-text);border-radius:2px;height:3px}.depth-slider::-moz-range-thumb{background:var(--color-contrast);border:none;border-radius:50%;box-shadow:0 0 0 1px #00000080;height:11px;width:11px}.depth-value{color:var(--muted);flex:none;font-size:11px;font-variant-numeric:tabular-nums;text-align:right;width:32px}.controls :is(button,a):focus-visible,.exporter button:focus-visible{outline:1px solid var(--blue);outline-offset:-1px}@media(prefers-reduced-motion:reduce){.page *,.page *:before,.page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.appShell{min-height:100vh;background:#0f0f0f;color:#f6f5f2;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.appShellTopbar{position:sticky;top:0;z-index:50;display:flex;height:72px;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0f0f0feb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.appShellBrand,.appShellNav a{color:inherit;text-decoration:none}.appShellBrand{display:inline-flex;align-items:center;gap:10px;min-width:180px;font-size:15px;font-weight:700}.appShellMark{width:28px;height:28px;display:block;flex:0 0 28px;border-radius:999px;object-fit:contain}.appShellNav{display:flex;flex:1;justify-content:center;gap:8px}.appShellNav a{border-radius:999px;color:#f6f5f294;font-size:14px;padding:8px 14px}.appShellNav a.active,.appShellNav a:hover{background:#ffffff14;color:#f6f5f2}.appShellMain{padding:40px 24px}.homePanel,.libraryHeader,.profilePage,.projectList{width:min(1040px,calc(100vw - 48px));margin:0 auto}.homePanel{display:grid;min-height:calc(100vh - 160px);align-items:center}.homePanel h1,.libraryHeader h1,.profilePage h1{max-width:760px;margin:0;color:#f6f5f2;font-size:clamp(44px,8vw,96px);line-height:.92;letter-spacing:0}.homeEyebrow{margin:0 0 18px;color:#f6f5f285;font-size:13px;letter-spacing:0;text-transform:uppercase}.homeCopy{max-width:520px;margin:24px 0 0;color:#f6f5f2a3;font-size:18px;line-height:1.5}.homeActions,.libraryHeader{display:flex;align-items:center;gap:12px}.homeActions{margin-top:32px;flex-wrap:wrap}.homePrimaryAction,.homeSecondaryAction{display:inline-flex;height:44px;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;font-size:14px;font-weight:650;text-decoration:none}.homePrimaryAction{border:0;background:#f6f5f2;color:#111}.homeSecondaryAction{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#f6f5f2}.libraryHeader{justify-content:space-between;margin-bottom:24px}.projectList{display:flex;flex-direction:column;gap:10px}.projectRow{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#f6f5f2;padding:18px;text-decoration:none}.projectRow span{display:flex;flex-direction:column;gap:4px}.projectRow small,.projectRow time,.mutedText{color:#f6f5f28a}.profilePage{display:grid;gap:28px}.editorRouteMessage{display:grid;min-height:100vh;place-items:center;background:#111;color:#f6f5f2;font:500 16px/1.4 ui-sans-serif,system-ui,sans-serif}.editorRouteMessageStack{display:grid;gap:12px;padding:24px;text-align:center}.editorRouteMessageStack p{margin:0}.editorRouteMessageStack a{color:inherit}@media(max-width:760px){.appShellTopbar{height:auto;flex-wrap:wrap;padding:14px}.appShellBrand{min-width:0}.appShellNav{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.libraryHeader{align-items:flex-start;flex-direction:column}}.appShell button{cursor:pointer}.homePrimaryAction,.homeSecondaryAction,.projectRow,.appShellNav a{transition:background-color .15s ease,border-color .15s ease,filter .15s ease}.homePrimaryAction:hover{filter:brightness(.9)}.homeSecondaryAction:hover{background:#ffffff1a}.projectRow:hover{background:#ffffff12;border-color:#ffffff29}.appShell :is(a,button):focus-visible{outline:2px solid rgba(246,245,242,.5);outline-offset:2px}