*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh}:root{--bg-primary: #0a0a12;--bg-secondary: #12121e;--bg-tertiary: #1a1a2e;--bg-elevated: #1e1e32;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .14);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-blur: 16px;--text-primary: #f0f0f5;--text-secondary: #9a9ab0;--text-tertiary: #6a6a80;--text-accent: #a78bfa;--accent-purple: #a78bfa;--accent-pink: #f472b6;--accent-green: #34d399;--accent-yellow: #fbbf24;--accent-blue: #60a5fa;--accent-red: #f87171;--accent-orange: #fb923c;--accent-cyan: #22d3ee;--gradient-primary: linear-gradient(135deg, var(--accent-purple), var(--accent-pink));--gradient-secondary: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));--gradient-glow: linear-gradient(135deg, rgba(167,139,250,.2), rgba(244,114,182,.2));--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--z-base: 1;--z-sidebar: 10;--z-header: 20;--z-modal: 100;--z-toast: 200;--header-height: 56px;--sidebar-width: 340px;--ad-width: 180px;--header-bg: rgba(10, 10, 18, .75);--mobile-bar-bg: rgba(10, 10, 18, .9);--sidebar-bg: rgba(18, 18, 30, .6)}[data-theme=light]{--bg-primary: #f5f3f0;--bg-secondary: #ffffff;--bg-tertiary: #ede9e3;--bg-elevated: #ffffff;--glass-bg: rgba(0, 0, 0, .03);--glass-bg-hover: rgba(0, 0, 0, .06);--glass-border: rgba(0, 0, 0, .08);--glass-border-hover: rgba(0, 0, 0, .14);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--text-primary: #1a1a2e;--text-secondary: #5a5a72;--text-tertiary: #8a8a9f;--text-accent: #7c3aed;--gradient-primary: linear-gradient(135deg, #7c3aed, #db2777);--gradient-glow: linear-gradient(135deg, rgba(124,58,237,.12), rgba(219,39,119,.12));--header-bg: rgba(255, 255, 255, .82);--mobile-bar-bg: rgba(255, 255, 255, .92);--sidebar-bg: rgba(255, 255, 255, .7)}[data-theme=light] body:before{background:radial-gradient(ellipse 600px 600px at 20% 30%,rgba(124,58,237,.06),transparent),radial-gradient(ellipse 500px 500px at 80% 60%,rgba(219,39,119,.04),transparent),radial-gradient(ellipse 400px 400px at 50% 80%,rgba(52,211,153,.03),transparent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--glass-border-hover)}::selection{background:var(--accent-purple);color:#fff}:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}kbd{display:inline-block;padding:2px 8px;font-size:var(--text-xs);font-family:var(--font-body);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary)}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 600px 600px at 20% 30%,rgba(167,139,250,.08),transparent),radial-gradient(ellipse 500px 500px at 80% 60%,rgba(244,114,182,.06),transparent),radial-gradient(ellipse 400px 400px at 50% 80%,rgba(52,211,153,.04),transparent);pointer-events:none;z-index:0;animation:bg-float 25s ease-in-out infinite alternate}.input{width:100%;padding:10px 14px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.input:hover{background:var(--glass-bg-hover)}.input:focus{outline:none;border-color:var(--accent-purple);background:var(--glass-bg-hover)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 14px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn--ghost{color:var(--text-secondary)}.btn--ghost:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.btn--icon{padding:6px;border-radius:var(--radius-sm);color:var(--text-tertiary)}.btn--icon:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.btn--primary{background:var(--gradient-primary);color:#fff;font-weight:600;padding:10px 20px;border-radius:var(--radius-md);box-shadow:0 4px 16px #a78bfa4d}.btn--primary:hover{box-shadow:0 6px 24px #a78bfa73;transform:translateY(-1px)}.btn--glow{position:relative;overflow:hidden}.btn--glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);animation:btn-shimmer 2s ease-in-out infinite}.btn--danger{background:#f8717126;color:var(--accent-red);border:1px solid rgba(248,113,113,.2);padding:10px 20px;font-weight:600}.btn--danger:hover{background:#f8717140;border-color:#f8717166}.btn--outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary)}.btn--outline:hover{border-color:var(--glass-border-hover);background:var(--glass-bg);color:var(--text-primary)}.btn--full{width:100%;justify-content:center}.btn--small{padding:4px 10px;font-size:var(--text-xs)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:var(--radius-full);background:var(--glass-border);outline:none;transition:background var(--transition-fast)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 8px #a78bfa66;transition:box-shadow var(--transition-fast)}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 16px #a78bfa99}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--glass-border);border-radius:var(--radius-full);transition:background var(--transition-base)}.toggle__slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform var(--transition-base)}.toggle input:checked+.toggle__slider{background:var(--gradient-primary)}.toggle input:checked+.toggle__slider:before{transform:translate(20px)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:var(--header-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);z-index:var(--z-header)}.header__brand{display:flex;align-items:center;gap:var(--space-sm)}.header__logo{display:flex;align-items:center;animation:logo-pulse 3s ease-in-out infinite}.header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.header__title-accent{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__title-two{font-style:italic;font-weight:900;letter-spacing:.07em;background:linear-gradient(135deg,#22d3ee,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 1px}.header__title-choose{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__actions{display:flex;align-items:center;gap:var(--space-xs)}.header__divider{width:1px;height:24px;background:var(--glass-border);margin:0 var(--space-sm)}.header__menu{position:relative;display:none}.header__menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;padding:var(--space-xs);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:2px;z-index:calc(var(--z-header) + 1)}.header__menu-dropdown[hidden]{display:none}.header__menu-item{display:flex;align-items:center;gap:var(--space-sm);padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.header__menu-item:hover{background:var(--glass-bg-hover)}.header__menu-item svg{color:var(--text-secondary);flex-shrink:0}.app{display:grid;grid-template-columns:var(--ad-width) 1fr var(--sidebar-width);min-height:100vh;padding-top:var(--header-height);position:relative;z-index:var(--z-base);transition:grid-template-columns var(--transition-base)}.app.sidebar-collapsed{grid-template-columns:var(--ad-width) 1fr 0px}.app.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;overflow:hidden}.side-left{display:flex;flex-direction:column;padding:var(--space-md);padding-top:0;min-width:0}.ad-slot{display:flex;flex-direction:column;padding:var(--space-md)}.ad-slot--left{padding:0;margin-top:var(--space-md);min-height:600px}.feat-wheels{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-md)}.feat-card{width:160px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 11px;cursor:pointer;display:flex;flex-direction:column;gap:7px;transition:background var(--transition-fast),transform .15s,box-shadow .15s;box-sizing:border-box}.feat-card:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.feat-card__header{display:flex;align-items:center;gap:7px}.feat-card__icon{font-size:17px;line-height:1;flex-shrink:0}.feat-card__name{font-size:11px;font-weight:700;color:var(--text-primary);line-height:1.3}.feat-card__desc{font-size:10px;color:var(--text-secondary);line-height:1.45}.feat-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:2px;padding-top:7px;border-top:1px solid var(--glass-border)}.feat-card__meta{font-size:10px;color:var(--text-tertiary)}.feat-card__use{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border);padding:3px 9px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:10px;font-weight:600;cursor:pointer;pointer-events:none;transition:all var(--transition-fast)}.feat-card:hover .feat-card__use{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.ad-slot__placeholder{width:160px;height:600px;background:var(--glass-bg);border:1px dashed var(--glass-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--text-xs)}.ad-slot__placeholder--small{width:100%;height:250px}.ad-slot--sidebar{padding:var(--space-md);min-height:250px}.ad-slot--mobile{display:none;width:100%;max-width:336px;min-width:0;margin:var(--space-md) auto 0;min-height:100px;overflow:hidden}.ad-slot--mobile .adsbygoogle,.ad-slot--mobile ins,.ad-slot--mobile iframe{max-width:100%!important;width:100%!important}.ad-slot--seo{width:100%;max-width:728px;margin:0 auto var(--space-xl);min-height:90px}.wheel-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md) var(--space-md);position:relative;overflow:hidden}.wheel-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:800px;aspect-ratio:1 / 1}.wheel-visual{position:relative;width:100%;height:100%;border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}#wheel-canvas{width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 0 20px rgba(167,139,250,.15)) drop-shadow(0 0 60px rgba(167,139,250,.06))}.wheel-visual,#wheel-canvas,.wheel-hub{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:var(--bg-primary);border:3px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px var(--bg-primary),0 0 20px #00000080,inset 0 2px 8px #ffffff0d;z-index:2;cursor:pointer;transition:all var(--transition-base)}.wheel-hub:hover{border-color:var(--accent-purple);box-shadow:0 0 0 4px var(--bg-primary),0 0 30px #a78bfa4d,inset 0 2px 8px #ffffff0d}.wheel-hub__text{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;letter-spacing:.1em;color:var(--text-secondary);transition:color var(--transition-fast)}.wheel-hub:hover .wheel-hub__text{color:var(--accent-purple)}.wheel-pointer{position:absolute;right:-32px;top:50%;transform:translateY(-50%);transform-origin:right center;z-index:3;filter:drop-shadow(-2px 2px 5px rgba(0,0,0,.4)) drop-shadow(0 0 6px rgba(99,102,241,.4));transition:filter var(--transition-fast);will-change:transform}.wheel-area__hint{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-sm);animation:hint-pulse 3s ease-in-out infinite}.sidebar{display:flex;flex-direction:column;background:var(--sidebar-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-left:1px solid var(--glass-border);padding-top:var(--space-md);height:calc(100vh - var(--header-height));position:sticky;top:var(--header-height);z-index:var(--z-sidebar);overflow:hidden}.sidebar__tabs{display:flex;gap:2px;padding:0 var(--space-md);margin-bottom:var(--space-md);background:var(--glass-bg);border-radius:var(--radius-md);margin-left:var(--space-md);margin-right:var(--space-md);padding:3px}.sidebar__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:8px var(--space-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.sidebar__tab:hover{color:var(--text-secondary)}.sidebar__tab--active{color:var(--text-primary);background:var(--bg-tertiary);box-shadow:0 2px 8px #0003}.sidebar__panel{flex:1;display:flex;flex-direction:column;padding:0 var(--space-md);min-height:0;overflow:hidden}.entries-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.entries-toolbar__count{font-size:var(--text-sm);color:var(--text-secondary)}.entries-toolbar__count strong{color:var(--text-primary);font-weight:600}.entries-toolbar__right{display:flex;gap:2px}.mode-toggle{display:flex;position:relative;background:var(--glass-bg);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-md)}.mode-toggle__btn{flex:1;padding:6px var(--space-md);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;z-index:1}.mode-toggle__btn:hover{color:var(--text-secondary)}.mode-toggle__btn--active{color:var(--text-primary);background:var(--bg-tertiary)}.entries-textarea{width:100%;flex:1;min-height:280px;padding:var(--space-md);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.8;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);resize:none;transition:border-color var(--transition-fast)}.entries-textarea:focus{outline:none;border-color:var(--accent-purple)}.entries-textarea::placeholder{color:var(--text-tertiary)}.entries-advanced{display:flex;flex-direction:column;flex:1;min-height:0}.entries-advanced__list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);flex:1;min-height:0;overflow-y:auto;max-height:calc(100vh - var(--header-height) - 600px);padding-right:2px}.entries-advanced__add{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.entries-advanced__add .input{flex:1;padding:8px 12px;border-radius:var(--radius-sm)}.entry-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:grab}.entry-item:hover,.entry-item--menu-open{background:var(--glass-bg-hover);border-color:var(--glass-border)}.entry-item--disabled{opacity:.5}.entry-item--disabled .entry-item__name{text-decoration:line-through}.entry-item__toggle{accent-color:var(--accent-purple);cursor:pointer;width:16px;height:16px}.entry-item__color{width:14px;height:14px;border-radius:50%;flex-shrink:0;cursor:pointer;border:2px solid rgba(255,255,255,.1);transition:border-color var(--transition-fast)}.entry-item__color:hover{border-color:#ffffff4d}.entry-item .pickr{display:flex;align-items:center;flex-shrink:0}.entry-item__name{flex:1;font-size:var(--text-sm);color:var(--text-primary)}.entry-item__weight{width:44px;padding:4px 6px;font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);text-align:center}.entry-item__weight:focus{outline:none;border-color:var(--accent-purple);color:var(--text-primary)}.entry-item__weight-btn{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(255,255,255,.18);border-radius:50%;cursor:pointer;background:none;padding:0;color:var(--text-tertiary);opacity:.4;transition:opacity var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.entry-item:hover .entry-item__weight-btn,.entry-item--menu-open .entry-item__weight-btn{opacity:.7}.entry-item__weight-btn:hover{opacity:1!important;border-color:var(--accent-purple);color:var(--accent-purple)}.entry-item__weight-btn--active{opacity:1;border-style:solid;border-color:var(--accent-purple);color:var(--accent-purple)}.entry-item__weight-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 5px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-family:var(--font-body);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.entry-item__weight-btn:hover{border-color:var(--glass-border-hover);color:var(--text-secondary);background:var(--glass-bg-hover)}.entry-item__weight-btn--active{border-color:#a78bfa66;color:var(--accent-purple);background:#a78bfa1a}.entry-item__weight-btn--active:hover{background:#a78bfa2e}.entry-item__delete{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-tertiary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:.35;transition:all var(--transition-fast)}.entry-item--menu-open .entry-item__delete,.entry-item:hover .entry-item__delete{opacity:1}.entry-item__delete:hover{color:var(--accent-red);background:#f871711a}.entries-import{padding:var(--space-md) 0}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.results-header__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.results-list{display:flex;flex-direction:column;gap:var(--space-xs)}.result-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast)}.result-item:hover{background:var(--glass-bg-hover)}.result-item--latest{border-color:#a78bfa33;background:#a78bfa0d}.result-item__number{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);min-width:24px}.result-item__name{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.result-item__time{font-size:var(--text-xs);color:var(--text-tertiary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fade-in .2s ease}.modal{position:relative;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow),0 0 80px #a78bfa14;max-width:520px;width:90%;max-height:85vh;overflow-y:auto;animation:modal-in .3s cubic-bezier(.16,1,.3,1)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md)}.modal__title{font-size:var(--text-xl);color:var(--text-primary)}.modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modal__close:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:var(--glass-border-hover)}.modal__footer{padding:var(--space-md) var(--space-lg) var(--space-lg);display:flex;justify-content:flex-end}.modal--winner{text-align:center;padding:0;overflow:hidden;background:var(--bg-secondary);border-color:color-mix(in srgb,var(--winner-color, #a78bfa) 35%,var(--glass-border));box-shadow:var(--glass-shadow),0 0 60px color-mix(in srgb,var(--winner-color, #a78bfa) 20%,transparent)}.modal--winner .modal__content{padding:var(--space-2xl) var(--space-2xl) var(--space-xl)}.modal--winner .modal__close{position:absolute;top:var(--space-md);right:var(--space-md)}.winner-banner{width:100%;height:120px;overflow:hidden;position:relative;flex-shrink:0}.winner-banner__img{width:100%;height:100%;object-fit:cover}.winner-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,var(--bg-secondary))}.winner-logo-wrap{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.winner-logo{width:80px;height:80px;border-radius:50%;object-fit:contain;background:#fff;padding:6px;border:3px solid color-mix(in srgb,var(--winner-color, #a78bfa) 60%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--winner-color, #a78bfa) 40%,transparent);animation:winner-pop .5s cubic-bezier(.16,1,.3,1)}.winner-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.winner-name{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xl);animation:winner-pop .5s cubic-bezier(.16,1,.3,1)}.winner-actions{display:flex;gap:var(--space-md);justify-content:center}.modal--customize{max-width:560px}.customize-tabs{display:flex;gap:2px;padding:0 var(--space-lg);margin-bottom:var(--space-lg);background:var(--glass-bg);border-radius:var(--radius-md);margin-left:var(--space-lg);margin-right:var(--space-lg);padding:3px}.customize-tabs__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:8px var(--space-sm);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.customize-tabs__btn:hover{color:var(--text-secondary)}.customize-tabs__btn--active{color:var(--text-primary);background:var(--bg-tertiary);box-shadow:0 2px 8px #0003}.customize-panel{padding:0 var(--space-lg)}.setting-group{margin-bottom:var(--space-lg)}.setting-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-sm)}.setting-hint{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted)}.setting-slider{display:flex;align-items:center;gap:var(--space-md)}.setting-slider__value{font-size:var(--text-sm);font-weight:600;color:var(--accent-purple);min-width:32px;text-align:right}.setting-toggle{display:flex;align-items:center;justify-content:space-between}.setting-options{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.option-chip{padding:6px 14px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.option-chip:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover);color:var(--text-primary)}.option-chip.option-chip--active,.option-chip.option-chip--active:hover{background:#a78bfa26;border-color:#a78bfa4d;color:var(--accent-purple)}.setting-options--win-sound{max-height:168px;overflow-y:auto;padding-right:4px}.setting-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.btn-preview-sound{padding:4px 10px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--accent-purple);background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.btn-preview-sound:hover{background:#a78bfa33;color:var(--text-primary)}.btn-preview-sound:active{transform:scale(.96)}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.theme-swatch{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);padding:0;background:none}.theme-swatch span{width:100%;height:100%}.theme-swatch:hover{border-color:var(--glass-border-hover);transform:scale(1.05)}.theme-swatch--active{border-color:var(--accent-purple);box-shadow:0 0 12px #a78bfa4d}.center-image-upload{display:flex;align-items:center;gap:var(--space-md)}.center-image-preview{display:inline-flex;align-items:center;gap:var(--space-sm)}.center-image-preview__img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.15)}.center-image-preview__remove{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-tertiary);background:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.center-image-preview__remove:hover{color:var(--accent-red);background:#f8717126}.entry-item__logo-wrap{position:relative;flex-shrink:0;width:22px;height:22px}.entry-item__logo-thumb{width:22px;height:22px;border-radius:50%;object-fit:contain;border:1.5px solid rgba(167,139,250,.4);cursor:pointer;background:#ffffff14}.entry-item__logo-remove{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:var(--accent-red);color:#fff;font-size:10px;line-height:14px;text-align:center;border:none;cursor:pointer;opacity:.45;transition:opacity var(--transition-fast);padding:0}.entry-item--menu-open .entry-item__logo-remove,.entry-item:hover .entry-item__logo-remove{opacity:1}.entry-item__image-wrap{position:relative;flex-shrink:0;width:24px;height:24px}.entry-item__image-thumb{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.12);cursor:pointer}.entry-item__image-remove{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:var(--accent-red);color:#fff;font-size:10px;line-height:14px;text-align:center;border:none;cursor:pointer;opacity:.45;transition:opacity var(--transition-fast);padding:0}.entry-item--menu-open .entry-item__image-remove,.entry-item:hover .entry-item__image-remove{opacity:1}.entry-item__media-btn{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(255,255,255,.18);border-radius:50%;cursor:pointer;background:none;padding:0;color:var(--text-tertiary);opacity:.4;transition:opacity var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.entry-item--menu-open .entry-item__media-btn,.entry-item:hover .entry-item__media-btn{opacity:.7}.entry-item__media-btn:hover{opacity:1!important;border-color:var(--accent-purple);color:var(--accent-purple)}.media-menu{position:fixed;z-index:200;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);padding:4px;display:flex;flex-direction:column;min-width:150px}.media-menu button{background:none;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);padding:8px 12px;text-align:left;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:10px}.media-menu button:hover{background:var(--glass-bg-hover);color:var(--accent-purple)}.modal--share{max-width:460px}.share-content{padding:0 var(--space-lg) var(--space-lg)}.share-link-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.share-link-row .input{flex:1}.share-social{display:flex;gap:var(--space-md);justify-content:center}.share-social__btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.share-social__btn:hover{transform:translateY(-2px);border-color:var(--glass-border-hover)}.share-social__btn--twitter:hover{background:#1d9bf026;color:#1d9bf0;border-color:#1d9bf04d}.share-social__btn--facebook:hover{background:#1877f226;color:#1877f2;border-color:#1877f24d}.share-social__btn--whatsapp:hover{background:#25d36626;color:#25d366;border-color:#25d3664d}.share-social__btn--email:hover{background:#a78bfa26;color:var(--accent-purple);border-color:#a78bfa4d}.modal--dialog{max-width:420px}.modal__footer--spaced{gap:var(--space-sm)}.modal-dialog__body{padding:0 var(--space-lg) var(--space-md);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.modal-dialog__body--left{align-items:stretch;text-align:left}.modal-dialog__icon{width:68px;height:68px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-dialog__icon--warning{background:#f871711a;border:1px solid rgba(248,113,113,.2);color:var(--accent-red)}.modal-dialog__icon--save{background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);color:var(--accent-purple)}.modal-dialog__message{font-size:var(--text-base);color:var(--text-secondary);line-height:1.65}.modal-dialog__message strong{color:var(--text-primary)}.modal-dialog__hint{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.55}.modal-dialog__hint strong{color:var(--text-secondary)}.modal--save{max-width:440px}.modal-save__body{padding:0 var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.modal-save__field{display:flex;flex-direction:column;gap:6px}.modal-save__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.modal-save__input{padding:12px 14px;font-size:var(--text-base);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.modal-save__input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #a78bfa26}.modal-save__summary{display:flex;gap:var(--space-sm);flex-wrap:wrap}.modal-save__chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:6px 14px}.modal-save__chip svg{opacity:.6;flex-shrink:0}.modal-save__divider{height:1px;background:var(--glass-border)}.modal-save__actions{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-save__primary-btn{padding:14px 20px;font-size:var(--text-base);border-radius:var(--radius-md);justify-content:center}.modal-save__secondary-row{display:flex;gap:var(--space-sm);align-items:center}.modal-save__secondary-row .btn--full{flex:1}.modal-save__secondary-row .btn--ghost{flex-shrink:0}.modal--open{max-width:460px}.modal-open__body{padding:0 var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.modal-open__section{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-open__section-title{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.modal-open__section-title svg{opacity:.6;flex-shrink:0}.modal-open__saved-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto;border-radius:var(--radius-md)}.modal-open__empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-md);color:var(--text-muted);text-align:center}.modal-open__empty-state p{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.modal-open__empty-state span{font-size:var(--text-xs);color:var(--text-muted)}.modal-open__divider{display:flex;align-items:center;gap:var(--space-sm)}.modal-open__divider-line{flex:1;height:1px;background:var(--glass-border)}.modal-open__divider-label{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;opacity:.7}.modal-open__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--glass-border)}.modal-open__warning{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-tertiary)}.modal-open__warning svg{flex-shrink:0;opacity:.7}.modal-open__error{display:flex;align-items:center;gap:6px;color:var(--accent-red, #f87171)}.modal-file-drop{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);border:2px dashed var(--glass-border);border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:default;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.modal-file-drop:hover{border-color:#a78bfa66;background:#a78bfa0a;color:var(--text-secondary)}.modal-file-drop--over{border-color:var(--accent-purple)!important;background:#a78bfa14!important;color:var(--text-primary)!important}.modal-file-drop--green:hover{border-color:#34d39966;background:#34d3990a}.modal-file-drop--green.modal-file-drop--over{border-color:var(--accent-green)!important;background:#34d39914!important}.modal-file-drop p{font-size:var(--text-sm);text-align:center}.modal-file-drop p strong{color:var(--text-primary)}.modal-file-drop__or{font-size:var(--text-xs);color:var(--text-tertiary);opacity:.6}.modal-csv-format{display:flex;flex-direction:column;gap:var(--space-xs)}.modal-csv-example{font-family:SFMono-Regular,Consolas,monospace;font-size:var(--text-xs);line-height:1.7;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);white-space:pre}.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--mobile-bar-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);z-index:var(--z-header);justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-bar__btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.mobile-bottom-bar__btn:hover,.mobile-bottom-bar__btn.active{color:var(--accent-purple)}@media(max-width:1100px){.side-left{display:none}.app{grid-template-columns:1fr var(--sidebar-width)}}@media(max-width:768px){.header{padding:0 var(--space-sm)}.header__actions{gap:0}.header__actions .btn{padding:6px 8px;gap:4px}.header__brand{gap:4px}.btn__label{display:none}#btn-customize,#btn-share,#btn-fullscreen,#btn-toggle-sidebar,#btn-new,#btn-save,#btn-open,#btn-theme-toggle,.header__actions>.header__divider{display:none}.header__menu{display:block}.app{grid-template-columns:1fr;padding-bottom:64px;min-width:0}.wheel-area{min-width:0;max-width:100vw}.sidebar{display:none;position:fixed;top:var(--header-height);right:0;bottom:64px;width:100%;max-width:400px;background:var(--bg-secondary);border-left:1px solid var(--glass-border);z-index:var(--z-sidebar)}.sidebar.sidebar--open,.mobile-bottom-bar{display:flex}.wheel-container{max-width:85vw}.side-left{display:none}.ad-slot--mobile{display:block}}@media(max-width:480px){.header__title{font-size:var(--text-lg)}.wheel-container{max-width:90vw}.winner-name{font-size:var(--text-3xl)}}.seo-content{grid-column:1 / -1;background:var(--bg-dark);padding:calc(var(--space-xl) * 2) var(--space-xl);border-top:1px solid var(--glass-border);margin-top:var(--space-xl)}.seo-content__inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.seo-section h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-md)}.seo-section p{font-family:var(--font-body);font-size:var(--text-md);color:var(--text-secondary);line-height:1.7}.seo-use-cases,.seo-section ol{font-family:var(--font-body);color:var(--text-secondary);line-height:1.8;padding-left:var(--space-lg);margin-top:var(--space-sm)}.seo-use-cases li,.seo-section ol li{margin-bottom:var(--space-sm)}.seo-use-cases strong,.seo-section ol strong{color:var(--text-primary);font-weight:600}.seo-faq{display:flex;flex-direction:column;gap:var(--space-md)}.seo-faq__item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md)}.seo-faq__item summary{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-xs)}.seo-faq__item summary::-webkit-details-marker{display:none}.seo-faq__item summary:before{content:"→";display:inline-block;transition:transform var(--transition-fast);color:var(--primary-main);font-size:1.2em}.seo-faq__item[open] summary:before{transform:rotate(90deg)}.seo-faq__item p{margin-top:var(--space-sm);padding-left:var(--space-xl)}@media(max-width:768px){.seo-content{min-width:0;padding:var(--space-xl) var(--space-md)}.seo-content__inner{min-width:0}.seo-use-cases,.seo-section ol{padding-left:var(--space-md)}.seo-use-cases li,.seo-section ol li{overflow-wrap:anywhere}}.pcr-app{background:var(--bg-secondary)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;box-shadow:0 8px 32px #0006!important;font-family:var(--font-body)!important}.pcr-app .pcr-interaction input{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-body)!important}.pcr-app .pcr-interaction .pcr-result{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.pcr-app .pcr-interaction .pcr-result::-moz-selection,.pcr-app .pcr-interaction .pcr-result::selection{background:var(--accent-purple)!important;color:#fff!important}.pcr-app .pcr-interaction .pcr-type.active{background:var(--accent-purple)!important;color:#fff!important}[data-theme=light] .pcr-app{background:#fff!important;border-color:#0000001a!important;box-shadow:0 8px 32px #0000001f!important}[data-theme=light] .pcr-app .pcr-interaction input,[data-theme=light] .pcr-app .pcr-interaction .pcr-result{background:#f4f4f8!important;color:#1a1a2e!important;border-color:#0000001a!important}.landing-hero{padding:0 var(--space-lg) var(--space-md);max-width:720px;margin:0 auto;text-align:center}.landing-hero__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-sm);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.landing-hero__subtitle{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin:0 auto}@media(max-width:768px){.landing-hero{padding:0 var(--space-md) var(--space-md)}.landing-hero__title{font-size:var(--text-xl)}}.site-footer{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);margin-top:var(--space-xl);border-top:1px solid var(--glass-border);color:var(--text-tertiary);font-size:var(--text-sm)}.site-footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.site-footer__nav a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.site-footer__nav a:hover{color:var(--text-primary)}.site-footer__copyright{margin-top:var(--space-xs);color:var(--text-tertiary)}@keyframes bg-float{0%{transform:translate(0) rotate(0)}50%{transform:translate(-2%,1%) rotate(1deg)}to{transform:translate(1%,-1%) rotate(-.5deg)}}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(167,139,250,.3))}50%{filter:drop-shadow(0 0 12px rgba(167,139,250,.6))}}@keyframes hint-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes winner-pop{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes btn-shimmer{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #a78bfa26}50%{box-shadow:0 0 40px #a78bfa4d,0 0 80px #a78bfa1a}}@keyframes wheel-idle-glow{0%,to{filter:drop-shadow(0 0 20px rgba(167,139,250,.12)) drop-shadow(0 0 60px rgba(167,139,250,.04))}50%{filter:drop-shadow(0 0 30px rgba(167,139,250,.2)) drop-shadow(0 0 80px rgba(167,139,250,.08))}}#wheel-canvas{animation:wheel-idle-glow 4s ease-in-out infinite;transform-origin:center}@keyframes wheel-pop-in{0%{transform:scale(.05)}65%{transform:scale(1.1)}82%{transform:scale(.96)}to{transform:scale(1)}}#wheel-canvas.wheel-pop-in{animation:wheel-pop-in .65s cubic-bezier(.22,1,.36,1) forwards}@keyframes feat-card-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes feat-card-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.feat-card--in{animation:feat-card-in .35s ease forwards}.feat-card--out{animation:feat-card-out .35s ease forwards;pointer-events:none}@keyframes ticker-bounce{0%,to{transform:translateY(-50%) rotate(0);filter:drop-shadow(-2px 2px 5px rgba(0,0,0,.4)) drop-shadow(0 0 6px rgba(99,102,241,.4))}30%{transform:translateY(-50%) rotate(-20deg);filter:drop-shadow(-2px 2px 5px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(129,140,248,.8)) drop-shadow(0 0 24px rgba(99,102,241,.3))}60%{transform:translateY(-50%) rotate(8deg);filter:drop-shadow(-2px 2px 5px rgba(0,0,0,.4)) drop-shadow(0 0 8px rgba(99,102,241,.5))}82%{transform:translateY(-50%) rotate(-3deg)}}.wheel-pointer--ticking{animation:ticker-bounce .15s cubic-bezier(.175,.885,.32,1.275)}.sidebar--open{animation:slide-in-right .3s cubic-bezier(.16,1,.3,1)}.result-item{animation:slide-in-up .3s cubic-bezier(.16,1,.3,1)}@keyframes toast-in{0%{transform:translateY(100%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.confetti-particle{position:fixed;width:10px;height:10px;top:-10px;z-index:9999;pointer-events:none;animation:confetti-fall 3s ease-in forwards}.btn,.sidebar__tab,.customize-tabs__btn,.option-chip,.theme-swatch,.entry-item,.result-item{transition:all var(--transition-fast)}.entry-item:hover{transform:translate(2px)}@keyframes focus-ring{0%{box-shadow:0 0 #a78bfa66}to{box-shadow:0 0 0 4px #a78bfa00}}.btn--explore{background:var(--gradient-primary);color:#fff;border:none;font-weight:700;box-shadow:0 0 15px #a78bfa66;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn--explore:hover{transform:scale(1.05);box-shadow:0 0 25px #a78bfa99;color:#fff}.modal--explore{max-width:1000px;width:95%;height:85vh;display:flex;flex-direction:column}.explore-modal-title{display:flex;align-items:center;gap:var(--space-md)}.explore-modal-subtitle{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary)}.modal-explore__body{flex:1;overflow-y:auto;padding:0 var(--space-xl) var(--space-xl);display:flex;flex-direction:column}.explore-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.explore-filter-chip{padding:6px 14px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.explore-filter-chip:hover{color:var(--text-primary);border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}.explore-filter-chip.active{background:#a78bfa26;border-color:#a78bfa4d;color:var(--accent-purple)}.explore-search-wrapper{position:relative;display:flex;align-items:center;max-width:400px;margin-bottom:var(--space-xl)}.explore-search-icon{position:absolute;left:14px;color:var(--text-tertiary);pointer-events:none;flex-shrink:0}.explore-search-input{width:100%;padding:11px 38px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.explore-search-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 2px #a78bfa33}.explore-search-input::placeholder{color:var(--text-tertiary)}.explore-search-clear{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--glass-bg-hover);border:none;border-radius:50%;color:var(--text-muted, var(--text-tertiary));cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.explore-search-clear:hover{background:#ef44441f;color:#f87171}.explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg);padding-bottom:var(--space-xl)}.tpl-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-sm);position:relative}.tpl-card:hover{transform:translateY(-4px);border-color:var(--glass-border-hover);box-shadow:0 10px 30px #0003;background:var(--glass-bg-hover)}.tpl-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);opacity:0;transition:opacity var(--transition-fast)}.tpl-card:hover:before{opacity:1}.tpl-icon{font-size:32px;margin-bottom:var(--space-xs)}.tpl-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.tpl-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;flex:1}.tpl-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--glass-border)}.tpl-count{font-size:var(--text-xs);font-weight:600;padding:4px 10px;background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-tertiary)}.tpl-use-btn{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border);padding:6px 14px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tpl-card:hover .tpl-use-btn{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.tpl-split-btn{position:relative;display:inline-flex;align-items:stretch}.tpl-split-btn__main{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border);border-right:none;padding:6px 12px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tpl-split-btn__toggle{display:flex;align-items:center;justify-content:center;padding:0 8px;background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tpl-split-btn__toggle svg{transition:transform var(--transition-fast)}.tpl-split-btn--open .tpl-split-btn__toggle svg{transform:rotate(180deg)}.tpl-card:hover .tpl-split-btn__main,.tpl-card:hover .tpl-split-btn__toggle{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.tpl-card:hover .tpl-split-btn__main{border-right-color:#fff3}.tpl-split-btn__main:hover,.tpl-split-btn__toggle:hover{background:#8b5cf6d9!important;color:#fff!important}.tpl-split-btn__menu{display:none;position:absolute;bottom:calc(100% + 6px);right:0;min-width:150px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000040;z-index:200;overflow:hidden}.tpl-split-btn--open .tpl-split-btn__menu{display:block}.tpl-split-btn__option{display:block;width:100%;padding:9px 14px;text-align:left;background:none;border:none;border-bottom:1px solid var(--glass-border);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.tpl-split-btn__option:last-child{border-bottom:none}.tpl-split-btn__option:first-child{font-weight:600;color:var(--text-primary)}.tpl-split-btn__option:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.ai-hero{position:relative;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,#a78bfa1f,#f472b61a);border:1px solid rgba(167,139,250,.35);box-shadow:0 0 30px #a78bfa1f}.ai-hero__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-sm)}.ai-hero__sparkle{font-size:1.1em;filter:drop-shadow(0 0 4px rgba(167,139,250,.6))}.ai-hero__row{display:flex;gap:var(--space-sm);align-items:stretch}.ai-hero__prompt{flex:1;min-width:0}.ai-hero__info{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;font-size:.95em;color:var(--text-tertiary, rgba(255, 255, 255, .6));cursor:help;opacity:.75;position:relative;transition:opacity var(--transition-fast),color var(--transition-fast)}.ai-hero__info:hover,.ai-hero__info:focus{opacity:1;color:var(--text-primary);outline:none}.ai-hero__info[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(-4px);white-space:normal;width:max-content;max-width:240px;padding:6px 10px;border-radius:var(--radius-md, 8px);background:var(--bg-elevated, rgba(20, 20, 30, .95));border:1px solid rgba(167,139,250,.35);color:var(--text-primary);font-size:var(--text-xs, .7rem);font-weight:400;line-height:1.35;box-shadow:0 4px 16px #00000059;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:10}.ai-hero__info:hover:after,.ai-hero__info:focus:after{opacity:1;transform:translate(-50%) translateY(0)}.ai-hero__count{width:64px;flex:0 0 auto;background-color:var(--bg-secondary)}.ai-hero__count:hover,.ai-hero__count:focus{background-color:var(--bg-elevated)}.ai-hero__count option{background-color:var(--bg-secondary);color:var(--text-primary)}.ai-hero__generate{background:var(--gradient-primary);color:#fff;border:none;font-weight:700;padding:0 18px;white-space:nowrap;justify-content:center;box-shadow:0 0 15px #a78bfa66;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.ai-hero__generate:hover{transform:scale(1.04);box-shadow:0 0 22px #a78bfa99}.ai-hero__generate:disabled{opacity:.6;cursor:not-allowed}.ai-hero__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-md)}.ai-chip{padding:4px 10px;border-radius:var(--radius-full);background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.ai-chip:hover{background:#a78bfa38;color:var(--text-primary);transform:translateY(-1px)}.tpl-card--ai{position:relative;grid-column:1 / -1;border:1px solid rgba(167,139,250,.45);background:linear-gradient(135deg,#a78bfa14,#f472b60f);box-shadow:0 0 24px #a78bfa26}.tpl-card--ai__badge{position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px}.ai-result__list{list-style:none;margin:var(--space-sm) 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px 12px}.ai-result__list li{font-size:var(--text-sm);color:var(--text-primary);padding:4px 8px;background:var(--glass-bg, rgba(255, 255, 255, .04));border-radius:6px}.ai-result__refine{display:flex;gap:6px;margin-top:var(--space-sm)}.ai-result__refine-input{flex:1}.ai-result__footer{margin-top:var(--space-sm)}.ai-result__actions{display:flex;gap:6px;align-items:center}.ai-result__use{background:var(--gradient-primary);color:#fff;border:none;font-weight:700}.tpl-card--ai-skeleton .ai-skeleton__title{height:18px;width:60%;border-radius:4px;margin-bottom:var(--space-sm)}.ai-skeleton__row{display:inline-block;width:100%;height:14px;border-radius:4px}.ai-skeleton__status{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.shimmer{background:linear-gradient(90deg,#ffffff0a,#a78bfa2e,#ffffff0a);background-size:200% 100%;animation:ai-shimmer 1.4s ease-in-out infinite}@keyframes ai-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tpl-card--ai-error{border-color:#f8717180;background:#f8717114}.ai-undo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,24px);display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-full);background:#14141ef2;border:1px solid rgba(167,139,250,.4);box-shadow:0 8px 30px #0006;color:#fff;font-size:var(--text-sm);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:9999}.ai-undo-toast--show{opacity:1;transform:translate(-50%);pointer-events:auto}.ai-undo-toast__btn{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);padding:4px 12px;font-weight:700;cursor:pointer}.btn--ai-shortcut{background:linear-gradient(135deg,#a78bfa2e,#f472b62e);border:1px solid rgba(167,139,250,.45);color:var(--text-primary)}.btn--ai-shortcut:hover{background:linear-gradient(135deg,#a78bfa4d,#f472b64d)}@media(max-width:768px){.modal--explore{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-explore__body{padding:0 var(--space-md) var(--space-md)}.explore-modal-title{flex-direction:column;align-items:flex-start;gap:2px}.explore-modal-subtitle{font-size:var(--text-xs)}.ai-hero{padding:var(--space-md)}.ai-hero__row{flex-wrap:wrap;gap:var(--space-sm)}.ai-hero__prompt{flex:1 1 100%}.ai-hero__count{width:72px}.ai-hero__generate{flex:1 1 auto;min-width:0;padding:10px 16px}.ai-hero__info[data-tooltip]:after{left:auto;right:0;transform:translate(0) translateY(-4px)}.ai-hero__info:hover:after,.ai-hero__info:focus:after{transform:translate(0) translateY(0)}.ai-hero__chips{margin-top:var(--space-sm)}.explore-grid{grid-template-columns:1fr;gap:var(--space-md)}}/*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button:before{z-index:initial}.pickr .pcr-button:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #00000040}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em #0000001a,0 0 1em #00000008;left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:#0000;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #4285f4bf}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #f44250bf}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right,transparent,black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,.25em}