.site-shell header.site-header{text-align:left;z-index:40;margin-bottom:0;position:sticky;top:0}.site-shell .site-header-bar{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fcfbfdc7;border-bottom:1px solid #ded7eab3;position:relative}.site-shell .site-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem 1.25rem;min-width:0;padding-block:.85rem;display:grid}.site-shell .site-header-brand{align-items:center;gap:.65rem;min-width:0;display:flex}.site-shell .site-header-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem 1.35rem;display:flex}.site-shell .home-header-auth,.site-shell .site-header-auth{justify-self:end;align-items:center;display:flex}.site-shell .site-header-nav .home-nav-link{color:var(--color-ink-muted);font-size:.9rem;font-weight:550}.site-shell .site-header-nav .home-nav-link:hover,.site-shell .site-header-nav .home-nav-link:focus-visible,.site-shell .site-header-nav .home-nav-link[aria-current=page]{color:var(--color-ink)}.site-shell .site-nav-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-ink);box-shadow:var(--shadow-soft);cursor:pointer;touch-action:manipulation;transition:background .2s var(--ease-out-soft), border-color .2s var(--ease-out-soft), transform .2s var(--ease-out-soft);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.site-shell .site-nav-toggle:hover,.site-shell .site-nav-toggle:focus-visible{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.site-shell .site-nav-toggle-bars{width:1.125rem;height:.75rem;display:block;position:relative}.site-shell .site-nav-toggle-bars span{width:100%;height:2px;transition:transform .24s var(--ease-out-soft), top .24s var(--ease-out-soft), opacity .18s var(--ease-out-soft);background:currentColor;border-radius:999px;position:absolute;left:0}.site-shell .site-nav-toggle-bars span:first-child{top:0}.site-shell .site-nav-toggle-bars span:nth-child(2){top:5px}.site-shell .site-nav-toggle-bars span:nth-child(3){top:10px}.site-shell .site-nav-toggle.is-open .site-nav-toggle-bars span:first-child{top:5px;transform:rotate(45deg)}.site-shell .site-nav-toggle.is-open .site-nav-toggle-bars span:nth-child(2){opacity:0}.site-shell .site-nav-toggle.is-open .site-nav-toggle-bars span:nth-child(3){top:5px;transform:rotate(-45deg)}.site-shell .site-nav-scrim,.site-shell .site-mobile-panel{display:none}.site-shell{isolation:isolate;background-color:var(--color-paper);max-width:100%;min-height:100vh;color:var(--color-ink);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;padding-top:0;position:relative;overflow-x:clip}.site-shell:before{content:"";z-index:0;pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:fixed;inset:0}.site-shell:after{content:"";z-index:0;pointer-events:none;contain:paint;background:radial-gradient(58% 52% at 10% -6%,#8d4ff86b,#0000 72%),radial-gradient(48% 46% at 92% -4%,#f84fa35c,#0000 70%),radial-gradient(42% 28% at 50% 6%,#d797f733,#0000 72%);width:100%;max-width:100%;height:36rem;animation:16s ease-in-out infinite alternate home-aurora;position:absolute;top:0;left:0}.site-shell>*{z-index:1;position:relative}.site-shell .site-header a,.site-shell .site-footer a,.site-shell .home-nav-link{text-decoration:none!important}.site-shell .home-wordmark{-webkit-text-fill-color:transparent;color:#0000;background-image:linear-gradient(120deg,#6d28d9 0%,#7c3aed 40%,#ec4899 100%);-webkit-background-clip:text;background-clip:text;font-weight:600}.site-shell .home-nav-link{position:relative}.site-shell .home-nav-link:after{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-brand));transform-origin:0;width:100%;height:1.5px;transition:transform .22s var(--ease-out-soft);position:absolute;bottom:-.2rem;left:0;transform:scaleX(0)}.site-shell .home-nav-link:hover:after,.site-shell .home-nav-link:focus-visible:after,.site-shell .home-nav-link[aria-current=page]:after{transform:scaleX(1)}.site-shell .home-logo-mark{color:#7c3aed;transition:transform .28s var(--ease-out-soft), color .22s var(--ease-out-soft)}.site-shell a:hover .home-logo-mark{color:#ec4899;transform:rotate(-8deg)scale(1.06)}.site-shell .home-faq a,.site-shell .subtitle a,.site-shell .hub-article a,.site-shell a.underline{text-underline-offset:3px;text-decoration:underline}.site-shell h1,.site-shell h2,.site-shell h3,.site-shell h4{font-family:var(--font-cal-sans), var(--font-inter), ui-sans-serif, sans-serif;letter-spacing:-.03em;font-weight:400;line-height:1.15}.site-shell h2,.site-shell h3,.site-shell h4{-webkit-text-fill-color:var(--color-ink);color:var(--color-ink);background:0 0}.site-shell h1{letter-spacing:-.03em;-webkit-text-fill-color:var(--color-ink);max-width:none;color:var(--color-ink);background:0 0;margin:0 0 .75rem;font-size:clamp(1.9rem,4.5vw,2.6rem);line-height:1.15}.site-shell .home-hero-title,.site-shell h1.pro-page-title{letter-spacing:-.045em;background-image:var(--gradient-brand,linear-gradient(120deg, #6d28d9 0%, #7c3aed 42%, #ec4899 100%));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.25rem,6vw,3.6rem);line-height:1.12}.site-shell .home-hero{text-align:center;max-width:42rem;margin:2rem auto 3rem}.site-shell .home-kicker{border:1px solid var(--color-border);color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;background:#fcfaffcc;border-radius:999px;align-items:center;margin:0 0 .85rem;padding:.28rem .75rem;font-size:.75rem;font-weight:650;display:inline-flex}.site-shell .home-hero .subtitle{margin-inline:auto}.site-shell h2{margin:0 0 .75rem;font-size:clamp(1.65rem,3.4vw,2.25rem)}.site-shell h3{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.15rem}.site-shell :focus-visible{outline:2px solid var(--color-ring);outline-offset:3px}.site-shell .home-header-auth .header-auth-area,.site-shell .site-header-auth .header-auth-area{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex;position:static;top:auto;right:auto}.site-shell .header-pro-link,.site-shell .header-login-btn,.site-shell .header-account-btn{border:1px solid var(--color-border);background:var(--color-surface);min-height:2.5rem;color:var(--color-ink);box-shadow:var(--shadow-soft);transition:background .2s var(--ease-out-soft), border-color .2s var(--ease-out-soft), transform .2s var(--ease-out-soft);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.875rem;font-weight:550;display:inline-flex}.site-shell .header-pro-link{background:var(--color-brand);color:#fff;border-color:#0000}.site-shell .header-pro-link:hover{background:var(--color-brand-hover)}.site-shell .header-pro-link:hover,.site-shell .header-login-btn:hover,.site-shell .header-account-btn:hover{transform:translateY(-1px)}.site-shell .header-login-btn:hover,.site-shell .header-account-btn:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.site-shell .header-login-btn:disabled{cursor:wait;opacity:.72}.site-shell .account-avatar{background:var(--color-accent-soft);width:1.5rem;height:1.5rem;color:var(--color-accent);border-radius:999px;place-items:center;font-size:.7rem;font-weight:700;display:grid}.site-shell .home-auth-skeleton{background:linear-gradient(90deg, var(--color-mist), var(--color-brand-soft), var(--color-mist));background-size:200% 100%;border-radius:999px;width:9.5rem;height:2.5rem;animation:1.2s ease-in-out infinite home-shimmer}.site-shell .header-account-wrapper{position:relative}.site-shell .account-dropdown{border:1px solid var(--color-border);background:var(--color-surface);min-width:16rem;box-shadow:var(--shadow-lift);z-index:40;border-radius:1rem;padding:.5rem;display:none;position:absolute;top:calc(100% + .5rem);right:0}.site-shell .header-account-btn.open+.account-dropdown{display:block}.site-shell .account-dropdown-email{color:var(--color-ink-muted);padding:.5rem .75rem .65rem;font-size:.75rem}.site-shell .account-dropdown-divider{background:var(--color-border);height:1px;margin:.35rem 0}.site-shell .account-dropdown-item{width:100%;color:var(--color-ink);text-align:left;background:0 0;border:0;border-radius:.65rem;padding:.55rem .75rem;font-size:.875rem;text-decoration:none;display:block}.site-shell .account-dropdown-item:hover{background:var(--color-surface-muted)}.site-shell .account-dropdown-purchase{color:var(--color-accent);font-weight:600}.site-shell .pro-status-bar{border:1px solid var(--color-border);background:var(--color-accent-soft);border-radius:.9rem;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 1.25rem;padding:.7rem 1rem;display:flex}.site-shell .pro-status-indicator{color:var(--color-accent);font-size:.875rem;font-weight:650}.site-shell .pro-manage-link{color:var(--color-accent);text-underline-offset:3px;background:0 0;border:0;font-size:.8125rem;font-weight:600;text-decoration:underline}.site-shell .upload-container{min-width:0;margin:0}.site-shell .upload-container-compact{justify-content:center;align-items:center;min-width:0;display:flex}.site-shell .home-tool-preview-row{grid-template-columns:minmax(0,.25fr) minmax(0,.75fr);align-items:stretch;gap:.75rem;width:100%;min-width:0;display:grid}.site-shell .home-tool-preview-row .upload-container-compact{align-items:stretch;width:100%;height:100%;padding:0;display:flex}.site-shell .home-tool-preview-row .upload-label-replace{height:100%;min-height:100%}.site-shell .home-tool-preview-row .preview-container{width:100%;min-width:0}@media (max-width:639px){.site-shell .home-tool-preview-row{grid-template-columns:minmax(0,1fr)}.site-shell .home-tool-preview-row .upload-container-compact,.site-shell .home-tool-preview-row .upload-label-replace{height:auto;min-height:0}.site-shell .home-tool-preview-row .upload-label-replace{flex-direction:row;gap:.45rem;padding:.65rem 1rem}}.site-shell .upload-label{border:1px dashed var(--color-border-strong);width:100%;min-width:0;min-height:11rem;color:var(--color-ink);box-shadow:none;cursor:pointer;transition:border-color .2s var(--ease-out-soft), background .2s var(--ease-out-soft), box-shadow .2s var(--ease-out-soft), transform .2s var(--ease-out-soft);background:#fcfbfeb8;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1.5rem;font-size:1rem;font-weight:600;display:flex;transform:none}.site-shell .upload-label-replace{text-align:center;flex-direction:column;gap:.35rem;width:100%;max-width:100%;min-height:0;padding:.65rem .7rem;font-size:.8125rem}.site-shell .upload-label:hover{background:var(--color-surface);border-color:var(--color-accent);box-shadow:var(--shadow-soft)}.site-shell .upload-label.is-dragging{background:var(--color-accent-soft);border-color:var(--color-brand);box-shadow:0 0 0 4px #fde3f0}.site-shell .upload-label svg{color:var(--color-accent);transition:transform .22s var(--ease-out-soft), color .22s var(--ease-out-soft);flex-shrink:0}.site-shell .upload-label-replace svg{width:1rem;height:1rem}.site-shell .upload-label:hover svg,.site-shell .upload-label.is-dragging svg{color:var(--color-brand);transform:translateY(-3px)}.site-shell .upload-hint{color:var(--color-ink-muted);font-size:.875rem;font-weight:400}.site-shell .preview-container{justify-content:center;width:100%;min-width:0;margin:0;display:flex}.site-shell .image-container{border:1px solid var(--color-border);background:var(--color-surface-muted);width:100%;min-width:0;box-shadow:var(--shadow-soft);border-radius:1.25rem;overflow:hidden}.site-shell .image-container.image-active{background:var(--color-surface);padding:.5rem}.site-shell .image-container img,.site-shell img#preview{object-fit:contain;border-radius:.9rem;width:100%;max-height:600px;display:block}.site-shell .home-tool-controls{flex-direction:column;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.site-shell .generate-button{background-image:var(--gradient-brand);width:min(100%,22rem);color:var(--color-accent-ink);isolation:isolate;transition:transform .2s var(--ease-out-soft), background-position .42s var(--ease-out-soft), box-shadow .2s var(--ease-out-soft);background-position:0%;background-size:160% 160%;border:0;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:.8rem 1.35rem;font-size:.95rem;font-weight:650;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #5720b647,0 2px 8px #dc187a2e}.site-shell .generate-button:after{content:"";transition:transform .52s var(--ease-out-soft);pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff47 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.site-shell .generate-button:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 12px 28px #5720b657,0 4px 12px #dc187a38}.site-shell .generate-button:hover:after{transform:translate(120%)}.site-shell .generate-button:disabled{opacity:.6;transform:none}.site-shell .color-count-container{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;flex-direction:column;gap:.45rem;width:100%;max-width:28rem;margin:0 auto;padding:.9rem 1rem;display:flex}.site-shell .color-count-label{color:var(--color-ink-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.site-shell .color-count-value{-webkit-text-fill-color:var(--color-ink);color:var(--color-ink);font-variant-numeric:tabular-nums;background:0 0;font-weight:700}.site-shell .pro-badge,.site-shell .download-pro-badge,.site-shell .export-item-lock,.site-shell .color-count-free-hint{background:var(--color-brand-soft);color:var(--color-brand);letter-spacing:.04em;border-radius:999px;align-items:center;padding:.1rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.site-shell .color-count-free-hint{background:var(--color-surface-muted);color:var(--color-ink-muted);letter-spacing:0;font-weight:500}.site-shell .color-count-container input[type=range]{width:100%;accent-color:var(--color-accent)}.site-shell .color-count-ticks{color:var(--color-ink-subtle);justify-content:space-between;font-size:.75rem;display:flex}.site-shell .palette-container{min-width:0;margin-top:0}.site-shell .palette-container:not(:has(.swatches-container)){display:none}.site-shell .swatches-container{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.75rem),1fr));gap:.75rem;width:100%;min-width:0;margin:0 0 1.25rem;display:grid}@media (min-width:768px){.site-shell .swatches-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.site-shell .color-swatch{border:1px solid var(--color-border);background:var(--color-surface);width:auto;min-width:0;max-width:none;box-shadow:var(--shadow-soft);animation:home-swatch-in .28s var(--ease-out-soft) both;transition:transform .22s var(--ease-out-soft), box-shadow .22s var(--ease-out-soft);border-radius:1rem;flex-direction:column;flex:none;display:flex;overflow:hidden}.site-shell .color-swatch:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.site-shell .color-display{cursor:pointer;border:0;align-items:flex-end;width:100%;min-height:6.5rem;padding:.75rem;display:flex}.site-shell .color-display-hex,.site-shell .color-hex,.site-shell .color-rgb,.site-shell .color-hsl{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.site-shell .color-info{background:var(--color-surface);flex-direction:column;gap:.15rem;min-width:0;padding:.7rem .8rem .85rem;display:flex}.site-shell .color-hex,.site-shell .color-rgb,.site-shell .color-hsl{overflow-wrap:anywhere;word-break:break-word;min-width:0}.site-shell .color-hex{color:var(--color-ink);font-weight:650}.site-shell .color-rgb,.site-shell .color-hsl{color:var(--color-ink-muted)}.site-shell .copy-buttons-container{flex-wrap:wrap;justify-content:center;gap:.55rem;margin:0 0 .85rem;display:flex}.site-shell .copy-button,.site-shell .export-dropdown-btn{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;min-height:2.6rem;color:var(--color-ink);box-shadow:var(--shadow-soft);border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .95rem;font-size:.875rem;font-weight:600;display:inline-flex}.site-shell .copy-button:hover,.site-shell .export-dropdown-btn:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted);transform:translateY(-1px)}.site-shell .brand-kit-btn{isolation:isolate;background-image:var(--gradient-brand);color:#fff;background-position:0%;background-size:160% 160%;border-color:#0000;width:min(100%,22rem);position:relative;overflow:hidden}.site-shell .brand-kit-btn:after{content:"";transition:transform .52s var(--ease-out-soft);pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff47 50%,#0000 60%);position:absolute;inset:0;transform:translate(-120%)}.site-shell .brand-kit-btn:hover{background-position:100%}.site-shell .brand-kit-btn:hover:after{transform:translate(120%)}.site-shell .export-dropdown-wrapper{position:relative}.site-shell .export-dropdown-menu{z-index:30;border:1px solid var(--color-border);background:var(--color-surface);min-width:min(18rem,100%);max-width:min(20rem,100%);max-height:20rem;box-shadow:var(--shadow-lift);border-radius:1rem;padding:.4rem;display:none;position:absolute;top:calc(100% + .4rem);left:0;overflow:auto}.site-shell .export-dropdown-menu.open{display:block}.site-shell .export-dropdown-item{cursor:pointer;border-radius:.65rem;justify-content:space-between;align-items:center;padding:.55rem .7rem;font-size:.875rem;display:flex}.site-shell .export-dropdown-item:hover{background:var(--color-surface-muted)}.site-shell .export-dropdown-divider{background:var(--color-border);height:1px;margin:.3rem .4rem}.site-shell .format-toggle{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:999px;align-items:stretch;gap:.15rem;padding:.2rem;display:inline-flex}.site-shell .format-btn{min-width:3.75rem;min-height:2.1rem;box-shadow:none;color:var(--color-ink-muted);-webkit-text-fill-color:var(--color-ink-muted);letter-spacing:.04em;cursor:pointer;transition:background .2s var(--ease-out-soft), color .2s var(--ease-out-soft);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .95rem;font-size:.8125rem;font-weight:650;display:inline-flex}.site-shell .format-btn:hover{color:var(--color-ink);-webkit-text-fill-color:var(--color-ink);background:0 0;transform:none}.site-shell .format-btn.active,.site-shell .format-btn[aria-pressed=true]{background:var(--color-accent);color:#fff;-webkit-text-fill-color:#fff;box-shadow:var(--shadow-soft)}.site-shell .format-btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.site-shell .figma-helper-text{width:100%;color:var(--color-ink-muted);font-size:.8125rem}.site-shell .error-message{background:var(--color-danger-soft);color:var(--color-danger);text-align:left;border:1px solid #f4c6c2;border-radius:.9rem;margin:1rem 0 0;padding:.85rem 1rem}.site-shell .pro-modal-overlay{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1a1761;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.site-shell .pro-modal{border:1px solid var(--color-border);background:var(--color-surface);width:min(32rem,100%);box-shadow:var(--shadow-lift);border-radius:1.5rem;padding:1.75rem 1.5rem 1.4rem;position:relative}.site-shell .pro-modal-close{background:var(--color-surface-muted);width:2rem;height:2rem;color:var(--color-ink-muted);border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:.85rem;right:.85rem}.site-shell .pro-modal-header{text-align:left;color:#fff}.site-shell .pro-modal-icon{background:var(--color-accent-soft);width:2.75rem;height:2.75rem;color:var(--color-accent);border-radius:.85rem;place-items:center;margin-bottom:.85rem;display:grid}.site-shell .pro-modal-header h2,.site-shell .pro-modal-title{color:#fff;-webkit-text-fill-color:#fff;margin-bottom:.4rem;font-size:1.45rem}.site-shell .pro-modal-header .pro-modal-subtitle{color:#fff;-webkit-text-fill-color:#fff;font-size:.95rem;line-height:1.55}.site-shell .pro-modal-features{flex-direction:column;gap:.55rem;margin:1.15rem 0 1.25rem;padding:0;list-style:none;display:flex}.site-shell .pro-modal-feature{color:var(--color-ink);gap:.55rem;font-size:.925rem;display:flex}.site-shell .pro-modal-check{color:var(--color-accent);font-weight:700}.site-shell .pro-modal-actions{flex-direction:column;gap:.45rem;display:flex}.site-shell .pro-modal-cta{background:var(--color-accent);min-height:2.85rem;color:var(--color-accent-ink);border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:650;text-decoration:none;display:inline-flex}.site-shell .pro-modal-compare-link,.site-shell .pro-modal-dismiss,.site-shell .pro-restore-login-btn{color:var(--color-ink-muted);text-align:center;text-underline-offset:3px;background:0 0;border:0;font-size:.875rem;text-decoration:underline}.site-shell .pro-modal-note{color:var(--color-ink-subtle);text-align:center;margin-top:1rem;font-size:.8rem}.site-shell .conversion-toast{z-index:50;border:1px solid var(--color-border);background:var(--color-surface);width:min(22rem,100% - 2rem);max-width:calc(100% - 2rem);box-shadow:var(--shadow-lift);border-radius:1rem;padding:.95rem 1rem;display:none;position:fixed;bottom:1rem;left:auto;right:1rem;transform:none}.site-shell .conversion-toast.visible{display:block}.site-shell .conversion-toast-message{margin:0 0 .7rem;font-size:.9rem;line-height:1.45}.site-shell .conversion-toast-actions{gap:.5rem;display:flex}.site-shell .conversion-toast-cta,.site-shell .conversion-toast-dismiss{border-radius:999px;min-height:2.2rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:600}.site-shell .conversion-toast-cta{background:var(--color-accent);color:var(--color-accent-ink);border:0}.site-shell .conversion-toast-dismiss{border:1px solid var(--color-border);background:0 0}.site-shell .contrast-grid-section,.site-shell .theme-preview-section{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1.15rem;margin-top:1.5rem;padding:1.15rem}.site-shell .theme-preview-card{min-width:0}.site-shell .home-faq a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.site-shell .home-faq code{font-size:.85em}.site-shell .home-sticky-bar{z-index:20;border:1px solid var(--color-border);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfbfde0;border-radius:1.1rem;gap:.5rem;margin-top:1rem;padding:.55rem;display:none;position:sticky;bottom:.75rem}.site-shell .home-hero-in{animation:home-swatch-in .56s var(--ease-out-soft) both}.site-shell .copy-buttons-container .copy-button,.site-shell .export-dropdown-btn{transition:background .2s var(--ease-out-soft), border-color .2s var(--ease-out-soft), transform .2s var(--ease-out-soft)}.site-shell .home-tool-plane{background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, linear-gradient(135deg, #7c3aed, #ec4899) border-box;border:1px solid #0000;flex-direction:column;gap:1.25rem;min-width:0;display:flex}.site-shell .home-tool-plane.home-surface:hover{transform:none}.site-shell .home-surface{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);transition:transform .22s var(--ease-out-soft), box-shadow .22s var(--ease-out-soft), border-color .22s var(--ease-out-soft);border-radius:1rem;padding:1.25rem 1.5rem}.site-shell .home-surface-flush{padding:0;overflow:hidden}.site-shell .home-surface p,.site-shell .home-lede,.site-shell .home-surface figcaption{color:var(--color-ink-muted);font-size:1rem;line-height:1.65}.site-shell .home-lede{max-width:48rem;font-size:1.125rem}.site-shell .ui-section{padding:4.5rem 0}.site-shell .section-kicker{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .7rem;font-size:.75rem;font-weight:650;display:inline-flex}.site-shell .home-band{background:linear-gradient(#f6f4fbb3,#0000 88%)}.site-shell .home-howto{isolation:isolate;background:linear-gradient(#f7f4fa61,#f6f4fb8c 46%,#f7f4fa52);padding:3rem 0;position:relative;overflow:clip}.site-shell .home-howto:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(70% 80% at 6% 18%,#a77bf41a,#0000 62%),radial-gradient(58% 70% at 96% 88%,#f47bb812,#0000 60%);position:absolute;inset:0}.site-shell .home-howto-panel{border:1px solid var(--color-border);max-width:48rem;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border-radius:1.5rem;margin-inline:auto;padding:1.75rem 1.5rem 1.85rem;position:relative}.site-shell .home-howto .section-kicker{border:1px solid var(--color-border);background:#fcfaffb8;border-radius:999px;margin:0 0 .9rem;padding:.28rem .75rem}.site-shell .home-howto-rail{gap:.35rem;margin:0 0 1.1rem;display:flex}.site-shell .home-howto-rail span{border-radius:999px;width:1.35rem;height:.5rem}.site-shell .home-howto-rail span:first-child{background:var(--color-accent)}.site-shell .home-howto-rail span:nth-child(2){background:var(--color-ring)}.site-shell .home-howto-rail span:nth-child(3){background:var(--color-brand)}.site-shell .home-howto-rail span:nth-child(4){background:var(--color-accent-soft)}.site-shell .home-howto-rail span:nth-child(5){background:var(--color-brand-soft)}.site-shell .home-howto-rail span:nth-child(6){background:var(--color-ink)}.site-shell .home-howto h2{max-width:20ch;margin-bottom:1rem;font-size:clamp(1.85rem,4.2vw,2.7rem);line-height:1.12}.site-shell .home-howto .home-lede{margin:0;font-size:15px;line-height:1.7}.site-shell .home-feature-index{color:var(--color-brand);font-family:var(--font-cal-sans), var(--font-inter), sans-serif;letter-spacing:.04em;margin-bottom:.7rem;font-size:.95rem;font-weight:400;display:inline-flex}.site-shell .ui-container{z-index:1;width:100%;min-width:0;max-width:min(64rem,100%);margin-inline:auto;padding-inline:1.25rem;position:relative}.site-shell .home-bento{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.site-shell .home-faq h1{margin:0 0 .75rem;font-size:clamp(1.65rem,3.4vw,2.25rem)}.site-shell .home-faq-list{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.site-shell .home-follow{margin-top:1.5rem}.site-shell .home-lede a,.site-shell .home-surface a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.site-shell .home-guides{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.site-shell .home-guides li{margin:0}.site-shell .home-guides a{border:1px solid var(--color-border);background:var(--color-surface);max-width:100%;color:var(--color-ink);box-shadow:var(--shadow-soft);transition:border-color .2s var(--ease-out-soft), transform .2s var(--ease-out-soft), color .2s var(--ease-out-soft);border-radius:999px;align-items:center;padding:.45rem .85rem;font-size:.8125rem;font-weight:550;line-height:1.3;text-decoration:none;display:inline-flex}.site-shell .home-guides a:hover,.site-shell .home-guides a:focus-visible{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.site-shell .ui-badge{letter-spacing:.04em;border-radius:999px;align-items:center;padding:.2rem .7rem;font-size:.75rem;font-weight:650;display:inline-flex}.site-shell .ui-badge-brand{background:var(--color-brand-soft);color:var(--color-brand)}.site-shell .ui-btn{border-radius:999px;justify-content:center;align-items:center;min-height:2.85rem;padding:.7rem 1.25rem;font-size:.95rem;font-weight:650;text-decoration:none;display:inline-flex}.site-shell .ui-btn-brand,.site-shell a.ui-btn-brand,.site-shell a.ui-btn-brand:link,.site-shell a.ui-btn-brand:visited,.site-shell a.ui-btn-brand:hover,.site-shell a.ui-btn-brand:focus,.site-shell a.ui-btn-brand:focus-visible,.site-shell a.ui-btn-brand:active,.site-shell .home-surface a.ui-btn-brand,.site-shell .home-surface a.ui-btn-brand:hover,.site-shell .home-lede a.ui-btn-brand,.site-shell .hub-article a.ui-btn-brand,.site-shell .home-faq a.ui-btn-brand{color:#fff;-webkit-text-fill-color:#fff;background-image:var(--gradient-brand);box-shadow:var(--shadow-soft);border:0;text-decoration:none}.site-shell .home-pro-callout{isolation:isolate;background-color:var(--color-ink);color:#fff;margin-block:.5rem;padding-block:5rem;position:relative;overflow:clip}.site-shell .home-pro-callout:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(72% 90% at 6% 12%,#6d1ef694,#0000 58%),radial-gradient(64% 80% at 98% 88%,#f6288f75,#0000 56%),radial-gradient(48% 42% at 48% 48%,#9b18dc2e,#0000 72%);position:absolute;inset:0}.site-shell .home-pro-callout:after{content:"";z-index:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.site-shell .home-pro-callout .ui-container{z-index:1;position:relative}.site-shell .home-pro-callout h2,.site-shell .home-pro-callout p,.site-shell .home-pro-callout li{color:#fff;-webkit-text-fill-color:#fff}.site-shell .home-pro-kicker{color:#f797c7;-webkit-text-fill-color:#f797c7;letter-spacing:.08em;text-transform:uppercase;background:#fdecf51f;border:1px solid #f47bb873;border-radius:999px;align-items:center;margin:0 0 1rem;padding:.28rem .75rem;font-size:.75rem;font-weight:650;display:inline-flex}.site-shell .home-pro-callout h2{max-width:16ch;margin-bottom:1rem;font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.12}.site-shell .home-pro-lede{color:#e8e2f3db;-webkit-text-fill-color:#e8e2f3db;max-width:38rem;margin:0;font-size:1.125rem;line-height:1.65}.site-shell .home-pro-points{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 2rem;padding:0;list-style:none;display:flex}.site-shell .home-pro-points li{color:#f3f0fa;-webkit-text-fill-color:#f3f0fa;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:.45rem .9rem;font-size:.875rem;font-weight:550}.site-shell .home-pro-actions{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;display:flex}.site-shell .home-pro-callout .ui-btn-brand{box-shadow:0 0 0 1px #ffffff29,0 14px 36px #b80a616b}.site-shell .home-pro-fineprint{color:#cdc3dfb8;-webkit-text-fill-color:#cdc3dfb8;margin:0;font-size:.9rem}.site-shell .home-pro-callout :focus-visible{outline-color:#fff}@media (min-width:640px){.site-shell .ui-container{padding-inline:1.5rem}.site-shell .ui-section{padding:5rem 0}.site-shell .home-pro-callout{padding-block:6rem}.site-shell .home-howto{padding:3rem 0}.site-shell .home-howto-panel{padding:2.35rem 2.5rem 2.5rem}}@media (min-width:768px){.site-shell .home-bento{grid-template-columns:1fr 1fr}.site-shell .home-span-2{grid-column:span 2}}.site-shell .home-surface:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.site-shell .will-reveal{opacity:0;transform:translateY(16px)}.site-shell .is-revealed{opacity:1;transition:opacity .52s var(--ease-out-soft), transform .52s var(--ease-out-soft);transition-delay:var(--reveal-delay,0s);transform:none}.site-shell .home-faq .home-surface{border-left:3px solid #0000}.site-shell .home-faq .home-surface:hover{border-left-color:var(--color-brand)}.site-shell .pro-comparison-table{border-radius:1.15rem}.site-shell .site-footer{border-top:1px solid var(--color-border);background:#fcfbfd8c;margin-top:3rem;padding:2.75rem 0 2rem}.site-shell .site-footer-grid{grid-template-columns:1fr;gap:1.75rem;margin-bottom:1.75rem;display:grid}.site-shell .site-footer-brand p:last-child{max-width:22rem;color:var(--color-ink-muted);margin-top:.4rem;font-size:.9rem;line-height:1.55}.site-shell .site-footer-label{color:var(--color-ink-subtle);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.72rem;font-weight:650}.site-shell .site-footer-nav{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.site-shell .site-footer-nav a{color:var(--color-ink-muted);font-size:.9rem}.site-shell .site-footer-nav a:hover{color:var(--color-ink)}.site-shell .copyright-line{border-top:1px solid var(--color-border);color:var(--color-ink-subtle);margin:0;padding-top:1.25rem;font-size:.8rem}.site-shell .breadcrumbs{color:var(--color-ink-subtle);text-align:center;flex-wrap:wrap;justify-content:center;margin-bottom:1.15rem;font-size:.8125rem;display:flex}.site-shell .breadcrumbs a{color:var(--color-accent);text-decoration:none}.site-shell .breadcrumbs a:hover{text-underline-offset:3px;text-decoration:underline}.site-shell .hub-article{max-width:46rem;margin-inline:auto;padding:3rem 1.25rem 5rem}.site-shell .hub-article.palette-gallery-page{max-width:64rem}.site-shell .hub-article.palette-gallery-page a,.site-shell .hub-article.palette-gallery-page a:hover,.site-shell .gallery-card a,.site-shell .gallery-card a:hover{text-decoration:none}.site-shell .hub-article>h1,.site-shell .hub-article>.hub-byline{text-align:center}.site-shell .hub-article>h1{margin-bottom:.45rem}.site-shell .hub-byline{color:var(--color-ink-subtle);margin-bottom:1.75rem}.site-shell .hub-lede{border-left:3px solid var(--color-accent);color:var(--color-ink-muted);font-size:1.125rem;line-height:1.65}.site-shell .palette-gallery-page .hub-lede{scroll-margin-top:5.75rem}.site-shell .hub-cta{border:1px solid var(--color-border);background:linear-gradient(135deg, var(--color-accent-soft), var(--color-brand-soft));box-shadow:var(--shadow-soft);border-radius:1.35rem;margin:2.75rem 0;padding:2rem 1.5rem}.site-shell .hub-cta-btn--pro,.site-shell a.hub-cta-btn{border-radius:999px}.site-shell .qa-block{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);transition:transform .22s var(--ease-out-soft), box-shadow .22s var(--ease-out-soft), border-color .22s var(--ease-out-soft);border-radius:1.1rem;margin:.85rem 0;padding:1.15rem 1.25rem}.site-shell .qa-block:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.site-shell .hub-related ul{flex-direction:column;gap:.45rem;display:flex}.site-shell .hub-related a,.site-shell .site-guides-list a{color:var(--color-ink);text-decoration:none}.site-shell .site-guides-list{flex-direction:column;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.site-shell .site-guides-list a{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);transition:transform .22s var(--ease-out-soft), border-color .22s var(--ease-out-soft), box-shadow .22s var(--ease-out-soft);border-radius:.95rem;padding:.9rem 1.05rem;display:block}.site-shell .site-guides-list a:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lift);text-decoration:none;transform:translateY(-2px)}.site-shell .hub-related a:hover,.site-shell .site-guides-list a:hover{text-underline-offset:3px;text-decoration:underline}.site-shell .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:1rem;margin:1.75rem 0 2.5rem;padding:0;list-style:none;display:grid}.site-shell .home-band .gallery-grid{margin:2rem 0 0}.site-shell .gallery-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);transition:transform .22s var(--ease-out-soft), box-shadow .22s var(--ease-out-soft), border-color .22s var(--ease-out-soft);border-radius:1.1rem;overflow:hidden}.site-shell .gallery-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.site-shell .gallery-card-stripes{height:5.5rem;display:flex}.site-shell .gallery-card-body{padding:.95rem 1.05rem 1.1rem}.site-shell .palette-gallery-page .gallery-grid{margin-bottom:1.15rem}.site-shell .gallery-pagination{flex-direction:column;align-items:center;gap:.75rem;margin:0 0 2.5rem;display:flex}.site-shell .gallery-pagination-status{color:var(--color-ink-muted);margin:0;font-size:.875rem}.site-shell .gallery-pagination-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.site-shell .gallery-pagination-link,.site-shell .gallery-pagination-ellipsis{border:1px solid var(--color-border);background:var(--color-surface);min-width:2.5rem;min-height:2.5rem;color:var(--color-ink);box-shadow:var(--shadow-soft);border-radius:999px;justify-content:center;align-items:center;padding:.35rem .8rem;font-size:.875rem;font-weight:550;display:inline-flex}.site-shell .gallery-pagination-link:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted);transform:translateY(-1px)}.site-shell .gallery-pagination-link.is-current{background:var(--color-accent);color:#fff;box-shadow:none;border-color:#0000}.site-shell .gallery-pagination-link.is-current:hover{background:var(--color-accent);transform:none}.site-shell .gallery-pagination-link.is-disabled{color:var(--color-ink-subtle);box-shadow:none;opacity:.65}.site-shell .gallery-pagination-link.is-disabled:hover{background:var(--color-surface);transform:none}.site-shell .gallery-pagination-ellipsis{box-shadow:none;min-width:1.5rem;color:var(--color-ink-subtle);background:0 0;border:0;padding:0}.site-shell .palette-swatches{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:.75rem}.site-shell .palette-swatch{min-width:0;box-shadow:var(--shadow-soft);border-radius:1rem}.site-shell .palette-hero{box-shadow:var(--shadow-lift);border-radius:1.25rem}.site-shell .pro-hero-section{padding-top:2rem;padding-bottom:2rem}.site-shell .pro-pricing-section{padding-top:0;padding-bottom:3.5rem}.site-shell .pro-page-hero{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:42rem;margin:0 auto;display:flex}.site-shell .pro-page-subtitle{max-width:38rem;color:var(--color-ink-muted);margin:0 auto;font-size:1.05rem;line-height:1.65}.site-shell .pro-trust-badges{flex-wrap:wrap;justify-content:center;gap:.55rem;max-width:40rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.site-shell .pro-trust-badges li{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:550;display:inline-flex}.site-shell .pro-trust-icon{background:var(--color-accent-soft);width:1.05rem;height:1.05rem;color:var(--color-accent);border-radius:999px;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:inline-flex}.site-shell .pro-price-anchor{max-width:32rem;color:var(--color-ink-muted);margin:0;font-size:.925rem;line-height:1.55}.site-shell .pro-pricing-card{text-align:center;background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, var(--gradient-brand) border-box;max-width:28rem;box-shadow:var(--shadow-lift);border:1px solid #0000;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1rem;margin-inline:auto;padding:2.25rem 1.75rem;display:flex}.site-shell .pro-pricing-number{background-image:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.site-shell .pro-pricing-card .ui-btn-brand{width:100%}.site-shell .pro-pricing-subtext,.site-shell .pro-pricing-note{color:var(--color-ink-muted)}.site-shell .pro-pricing-subtext a,.site-shell .pro-inline-portal-btn{color:var(--color-accent);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.site-shell .pro-already-active{flex-direction:column;align-items:center;gap:.75rem;display:flex}.site-shell .pro-active-indicator{background:var(--color-success-soft);color:var(--color-success);letter-spacing:.04em;border-radius:999px;align-items:center;padding:.28rem .75rem;font-size:.75rem;font-weight:650;display:inline-flex}.site-shell .pro-page-subscribe-btn{background-image:var(--gradient-brand);color:#fff;-webkit-text-fill-color:#fff;border:0;border-radius:999px;min-height:3rem;padding:.85rem 1.5rem;font-weight:650;box-shadow:0 8px 22px #5720b647}.site-shell .pro-sticky-cta{border-color:var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfbfdeb}.site-shell .pro-sticky-cta .pro-page-subscribe-btn{width:auto;min-height:2.5rem;padding:.55rem 1.1rem}.site-shell .pro-page .home-bento{margin-top:1.75rem}.site-shell .pro-page .home-howto .home-guides{justify-content:center;margin-top:1.25rem}.site-shell .pro-kit-rail span{flex:1;width:auto;min-width:0;height:2.5rem}.site-shell .pro-kit-files{flex-direction:column;gap:.55rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.site-shell .pro-kit-files li{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:.35rem .75rem;padding:.7rem 0;display:flex}.site-shell .pro-kit-files strong{color:var(--color-ink);font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;font-size:.875rem;font-weight:650}.site-shell .pro-kit-files span{color:var(--color-ink-muted);font-size:.875rem}.site-shell .pro-kit-preview-link{margin-top:1.1rem}.site-shell .pro-comparison-table{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);margin-top:1.75rem;overflow:hidden}.site-shell .pro-comparison-header,.site-shell .pro-comparison-row{grid-template-columns:minmax(0,1fr) 4.75rem 4.75rem;display:grid}.site-shell .pro-comparison-header>div,.site-shell .pro-comparison-row>div{flex:none;min-width:0;padding:.85rem 1rem}.site-shell .pro-comparison-header>div:not(:first-child),.site-shell .pro-comparison-row>div:not(:first-child){text-align:center}.site-shell .pro-comparison-header{background:var(--color-surface-muted);color:var(--color-ink-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:650}.site-shell .pro-comparison-row{border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font-size:.9rem}.site-shell .pro-comparison-row:hover{background:var(--color-accent-soft)}.site-shell .pro-comparison-row--pro{background:#fdecf573}.site-shell .pro-comparison-row .check{color:var(--color-accent);font-weight:700}.site-shell .pro-comparison-row .cross{color:var(--color-ink-subtle)}.site-shell .pro-page .section-kicker,.site-shell .pro-page .home-kicker,.site-shell .pro-page h2{scroll-margin-top:5.75rem}@media (max-width:479px){.site-shell .pro-comparison-header,.site-shell .pro-comparison-row{grid-template-columns:minmax(0,1fr) 3.5rem 3.5rem}.site-shell .pro-comparison-header>div,.site-shell .pro-comparison-row>div{padding:.7rem .65rem;font-size:.8125rem}}@media (max-width:768px){body.site-shell{padding-top:0}.site-shell header.site-header{flex-direction:unset;align-items:unset;display:block}.site-shell header .header-auth-area,.site-shell .header-auth-area{z-index:auto;width:auto;box-shadow:none;background:0 0;border:0;justify-content:flex-end;margin:0;padding:0;position:static;top:auto;left:auto;right:auto}.site-shell .header-pro-link{display:inline-flex}}@media (max-width:767px){.site-shell .site-header-inner{grid-template-columns:minmax(0,1fr) auto}.site-shell .site-header-nav{display:none}.site-shell .site-nav-toggle{display:inline-flex}.site-shell header.site-header.is-nav-open{flex-direction:column;width:100%;max-width:100%;display:flex;position:fixed;inset:0;overflow:hidden}.site-shell header.site-header.is-nav-open .site-header-bar{z-index:3;flex-shrink:0}.site-shell .site-nav-scrim{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s var(--ease-out-soft), visibility .32s var(--ease-out-soft);background:#261d3452;display:block;position:fixed;inset:0}.site-shell header.site-header.is-nav-open .site-nav-scrim{opacity:1;visibility:visible;pointer-events:auto}.site-shell .site-mobile-panel{z-index:2;overscroll-behavior:contain;padding:1.25rem 0 2rem;padding-bottom:max(2rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s var(--ease-out-soft), transform .32s var(--ease-out-soft), visibility .32s var(--ease-out-soft);background:radial-gradient(80% 40% at 12% 0,#8d4ff829,#0000 58%),radial-gradient(70% 36% at 92% 0,#f84fa324,#0000 55%),#fcfbfef0;border-bottom:1px solid #ded7eab3;display:block;position:fixed;inset:0;overflow:auto;transform:translateY(-.6rem)}.site-shell header.site-header.is-nav-open .site-mobile-panel{opacity:1;visibility:visible;pointer-events:auto;flex:auto;height:auto;min-height:0;position:relative;inset:auto;transform:none}.site-shell .site-mobile-nav{flex-direction:column;margin:.75rem 0 0;display:flex}.site-shell .site-mobile-link{color:var(--color-ink);font-family:var(--font-cal-sans), var(--font-inter), ui-sans-serif, sans-serif;letter-spacing:-.04em;opacity:0;border-bottom:1px solid #ded7eaa6;padding:1.05rem .1rem;font-size:clamp(1.85rem,8vw,2.45rem);font-weight:400;line-height:1.12;text-decoration:none;display:block;transform:translateY(8px)}.site-shell header.site-header.is-nav-open .site-mobile-link{opacity:1;transition:opacity .42s var(--ease-out-soft), transform .42s var(--ease-out-soft);transition-delay:calc(70ms + (var(--i,0) * 45ms));transform:none}.site-shell .site-mobile-link:hover,.site-shell .site-mobile-link:focus-visible,.site-shell .site-mobile-link[aria-current=page]{background-image:var(--gradient-brand);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}}@media (max-width:399px){.site-shell .header-pro-link,.site-shell .header-login-btn,.site-shell .header-account-btn{padding-inline:.7rem}}@media (min-width:640px){.site-shell .site-footer-grid{grid-template-columns:1.4fr .8fr .8fr;gap:2rem}}@keyframes home-swatch-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes home-aurora{0%{transform:translate(0,0)}to{transform:translateY(2%)}}@keyframes home-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:768px){.site-shell .image-container img,.site-shell img#preview{max-height:500px}.site-shell .home-sticky-bar{display:flex}}@media (prefers-reduced-motion:reduce){.site-shell .will-reveal{opacity:1;transform:none}.site-shell *,.site-shell :before,.site-shell :after{transition:none!important;animation:none!important}}