.export-widget[data-v-2250d6c3]{position:relative}.export-trigger[data-v-2250d6c3]{background:var(--nav-bg);border:1px solid var(--nav-border);width:32px;height:32px;color:var(--text-secondary);-webkit-backdrop-filter:blur(12px)saturate(140%);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 8px 22px #0000001f}.export-trigger[data-v-2250d6c3]:hover{color:var(--text-primary);background:var(--bg-hover);transform:translateY(-1px)}.export-trigger.active[data-v-2250d6c3]{background:linear-gradient(135deg, var(--accent), #b794f6);color:#fff;border-color:#0000;box-shadow:0 8px 22px #7c6af759}.chevron[data-v-2250d6c3]{opacity:.7;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.chevron.rotated[data-v-2250d6c3]{transform:rotate(180deg)}.export-dropdown[data-v-2250d6c3]{z-index:999;pointer-events:auto;width:320px;position:absolute;top:calc(100% + 10px);right:0}.dropdown-inner[data-v-2250d6c3]{background:var(--glass-bg,#141224eb);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--glass-border,#ffffff1a);border-radius:18px;flex-direction:column;gap:16px;padding:16px;display:flex;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff12}.section[data-v-2250d6c3]{flex-direction:column;gap:8px;display:flex}.section-label[data-v-2250d6c3]{letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:11px;font-weight:600}.pill-group[data-v-2250d6c3]{background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:999px;gap:4px;padding:4px;display:flex}.resolution-dims[data-v-2250d6c3]{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-secondary);letter-spacing:.02em;margin:0;font-size:11px}.pill[data-v-2250d6c3]{color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:center;border-radius:999px;flex:1;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s}.pill[data-v-2250d6c3]:hover{color:var(--text-primary);background:#ffffff0f}.pill.active[data-v-2250d6c3]{background:linear-gradient(135deg, var(--accent), #b794f6);color:#fff;box-shadow:0 4px 14px #7c6af759}.css-box[data-v-2250d6c3]{background:var(--bg-primary,#0a091499);border:1px solid var(--nav-border);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.css-header[data-v-2250d6c3]{justify-content:space-between;align-items:center;display:flex}.css-label[data-v-2250d6c3]{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:11px;font-weight:600}.copy-btn[data-v-2250d6c3]{width:26px;height:26px;color:var(--text-secondary);border:1px solid var(--nav-border);cursor:pointer;background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.copy-btn[data-v-2250d6c3]:hover{color:var(--text-primary);background:#ffffff1a}.copy-btn.success[data-v-2250d6c3]{color:#4ade80;background:#4ade801a;border-color:#4ade8040}.css-code[data-v-2250d6c3]{color:var(--text-primary);white-space:pre-wrap;word-break:break-all;margin:0;padding:0;font-family:Monaco,Consolas,SF Mono,monospace;font-size:12px;line-height:1.7;overflow-x:auto}.css-code code[data-v-2250d6c3]{display:block}.download-btn[data-v-2250d6c3]{letter-spacing:-.01em;cursor:pointer;background:linear-gradient(135deg, var(--accent), #b794f6);color:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 22px #7c6af761}.download-btn[data-v-2250d6c3]:hover{transform:translateY(-1px);box-shadow:0 12px 28px #7c6af785}.download-btn[data-v-2250d6c3]:active{transform:translateY(0)}.download-btn[data-v-2250d6c3]:disabled,.download-btn.disabled[data-v-2250d6c3]{opacity:.58;box-shadow:none;transform:none}@media (width<=520px){.export-dropdown[data-v-2250d6c3]{width:auto;position:fixed;top:58px;left:12px;right:12px}}.dropdown-enter-active[data-v-2250d6c3]{transition:opacity .2s,transform .22s cubic-bezier(.2,.8,.2,1)}.dropdown-leave-active[data-v-2250d6c3]{transition:opacity .15s,transform .15s}.dropdown-enter-from[data-v-2250d6c3]{opacity:0;transform:translateY(-8px)scale(.97)}.dropdown-leave-to[data-v-2250d6c3]{opacity:0;transform:translateY(-4px)scale(.98)}html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto}[data-sonner-toaster]{width:var(--width);--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:8px;box-sizing:border-box;z-index:999999999;outline:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;list-style:none;transition:transform .4s;position:fixed}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);opacity:0;transform:var(--y);touch-action:none;box-sizing:border-box;overflow-wrap:anywhere;outline:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;position:absolute}[data-sonner-toast][data-styled=true]{background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);width:var(--width);align-items:center;gap:6px;padding:16px;font-size:13px;display:flex;box-shadow:0 4px 12px #0000001a}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap));top:0}[data-sonner-toast][data-y-position=bottom]{--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap));bottom:0}[data-sonner-toast][data-styled=true] [data-description]{color:#3f3f3f;font-weight:400;line-height:1.4}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{color:inherit;font-weight:500;line-height:1.5}[data-sonner-toast][data-styled=true] [data-icon]{width:16px;height:16px;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform-origin:50%;animation:.3s forwards sonner-fade-in;transform:scale(.8)}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{flex-direction:column;gap:2px;display:flex}[data-sonner-toast][data-styled=true] [data-button]{height:24px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);cursor:pointer;border:none;border-radius:4px;outline:none;flex-shrink:0;align-items:center;padding-left:8px;padding-right:8px;font-size:12px;font-weight:500;transition:opacity .4s,box-shadow .2s;display:flex}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toaster] [data-close-button-position=top-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster] [data-close-button-position=top-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster] [data-close-button-position=bottom-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(-35%, 35%)}[data-sonner-toaster] [data-close-button-position=bottom-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(35%, 35%)}[data-sonner-toast][data-styled=true] [data-close-button]{left:var(--toast-close-button-left);right:var(--toast-close-button-right);top:var(--toast-close-button-top);bottom:var(--toast-close-button-bottom);width:20px;height:20px;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .1s,background .2s,border-color .2s;display:flex;position:absolute}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";z-index:-1;height:100%;position:absolute;left:-100%;right:-100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3)translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3)translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";height:calc(var(--gap) + 1px);width:100%;position:absolute;bottom:100%;left:0}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * .05 + 1));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0px)) translateX(var(--swipe-amount-x,0px));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (width<=600px){[data-sonner-toaster]{right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%;position:fixed}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{width:calc(100% - var(--mobile-offset-left) * 2);left:0;right:0}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px))}[data-sonner-toaster][data-y-position=top]{top:calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px))}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:#ecfdf3;--success-border:#bffcd9;--success-text:#008a2e;--info-bg:#f0f8ff;--info-border:#dde7fd;--info-text:#0973dc;--warning-bg:#fffcf0;--warning-border:#fbeeb1;--warning-text:#dc7609;--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:#1f1f1f;--normal-border:#333;--normal-border-hover:#404040;--normal-text:var(--gray1);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--info-bg:#000d1f;--info-border:#19233e;--info-text:#5896f3;--warning-bg:#1d1f00;--warning-border:#2e2e00;--warning-text:#f3cf58;--error-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);z-index:10;position:absolute;inset:0}.sonner-loading-wrapper[data-visible=false]{transform-origin:50%;animation:.2s forwards sonner-fade-out}.sonner-spinner{height:var(--size);width:var(--size);position:relative;top:50%;left:50%}.sonner-loading-bar{background:var(--gray11);border-radius:6px;width:24%;height:8%;animation:1.2s linear infinite sonner-spin;position:absolute;top:-3.9%;left:-10%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg)translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg)translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg)translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg)translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg)translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg)translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg)translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg)translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg)translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg)translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg)translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg)translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{transform-origin:50%;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8)translate(-50%,-50%)}.app[data-v-554683cf]{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app[data-v-554683cf]>main,.app[data-v-554683cf]>.presets-page,.app[data-v-554683cf]>.editor-page,.app[data-v-554683cf]>.patterns-page,.app[data-v-554683cf]>.frames-page,.app[data-v-554683cf]>.patternify-page{flex:1;min-height:0;overflow:hidden}.app[data-v-554683cf]>.legal-page{flex:1;min-height:0;overflow-y:auto}.header[data-v-554683cf]{z-index:100;-webkit-backdrop-filter:none;pointer-events:none;background:0 0;border-bottom:none;position:sticky;top:0}.header-content[data-v-554683cf]{justify-content:center;align-items:center;width:100%;max-width:100%;padding:4px 8px;display:flex;position:relative}.logo-container[data-v-554683cf]{pointer-events:auto;z-index:120;flex-direction:column;align-items:flex-start;width:280px;display:flex;position:absolute;left:8px}.logo-pill[data-v-554683cf]{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;-webkit-backdrop-filter:var(--glass-blur);border-radius:999px;align-items:center;gap:8px;padding:5px 18px;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #00000026}.logo-pill[data-v-554683cf]:hover,.logo-pill.dropdown-open[data-v-554683cf]{background:var(--bg-hover);border-color:#ffffff26;box-shadow:inset 0 1px #ffffff14,0 12px 28px #00000038}.logo-home-link[data-v-554683cf]{border-radius:6px;justify-content:center;align-items:center;padding:2px;transition:transform .2s;display:flex}.logo-home-link img[data-v-554683cf]{object-fit:contain;border-radius:4px;display:block}.logo-home-link[data-v-554683cf]:hover{transform:scale(1.08)rotate(-4deg)}.logo-trigger[data-v-554683cf]{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;outline:none;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:0 6px 0 0;font-family:inherit;display:flex}.logo-trigger h1[data-v-554683cf]{letter-spacing:-.025em;margin:0;font-size:16px;font-weight:700;line-height:1}.chevron-icon[data-v-554683cf]{color:var(--text-muted);transition:transform .25s cubic-bezier(.2,.8,.2,1),color .2s}.logo-pill:hover .chevron-icon[data-v-554683cf],.logo-pill.dropdown-open .chevron-icon[data-v-554683cf]{color:var(--text-primary)}.chevron-rotated[data-v-554683cf]{transform:rotate(180deg)}.logo-dropdown-menu[data-v-554683cf]{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:280px;box-shadow:var(--glass-shadow), 0 0 0 1px #ffffff0d, 0 20px 40px #0000004d;-webkit-backdrop-filter:var(--glass-blur);transform-origin:0 0;z-index:1000;flex-direction:column;gap:12px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.dropdown-links[data-v-554683cf]{flex-direction:column;gap:4px;display:flex}.dropdown-link[data-v-554683cf]{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.dropdown-link[data-v-554683cf]:hover{color:var(--text-primary);background:#ffffff0f;transform:translate(3px)}.dropdown-link.active[data-v-554683cf]{color:#c4b5fd;background:linear-gradient(135deg,#7c6af726,#b794f626);border:1px solid #7c6af733}:root[data-theme=light] .dropdown-link.active[data-v-554683cf]{color:var(--accent);background:linear-gradient(135deg,#7657f41a,#b794f61a);border-color:#7657f426}.link-icon[data-v-554683cf]{opacity:.7;transition:opacity .2s}.dropdown-link:hover .link-icon[data-v-554683cf]{opacity:1}.dropdown-divider-horizontal[data-v-554683cf]{background:linear-gradient(90deg, transparent, var(--border-color) 15%, var(--border-color) 85%, transparent);height:1px;margin:6px 0}.dropdown-footer-info[data-v-554683cf]{border-radius:var(--radius-md);color:var(--text-muted);background:#00000026;border:1px solid #ffffff08;flex-direction:column;gap:6px;padding:12px;font-size:12px;line-height:1.4;display:flex}:root[data-theme=light] .dropdown-footer-info[data-v-554683cf]{background:#1a162808;border-color:#1a162805}.dropdown-copyright[data-v-554683cf]{color:var(--text-secondary);font-weight:600}.dropdown-location[data-v-554683cf]{font-size:11.5px}.dropdown-email[data-v-554683cf]{color:var(--accent-hover);align-items:center;gap:6px;width:fit-content;margin-top:2px;font-weight:600;text-decoration:none;transition:color .15s,transform .15s;display:inline-flex}.dropdown-email[data-v-554683cf]:hover{color:var(--accent);transform:translateY(-.5px)}.dropdown-fade-enter-active[data-v-554683cf],.dropdown-fade-leave-active[data-v-554683cf]{transition:all .25s cubic-bezier(.16,1,.3,1)}.dropdown-fade-enter-from[data-v-554683cf]{opacity:0;transform:translateY(-8px)scale(.96)}.dropdown-fade-leave-to[data-v-554683cf]{opacity:0;transform:translateY(-6px)scale(.98)}.nav[data-v-554683cf]{background:var(--nav-bg);border:1px solid var(--nav-border);-webkit-backdrop-filter:blur(12px)saturate(140%);pointer-events:auto;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 12px 40px #0003}.nav-link[data-v-554683cf]{color:var(--text-secondary);letter-spacing:-.01em;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;position:relative}.nav-link[data-v-554683cf]:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active[data-v-554683cf]{background:linear-gradient(135deg, var(--accent), #b794f6);color:#fff;box-shadow:0 8px 22px #7c6af752}.header-controls[data-v-554683cf]{pointer-events:auto;align-items:center;gap:12px;display:flex;position:absolute;right:8px}.sidebar-toggle[data-v-554683cf]{border:1px solid var(--nav-border);background:var(--nav-bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 8px 22px #0000001f}.sidebar-toggle[data-v-554683cf]:hover{color:var(--text-primary);background:var(--bg-hover);transform:translateY(-1px)}.sidebar-toggle.active[data-v-554683cf]{background:linear-gradient(135deg, var(--accent), #b794f6);color:#fff;border-color:#0000;box-shadow:0 8px 22px #7c6af752}.theme-switch[data-v-554683cf]{border:1px solid var(--nav-border);width:58px;height:32px;color:var(--text-secondary);pointer-events:auto;background:#12121a;border-radius:999px;padding:0;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-block;position:relative;box-shadow:inset 0 1px 2px #ffffff0f,0 10px 28px #0000002e}:root[data-theme=light] .theme-switch[data-v-554683cf]{background:#eeeaf7}.theme-switch[data-v-554683cf]:hover{color:var(--text-primary)}.switch-icon[data-v-554683cf]{z-index:1;pointer-events:none;place-items:center;transition:color .2s,opacity .2s;display:grid;position:absolute;inset:0}.switch-icon.moon[data-v-554683cf]{color:#c8c3ff;opacity:1}.switch-icon.sun[data-v-554683cf]{color:#a06613;opacity:0}.switch-thumb[data-v-554683cf]{background:linear-gradient(#2a2936,#171720);border-radius:50%;width:26px;height:26px;transition:left .22s cubic-bezier(.2,.8,.2,1),background .2s;position:absolute;top:50%;left:2px;overflow:hidden;transform:translateY(-50%);box-shadow:0 4px 12px #00000047}.theme-switch[aria-pressed=true] .switch-thumb[data-v-554683cf]{background:linear-gradient(#fff,#f3e8c7);left:calc(100% - 28px)}.theme-switch[aria-pressed=true] .moon[data-v-554683cf]{opacity:0}.theme-switch[aria-pressed=true] .sun[data-v-554683cf]{opacity:1}.page-enter-active[data-v-554683cf],.page-leave-active[data-v-554683cf]{transition:opacity .22s,transform .22s,filter .22s}.page-enter-from[data-v-554683cf]{opacity:0;filter:blur(6px);transform:translateY(10px)scale(.992)}.page-leave-to[data-v-554683cf]{opacity:0;filter:blur(4px);transform:translateY(-8px)scale(.996)}@media (prefers-reduced-motion:reduce){.page-enter-active[data-v-554683cf],.page-leave-active[data-v-554683cf]{transition:none}.page-enter-from[data-v-554683cf],.page-leave-to[data-v-554683cf]{opacity:1;filter:none;transform:none}}@media (width<=720px){.header-content[data-v-554683cf]{flex-direction:column;gap:14px;padding:14px 16px}.logo-container[data-v-554683cf]{width:100%;position:static}.logo-pill[data-v-554683cf]{width:100%}.header-controls[data-v-554683cf]{position:static}.nav[data-v-554683cf]{width:100%}.nav-link[data-v-554683cf]{text-align:center;flex:1;padding:8px 10px}}.cp-root[data-v-beff739d]{display:inline-block;position:relative}.cp-swatch[data-v-beff739d]{cursor:pointer;width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--glass-border);border:none;border-radius:8px;flex-shrink:0;padding:0;transition:transform .15s}.cp-swatch[data-v-beff739d]:hover{transform:translateY(-3px)}.cp-popover[data-v-beff739d]{background:var(--bg-secondary);border:1px solid var(--border-color);width:220px;box-shadow:var(--shadow), 0 20px 40px #00000026;z-index:300;border-radius:12px;flex-direction:column;gap:11px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.cp-pop-enter-active[data-v-beff739d],.cp-pop-leave-active[data-v-beff739d]{transition:opacity .16s,transform .16s cubic-bezier(.16,1,.3,1)}.cp-pop-enter-from[data-v-beff739d],.cp-pop-leave-to[data-v-beff739d]{opacity:0;transform:translateY(-5px)scale(.97)}.cp-header[data-v-beff739d]{justify-content:space-between;align-items:center;display:flex}.cp-header span[data-v-beff739d]{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);font-size:10px;font-weight:700}.cp-close[data-v-beff739d]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:3px;transition:background .15s,color .15s;display:flex}.cp-close[data-v-beff739d]:hover{background:var(--bg-hover);color:var(--text-primary)}.cp-field[data-v-beff739d]{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:130px;box-shadow:inset 0 0 0 1px var(--border-color);background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:8px;position:relative;overflow:hidden}.cp-field-overlay[data-v-beff739d]{pointer-events:none;background:linear-gradient(#fffffff2 0%,#fff0 50%,#0000 50%,#000000e6 100%);position:absolute;inset:0}.cp-cursor[data-v-beff739d]{pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009,0 2px 6px #00000080}.cp-hex-row[data-v-beff739d]{align-items:center;gap:8px;display:flex}.cp-hex-row label[data-v-beff739d]{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);flex-shrink:0;width:24px;font-size:9px;font-weight:700}.cp-hex-input[data-v-beff739d]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);text-transform:uppercase;border-radius:6px;outline:none;flex:1;padding:7px 10px;font-family:Cascadia Code,SF Mono,monospace;font-size:11px;transition:border-color .15s,box-shadow .15s}.cp-hex-input[data-v-beff739d]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7c6af733}.angle-control[data-v-a3e700c6]{align-items:center;gap:16px;display:flex}.angle-dial[data-v-a3e700c6]{background:var(--bg-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;width:100px;height:100px;position:relative}.dial-track[data-v-a3e700c6]{border:2px dashed var(--border-color);border-radius:50%;position:absolute;inset:8px}.dial-indicator[data-v-a3e700c6]{background:var(--accent);width:12px;height:12px;box-shadow:0 0 8px var(--accent);border-radius:50%;transition:box-shadow .15s;position:absolute;top:50%;left:50%}.dial-indicator[data-v-a3e700c6]:hover{box-shadow:0 0 12px var(--accent)}.dial-arrow[data-v-a3e700c6]{color:var(--accent);position:absolute;top:8px;left:50%;transform:translate(-50%)}.angle-input-group[data-v-a3e700c6]{align-items:center;gap:4px;display:flex}.angle-input[data-v-a3e700c6]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:64px;color:var(--text-primary);text-align:center;font-variant-numeric:tabular-nums;padding:10px;font-size:16px;font-weight:600}.angle-input[data-v-a3e700c6]:focus{border-color:var(--accent);outline:none}.angle-input[data-v-a3e700c6]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.angle-input[data-v-a3e700c6]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.angle-unit[data-v-a3e700c6]{color:var(--text-secondary);font-size:16px}.orientation-selector-container[data-v-db3f1a6d]{flex-direction:column;gap:10px;width:100%;display:flex}.custom-select-container[data-v-db3f1a6d]{width:100%;position:relative}.custom-select-trigger[data-v-db3f1a6d]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;box-sizing:border-box;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-select-trigger[data-v-db3f1a6d]:hover,.custom-select-trigger.active[data-v-db3f1a6d]{border-color:var(--accent);background:var(--bg-hover)}.trigger-content[data-v-db3f1a6d]{align-items:center;gap:10px;display:flex}.trigger-label[data-v-db3f1a6d]{font-weight:500}.ratio-tint[data-v-db3f1a6d]{color:var(--text-muted);font-size:12px;font-weight:400}.chevron-icon[data-v-db3f1a6d]{color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1)}.chevron-icon.rotated[data-v-db3f1a6d]{color:var(--text-primary);transform:rotate(180deg)}.custom-select-dropdown[data-v-db3f1a6d]{background:color-mix(in srgb, var(--bg-secondary) 95%, transparent);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--radius-md);z-index:250;box-sizing:border-box;width:100%;max-height:380px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff12}.dropdown-scrollable[data-v-db3f1a6d]{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;max-height:380px;padding:6px;overflow-y:auto}.dropdown-scrollable[data-v-db3f1a6d]::-webkit-scrollbar{width:4px}.dropdown-scrollable[data-v-db3f1a6d]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.dropdown-group[data-v-db3f1a6d]{margin-bottom:10px}.dropdown-group[data-v-db3f1a6d]:last-child{margin-bottom:0}.dropdown-category-header[data-v-db3f1a6d]{text-transform:uppercase;color:var(--text-muted);letter-spacing:.8px;border-bottom:1px solid var(--border-color);margin-bottom:4px;padding:6px 10px 4px;font-size:9px;font-weight:700}.dropdown-option[data-v-db3f1a6d]{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .15s;display:flex}.dropdown-option[data-v-db3f1a6d]:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-option.selected[data-v-db3f1a6d]{color:var(--accent);background:#7c6af71f}.option-left[data-v-db3f1a6d]{text-align:left;align-items:center;gap:12px;display:flex}.preview-box-wrapper[data-v-db3f1a6d]{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.ratio-preview-box[data-v-db3f1a6d]{border:1.5px solid var(--accent);opacity:.85;background:0 0;border-radius:2px;transition:border-color .2s,opacity .2s}.dropdown-option:hover .ratio-preview-box[data-v-db3f1a6d]{opacity:1;border-color:var(--text-primary);transform:scale(1.05)}.dropdown-option.selected .ratio-preview-box[data-v-db3f1a6d]{border-color:var(--accent);opacity:1}.option-text[data-v-db3f1a6d]{flex-direction:column;display:flex}.option-label[data-v-db3f1a6d]{font-size:13px;font-weight:600}.option-desc[data-v-db3f1a6d]{color:var(--text-muted);margin-top:1px;font-size:10px}.option-right-meta[data-v-db3f1a6d]{align-items:center;gap:8px;display:flex}.option-ratio[data-v-db3f1a6d]{color:var(--text-muted);font-size:11px}.dropdown-option.selected .option-ratio[data-v-db3f1a6d]{color:var(--accent)}.check-icon[data-v-db3f1a6d]{color:var(--accent);flex-shrink:0}.custom-dimensions-grid[data-v-db3f1a6d]{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:4px;display:grid}.dimension-input-wrapper[data-v-db3f1a6d]{flex-direction:column;gap:4px;display:flex}.dimension-input-wrapper label[data-v-db3f1a6d]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:500}.dimension-input-wrapper input[data-v-db3f1a6d]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:8px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.dimension-input-wrapper input[data-v-db3f1a6d]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7c6af733}.dropdown-slide-enter-active[data-v-db3f1a6d],.dropdown-slide-leave-active[data-v-db3f1a6d]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.dropdown-slide-enter-from[data-v-db3f1a6d],.dropdown-slide-leave-to[data-v-db3f1a6d]{opacity:0;transform:translateY(-6px)}.custom-input-fade-enter-active[data-v-db3f1a6d],.custom-input-fade-leave-active[data-v-db3f1a6d]{transition:opacity .25s,transform .25s cubic-bezier(.16,1,.3,1)}.custom-input-fade-enter-from[data-v-db3f1a6d],.custom-input-fade-leave-to[data-v-db3f1a6d]{opacity:0;transform:translateY(-4px)}.gradient-preview[data-v-5094ae5c]{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.preview-container[data-v-5094ae5c]{position:relative}.preview-canvas[data-v-5094ae5c]{max-width:100%;max-height:100%;box-shadow:var(--shadow);border:0;border-radius:0;transition:width .38s cubic-bezier(.25,1,.5,1),height .38s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.canvas-bg-layer[data-v-5094ae5c]{width:100%;height:100%;transition:transform .38s cubic-bezier(.25,1,.5,1),filter .38s cubic-bezier(.25,1,.5,1);position:absolute;inset:0}.canvas-bg-layer.old-layer[data-v-5094ae5c]{z-index:1;transition:opacity .6s cubic-bezier(.25,1,.5,1),transform .38s cubic-bezier(.25,1,.5,1),filter .38s cubic-bezier(.25,1,.5,1)}.canvas-bg-layer.current-layer[data-v-5094ae5c]{z-index:0}.canvas-noise-layer[data-v-5094ae5c]{z-index:2;pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.preset-grid[data-v-c38776be]{flex-direction:column;gap:20px;display:flex}.preset-group-section[data-v-c38776be]{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.preset-group-section[data-v-c38776be]:last-child{border-bottom:none;padding-bottom:0}.group-header[data-v-c38776be]{align-items:center;margin-bottom:4px;display:flex}.group-header h4[data-v-c38776be]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:11px;font-weight:700}.presets-container[data-v-c38776be]{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.preset-card[data-v-c38776be]{aspect-ratio:16/9;border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;padding:0;transition:transform .2s cubic-bezier(.25,1,.5,1);position:relative;overflow:visible}.preset-card[data-v-c38776be]:focus,.preset-card[data-v-c38776be]:focus-visible{outline:none}.preset-preview[data-v-c38776be]{border-radius:var(--radius-sm);pointer-events:none;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.preset-card[data-v-c38776be]:hover{z-index:10;transform:translateY(-2px)}.preset-card:hover .preset-preview[data-v-c38776be]{box-shadow:inset 0 0 0 1px #ffffff2e}.custom-color-tile-container[data-v-c38776be]{aspect-ratio:16/9;position:relative}.custom-color-card[data-v-c38776be]{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:2px dotted var(--border-color);width:100%;height:100%;box-shadow:none;box-sizing:border-box;transition:transform .2s cubic-bezier(.25,1,.5,1),border-color .2s,background .2s;position:absolute;inset:0;overflow:hidden}:root[data-theme=light] .custom-color-card[data-v-c38776be]{background:#00000005;border-color:#0000001f}.custom-color-card[data-v-c38776be]:hover{border-color:var(--accent);background:var(--bg-hover);box-shadow:none}.custom-color-overlay[data-v-c38776be]{background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.custom-color-overlay svg[data-v-c38776be]{transition:transform .2s}.custom-color-card:hover .custom-color-overlay svg[data-v-c38776be]{transform:scale(1.15)}.custom-picker-popover[data-v-c38776be]{background:var(--bg-secondary);border:1px solid var(--border-color);width:240px;box-shadow:var(--shadow), 0 20px 50px #00000026;z-index:200;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.picker-pop-enter-active[data-v-c38776be],.picker-pop-leave-active[data-v-c38776be]{transition:opacity .18s,transform .18s cubic-bezier(.16,1,.3,1)}.picker-pop-enter-from[data-v-c38776be],.picker-pop-leave-to[data-v-c38776be]{opacity:0;transform:translateY(-6px)scale(.97)}.popover-header[data-v-c38776be]{justify-content:space-between;align-items:center;display:flex}.popover-header span[data-v-c38776be]{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);font-size:10px;font-weight:700}.close-popover-btn[data-v-c38776be]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:3px;transition:background .15s,color .15s;display:flex}.close-popover-btn[data-v-c38776be]:hover{background:var(--bg-hover);color:var(--text-primary)}.color-picker-field[data-v-c38776be]{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:140px;box-shadow:inset 0 0 0 1px var(--border-color);background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:8px;position:relative;overflow:hidden}.field-overlay[data-v-c38776be]{pointer-events:none;background:linear-gradient(#fffffff2 0%,#fff0 50%,#0000 50%,#000000e6 100%);position:absolute;inset:0}.picker-cursor[data-v-c38776be]{pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009,0 2px 6px #00000080}.hex-row[data-v-c38776be]{align-items:center;gap:8px;display:flex}.hex-row label[data-v-c38776be]{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);flex-shrink:0;width:26px;font-size:9px;font-weight:700}.hex-input[data-v-c38776be]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);text-transform:uppercase;border-radius:6px;outline:none;flex:1;padding:8px 10px;font-family:Cascadia Code,SF Mono,monospace;font-size:11px;transition:border-color .15s,box-shadow .15s}.hex-input[data-v-c38776be]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7c6af733}.apply-btn[data-v-c38776be]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;width:100%;padding:9px 0;font-size:12px;font-weight:700;transition:opacity .15s,transform .15s}.apply-btn[data-v-c38776be]:hover{opacity:.88;transform:translateY(-1px)}.apply-btn[data-v-c38776be]:active{transform:translateY(0)}.expand-actions[data-v-c38776be]{justify-content:center;margin-top:4px;display:flex}.expand-btn[data-v-c38776be]{background:var(--nav-bg);border:1px solid var(--nav-border);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.expand-btn[data-v-c38776be]:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.arrow-icon[data-v-c38776be]{flex-shrink:0}@media (width<=400px){.presets-container[data-v-c38776be]{grid-template-columns:repeat(2,1fr)}}.patternify-panel[data-v-c013fca1]{background:var(--bg-primary);box-sizing:border-box;grid-template-columns:280px 1fr;gap:8px;width:100%;height:100%;padding:2px 8px 8px;display:grid}.options-sidebar[data-v-c013fca1]{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box;height:100%;padding:12px;overflow-y:auto}.options-sidebar[data-v-c013fca1]::-webkit-scrollbar{display:none}.control-group[data-v-c013fca1]{margin-bottom:16px}.control-group h3[data-v-c013fca1]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.select-input[data-v-c013fca1]{appearance:none;background:var(--bg-tertiary) var(--select-chevron) no-repeat;border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;background-position:right 12px center;background-size:16px;padding:10px 36px 10px 12px;font-size:14px}.select-input[data-v-c013fca1]:focus{border-color:var(--accent);outline:none}.slider-field[data-v-c013fca1]{flex-direction:column;gap:6px;display:flex}.slider-field label[data-v-c013fca1]{color:var(--text-muted);font-size:11px}.slider-field input[type=range][data-v-c013fca1]{appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:3px;width:100%;height:6px}.slider-field input[type=range][data-v-c013fca1]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:grab;border-radius:50%;width:16px;height:16px}.slider-value[data-v-c013fca1]{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.randomize-btn[data-v-c013fca1]{width:100%}.palette-header[data-v-c013fca1]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.palette-header h3[data-v-c013fca1]{margin-bottom:0}.randomize-colors-btn[data-v-c013fca1]{background:var(--bg-tertiary);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-secondary);padding:4px;transition:all .15s}.randomize-colors-btn[data-v-c013fca1]:hover{background:var(--bg-hover);color:var(--text-primary)}.palette-list[data-v-c013fca1]{flex-direction:column;gap:10px;display:flex}.palette-category[data-v-c013fca1]{flex-direction:column;gap:4px;display:flex}.category-label[data-v-c013fca1]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.palette-grid[data-v-c013fca1]{flex-direction:column;gap:8px;display:flex}.palette-btn[data-v-c013fca1]{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:0;transition:all .15s;overflow:hidden}.palette-btn[data-v-c013fca1]:hover{background:var(--bg-hover)}.palette-btn.active[data-v-c013fca1]{outline:1.5px solid var(--accent);outline-offset:1.5px}.palette-swatches[data-v-c013fca1]{height:20px;display:flex}.palette-btn .palette-swatches .swatch[data-v-c013fca1]:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.palette-btn .palette-swatches .swatch[data-v-c013fca1]:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.swatch[data-v-c013fca1]{border-radius:0;flex:1}.checkbox-field[data-v-c013fca1]{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.checkbox-field input[type=checkbox][data-v-c013fca1]{width:16px;height:16px;accent-color:var(--accent)}.preview-area[data-v-c013fca1]{box-sizing:border-box;border:0;justify-content:center;align-items:center;height:100%;padding:24px;display:flex;overflow:hidden}.preview-canvas[data-v-c013fca1]{max-width:100%;max-height:100%;box-shadow:var(--shadow);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:0;transition:width .38s cubic-bezier(.25,1,.5,1),height .38s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}@media (width<=900px){.patternify-panel[data-v-c013fca1]{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:12px;height:auto;padding:12px}.options-sidebar[data-v-c013fca1]{height:auto;max-height:50vh}.preview-area[data-v-c013fca1]{height:50vh;min-height:350px;padding:16px}}.control-help[data-v-c013fca1]{color:var(--text-muted);opacity:.85;margin-top:6px;font-size:10.5px;line-height:1.4}.control-header[data-v-c013fca1]{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.control-header h3[data-v-c013fca1]{margin-bottom:0!important}.title-with-tooltip[data-v-c013fca1]{align-items:center;gap:6px;display:flex}.lock-btn[data-v-c013fca1]{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.lock-btn[data-v-c013fca1]:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.lock-btn.locked[data-v-c013fca1]{color:var(--accent);background:#7c6af71a;border-color:#7c6af733}.custom-select-container[data-v-c013fca1]{width:100%;position:relative}.custom-select-trigger[data-v-c013fca1]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;box-sizing:border-box;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-select-trigger[data-v-c013fca1]:hover,.custom-select-trigger.active[data-v-c013fca1]{border-color:var(--accent);background:var(--bg-hover)}.trigger-content[data-v-c013fca1]{align-items:center;gap:10px;display:flex}.trigger-content span[data-v-c013fca1]{font-weight:500}.chevron-icon[data-v-c013fca1]{color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1)}.chevron-icon.rotated[data-v-c013fca1]{color:var(--text-primary);transform:rotate(180deg)}.custom-select-dropdown[data-v-c013fca1]{background:color-mix(in srgb, var(--bg-secondary) 95%, transparent);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--radius-md);z-index:150;box-sizing:border-box;flex-direction:column;gap:4px;width:100%;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff12}.dropdown-option[data-v-c013fca1]{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .15s;display:flex}.dropdown-option[data-v-c013fca1]:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-option.selected[data-v-c013fca1]{color:var(--accent);background:#7c6af71f}.option-left[data-v-c013fca1]{text-align:left;align-items:center;gap:10px;display:flex}.option-text[data-v-c013fca1]{flex-direction:column;display:flex}.option-label[data-v-c013fca1]{font-size:13px;font-weight:600}.option-desc[data-v-c013fca1]{color:var(--text-muted);margin-top:1px;font-size:10px}.check-icon[data-v-c013fca1],.shape-icon[data-v-c013fca1]{color:var(--accent);flex-shrink:0}.dropdown-option.selected .shape-icon[data-v-c013fca1]{color:var(--accent)}.dropdown-option:hover .shape-icon[data-v-c013fca1]{transition:transform .2s;transform:scale(1.05)}.dropdown-slide-enter-active[data-v-c013fca1],.dropdown-slide-leave-active[data-v-c013fca1]{transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.dropdown-slide-enter-from[data-v-c013fca1],.dropdown-slide-leave-to[data-v-c013fca1]{opacity:0;transform:translateY(-6px)}.frames-page[data-v-75aa2480]{background:var(--bg-primary);box-sizing:border-box;gap:8px;width:100%;height:100%;padding:2px 8px 8px;display:flex;overflow:hidden}.presets-sidebar[data-v-75aa2480]{background:var(--glass-bg);width:280px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);box-sizing:border-box;flex-direction:column;flex-shrink:0;height:100%;padding:12px;display:flex}.sidebar-header[data-v-75aa2480]{margin-bottom:20px}.sidebar-header h2[data-v-75aa2480]{letter-spacing:-.02em;margin:0 0 4px;font-size:18px;font-weight:700}.sidebar-subtitle[data-v-75aa2480]{color:var(--text-secondary);margin:0;font-size:12px}.presets-orientation-container[data-v-75aa2480]{width:100%;margin-bottom:20px}.presets-orientation-container h3[data-v-75aa2480]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.presets-scroll-area[data-v-75aa2480]{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow:hidden auto}.presets-scroll-area[data-v-75aa2480]::-webkit-scrollbar{display:none}.preview-area[data-v-75aa2480]{box-sizing:border-box;flex:1;justify-content:center;align-items:center;height:100%;padding:8px;display:flex;overflow:hidden}.preview-container-card[data-v-75aa2480]{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.editor-sidebar[data-v-75aa2480]{opacity:1;flex-shrink:0;width:320px;height:100%;transition:width .38s cubic-bezier(.25,1,.5,1),opacity .3s,margin-left .38s cubic-bezier(.25,1,.5,1);overflow:hidden}.editor-sidebar.closed[data-v-75aa2480]{opacity:0;pointer-events:none;width:0;margin-left:-16px}.editor-sidebar-inner[data-v-75aa2480]{background:var(--glass-bg);width:320px;height:100%;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);box-sizing:border-box;flex-direction:column;padding:12px;display:flex}.editor-scroll-area[data-v-75aa2480]{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto}.editor-scroll-area[data-v-75aa2480]::-webkit-scrollbar{display:none}.control-group[data-v-75aa2480]{margin-bottom:24px}h3[data-v-75aa2480]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:13px;font-weight:600}.type-buttons[data-v-75aa2480]{background:var(--nav-bg);border:1px solid var(--nav-border);border-radius:999px;gap:6px;padding:5px;display:flex}.type-btn[data-v-75aa2480]{color:var(--text-secondary);letter-spacing:-.01em;border-radius:999px;flex:1;padding:8px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.type-btn[data-v-75aa2480]:hover{color:var(--text-primary);background:#ffffff0d}.type-btn.active[data-v-75aa2480]{background:linear-gradient(135deg, var(--accent), #b794f6);color:#fff;box-shadow:0 8px 22px #7c6af752}.color-stops[data-v-75aa2480]{flex-direction:column;gap:12px;display:flex}.color-stop[data-v-75aa2480]{align-items:center;gap:10px;display:flex}.position-slider[data-v-75aa2480]{appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:3px;flex:1;height:6px}.position-slider[data-v-75aa2480]::-webkit-slider-thumb{appearance:none;background:var(--text-primary);cursor:grab;border-radius:50%;width:16px;height:16px;transition:transform .1s}.position-slider[data-v-75aa2480]::-webkit-slider-thumb:hover{transform:scale(1.15)}.position-value[data-v-75aa2480]{text-align:right;width:36px;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.remove-btn[data-v-75aa2480]{color:var(--text-muted)}.remove-btn[data-v-75aa2480]:hover{color:#ef4444;background:#ef44441a}.add-color-btn[data-v-75aa2480]{width:100%;margin-top:12px}.effects-list[data-v-75aa2480]{flex-direction:column;gap:16px;display:flex}.effect-row[data-v-75aa2480]{flex-direction:column;gap:8px;display:flex}.effect-info[data-v-75aa2480]{justify-content:space-between;align-items:center;display:flex}.effect-name[data-v-75aa2480]{color:var(--text-primary);font-size:13px;font-weight:600}.effect-val[data-v-75aa2480]{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.style-buttons[data-v-75aa2480]{background:#0003;border:1px solid #ffffff0d;border-radius:8px;gap:4px;padding:3px;display:flex}:root[data-theme=light] .style-buttons[data-v-75aa2480]{background:#0000000a;border-color:#00000008}.style-btn[data-v-75aa2480]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 10px;font-size:11px;font-weight:600;transition:all .15s}.style-btn[data-v-75aa2480]:hover{color:var(--text-primary);background:#ffffff0d}.style-btn.active[data-v-75aa2480]{background:linear-gradient(135deg, var(--accent), #b794f6);color:#fff;box-shadow:0 4px 12px #7c6af740}@media (width<=1024px){.frames-page[data-v-75aa2480]{flex-direction:column;gap:16px;height:auto;overflow-y:auto}.presets-sidebar[data-v-75aa2480]{width:100%;height:380px}.preview-area[data-v-75aa2480]{height:60vh;min-height:400px;padding:0}.editor-sidebar[data-v-75aa2480]{width:100%;margin-left:0}.editor-sidebar.closed[data-v-75aa2480]{display:none}.editor-sidebar-inner[data-v-75aa2480]{width:100%;height:auto}}.legal-page[data-v-704ba7e4]{background:radial-gradient(circle at top, #7c6af71f, transparent 34%), var(--bg-primary);padding:56px 24px}.legal-card[data-v-704ba7e4]{background:var(--bg-secondary);border:1px solid var(--border-color);max-width:820px;box-shadow:var(--shadow);border-radius:28px;margin:0 auto;padding:40px}.eyebrow[data-v-704ba7e4]{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}h1[data-v-704ba7e4]{letter-spacing:-.05em;font-size:clamp(32px,5vw,54px);line-height:1}.updated[data-v-704ba7e4]{color:var(--text-secondary);margin-top:12px}.legal-content[data-v-704ba7e4]{gap:14px;margin-top:34px;display:grid}h2[data-v-704ba7e4]{letter-spacing:-.02em;margin-top:16px;font-size:18px}p[data-v-704ba7e4]{color:var(--text-secondary);font-size:15px;line-height:1.8}a[data-v-704ba7e4]{color:var(--accent);font-weight:700;text-decoration:none}@media (width<=720px){.legal-page[data-v-704ba7e4]{padding:32px 16px}.legal-card[data-v-704ba7e4]{border-radius:22px;padding:28px}}.legal-page[data-v-9cb07b47]{background:radial-gradient(circle at top, #7c6af71f, transparent 34%), var(--bg-primary);padding:56px 24px}.legal-card[data-v-9cb07b47]{background:var(--bg-secondary);border:1px solid var(--border-color);max-width:820px;box-shadow:var(--shadow);border-radius:28px;margin:0 auto;padding:40px}.eyebrow[data-v-9cb07b47]{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}h1[data-v-9cb07b47]{letter-spacing:-.05em;font-size:clamp(32px,5vw,54px);line-height:1}.updated[data-v-9cb07b47]{color:var(--text-secondary);margin-top:12px}.legal-content[data-v-9cb07b47]{gap:14px;margin-top:34px;display:grid}h2[data-v-9cb07b47]{letter-spacing:-.02em;margin-top:16px;font-size:18px}p[data-v-9cb07b47]{color:var(--text-secondary);font-size:15px;line-height:1.8}a[data-v-9cb07b47]{color:var(--accent);font-weight:700;text-decoration:none}@media (width<=720px){.legal-page[data-v-9cb07b47]{padding:32px 16px}.legal-card[data-v-9cb07b47]{border-radius:22px;padding:28px}}.legal-page[data-v-2be6a784]{background:radial-gradient(circle at top, #7c6af71f, transparent 34%), var(--bg-primary);padding:56px 24px}.legal-card[data-v-2be6a784]{background:var(--bg-secondary);border:1px solid var(--border-color);max-width:820px;box-shadow:var(--shadow);border-radius:28px;margin:0 auto;padding:40px}.eyebrow[data-v-2be6a784]{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}h1[data-v-2be6a784]{letter-spacing:-.05em;font-size:clamp(32px,5vw,54px);line-height:1}.updated[data-v-2be6a784]{color:var(--text-secondary);margin-top:12px}.legal-content[data-v-2be6a784]{gap:14px;margin-top:34px;display:grid}h2[data-v-2be6a784]{letter-spacing:-.02em;margin-top:16px;font-size:18px}p[data-v-2be6a784]{color:var(--text-secondary);font-size:15px;line-height:1.8}a[data-v-2be6a784]{color:var(--accent);font-weight:700;text-decoration:none}@media (width<=720px){.legal-page[data-v-2be6a784]{padding:32px 16px}.legal-card[data-v-2be6a784]{border-radius:22px;padding:28px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f14;--bg-secondary:#1a1a22;--bg-tertiary:#252530;--bg-hover:#2d2d3a;--text-primary:#f0f0f5;--text-secondary:#9898a8;--text-muted:#6b6b7a;--border-color:#3a3a48;--accent:#7c6af7;--accent-hover:#9585ff;--success:#4ade80;--header-bg:#1a1a22c7;--header-border:#ffffff14;--nav-bg:#0f0f14b8;--nav-border:#ffffff14;--radius-sm:6px;--radius-md:10px;--radius-lg:28px;--shadow:0 4px 20px #0000004d;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239898a8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--glass-bg:#1a1a228c;--glass-border:#ffffff14;--glass-blur:blur(20px) saturate(160%);--glass-shadow:0 8px 32px 0 #00000040}:root[data-theme=light]{--bg-primary:#f4f3f8;--bg-secondary:#fff;--bg-tertiary:#eceaf3;--bg-hover:#e1deeb;--text-primary:#15131c;--text-secondary:#686274;--text-muted:#958fa1;--border-color:#ddd9e8;--accent:#7657f4;--accent-hover:#6544e4;--success:#16a34a;--header-bg:#ffffffc2;--header-border:#1a16281a;--nav-bg:#f4f3f8c7;--nav-border:#1a162814;--shadow:0 16px 45px #483d6e2e;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23686274' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--glass-bg:#ffffffa6;--glass-border:#1a16280f;--glass-blur:blur(20px) saturate(160%);--glass-shadow:0 8px 32px 0 #483d6e14}html{color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;height:100dvh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:400;line-height:1.5;overflow:hidden}code,kbd,samp,pre,.mono{font-family:Cascadia Code,SF Mono,monospace;font-size:13px}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600}body{height:100dvh;color:var(--text-primary);background:var(--bg-primary);max-width:100%;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#app{height:100dvh;overflow:hidden}input,button,select{font-family:inherit;font-size:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=color]{appearance:none;cursor:pointer;border:none;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.btn{border:1px solid var(--nav-border);min-height:36px;color:var(--text-primary);letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,color .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--accent), #b794f6);color:#fff;border-color:#0000}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-hover), #c4a7ff);box-shadow:none;border-color:#0000}.btn-secondary{background:var(--nav-bg);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff0f}.btn-icon{border:1px solid var(--nav-border);background:var(--nav-bg);width:32px;height:32px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .15s,color .15s,background .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.btn-icon:hover{color:var(--text-primary);background:#ffffff0f;transform:translateY(-1px)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);background:var(--bg-tertiary);color:var(--text-primary);white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;padding:4px 8px;font-size:12px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}