*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Outfit",system-ui,-apple-system,sans-serif;--serif:"Outfit",system-ui,-apple-system,sans-serif;--mono:"Outfit",system-ui,-apple-system,sans-serif;--t:.2s cubic-bezier(.16,1,.3,1);--sw:248px;--top-h:56px;--radius-xs:3px;--radius-s:5px;--radius:7px;--radius-l:10px;--radius-xl:13px;--radius-2xl:18px;--radius-pill:999px;--accent-fg:#fff;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--t-fast:.12s cubic-bezier(.2,0,0,1);--fl-reveal:.42s cubic-bezier(.16,1,.3,1);--fl-stagger:55ms;--fl-shimmer-dur:1.4s}[data-theme=dark]{--bg-0:#0a0b0d;--bg-1:#0f1012;--bg-2:#16181c;--bg-3:#1e2126;--bg-4:#272b31;--border:#ffffff12;--bh:#ffffff21;--t0:#f2f3f5;--t1:#b6bac2;--t2:#888d97;--t3:#767c86;--cbg:#0f1012;--hvr:#ffffff0a;--card:#16181c;--card-grad:#16181c;--inp:#16181c;--shadow-xs:0 1px 2px #0006;--shadow-s:0 1px 2px #0006,0 2px 6px #00000059;--shadow-m:0 2px 4px #00000073,0 8px 24px -6px #00000080;--shadow-l:0 4px 8px #00000080,0 24px 48px -12px #0009;--shadow-glow:0 8px 32px -8px var(--accent-glow);--ring:inset 0 1px 0 #ffffff0f;--shadow:0 1px 2px #0006,0 2px 6px #00000059;--warm-shadow:0 1px 2px #0006,0 2px 6px #00000059;--warm-shadow-lg:0 4px 8px #00000080,0 24px 48px -12px #0009;--ok:#4ade80;--warn:#facc15;--err:#f87171;--accent:#3b82f6;--accent-strong:#2563eb;--accent-soft:#60a5fa;--accent-bg:#3b82f61f;--accent-glow:#3b82f633;--icon-inv:invert(1);--brand:#3b82f6;--brand-soft:#60a5fa;--brand-bg:#3b82f61f;--brand-glow:#3b82f62e;--info:#3b82f6;--info-bg:#3b82f61f;--scrim:#08090b9e;--glass-bg:color-mix(in srgb,var(--bg-1) 72%,transparent);--glass-border:var(--bh);--glass-shadow:0 8px 32px -12px #0009}[data-theme=light]{--bg-0:#fff;--bg-1:#fcfcfd;--bg-2:#f7f7f7;--bg-3:#ebebeb;--bg-4:#d4d4d4;--border:#00000014;--bh:#0000001f;--ring:inset 0 1px 0 #ffffffb3;--t0:#171717;--t1:#525252;--t2:#737373;--t3:#a3a3a3;--cbg:#f5f5f5;--hvr:#00000008;--card:#fff;--card-grad:#fff;--inp:#fff;--shadow-xs:0 1px 2px #0000000a;--shadow-s:0 1px 3px #1018280f;--shadow-m:0 4px 12px -2px #10182814;--shadow-l:0 12px 32px -8px #1018281f;--shadow:0 1px 3px #1018280f;--warm-shadow:0 1px 3px #1018280f;--warm-shadow-lg:0 12px 32px -8px #1018281f;--ok:#16a34a;--warn:#ca8a04;--err:#dc2626;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#3b82f6;--accent-bg:#2563eb14;--accent-glow:#2563eb24;--icon-inv:none;--brand:#2563eb;--brand-soft:#3b82f6;--brand-bg:#2563eb14;--brand-glow:#2563eb1f;--info:#2563eb;--info-bg:#2563eb14;--scrim:#17171752;--glass-bg:#ffffffb8;--glass-border:var(--border);--glass-shadow:0 8px 28px -14px #1018282e}html{scroll-behavior:smooth}html[data-reduced-motion=true],html[data-reduced-motion=true] *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]),html:not([data-reduced-motion=false]) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font);background:var(--bg-0);color:var(--t0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.65;overflow-x:clip}::selection{background:var(--accent);color:var(--accent-fg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-s)}:focus:not(:focus-visible){outline:none}.app{height:100dvh;display:flex;position:relative;overflow:hidden}.app-main{z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.topbar{height:var(--top-h);background:var(--bg-1);border-bottom:1px solid var(--border);z-index:98;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.topbar-hamburger{color:var(--t1);cursor:pointer;border-radius:var(--radius-s);transition:all var(--t);background:0 0;border:none;flex-shrink:0;padding:6px;display:none}.topbar-hamburger:hover{background:var(--bg-2);color:var(--t0)}.topbar-brand{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.topbar-brand:hover .topbar-title{color:var(--accent)}.topbar-logo{background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden}.topbar-title{font-family:var(--serif);color:var(--t0);white-space:nowrap;letter-spacing:-.01em;font-size:16px;font-weight:500}.topbar-tabs{gap:2px;margin-left:8px;display:flex}.topbar-tab{border-radius:var(--radius-s);color:var(--t2);transition:all var(--t);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;text-decoration:none!important}.topbar-tab:hover{background:var(--hvr);color:var(--t0)}.topbar-tab.active{color:var(--t0);font-weight:700}.topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-search-wrap{flex:1;max-width:380px;margin-left:8px;position:relative}.topbar-search{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;transition:all var(--t);align-items:center;gap:8px;padding:6px 12px;display:flex}.topbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.topbar-search svg{color:var(--t3);flex-shrink:0}.topbar-search input{color:var(--t0);font-family:var(--font);background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0;font-size:12px}.topbar-search input::placeholder{color:var(--t3)}.topbar-search input:focus{box-shadow:none}.topbar-search-kbd{font-family:var(--mono);color:var(--t3);background:var(--bg-3);border-radius:var(--radius-s);border:1px solid var(--border);flex-shrink:0;padding:2px 6px;font-size:10px;line-height:1}.topbar-search-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--warm-shadow-lg);z-index:200;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.search-chips{border-bottom:1px solid var(--border);background:var(--bg-1);flex-wrap:wrap;gap:4px;padding:10px 12px;display:flex}.search-chip{border-radius:var(--radius-s);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);color:var(--t2);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font);transition:all var(--t);background:0 0;padding:5px 10px}.search-chip:hover{color:var(--t0);border-color:var(--bh)}.search-chip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.search-results{flex-direction:column;max-height:360px;display:flex;overflow-y:auto}.search-result{cursor:pointer;text-align:left;width:100%;font-family:var(--font);border:none;border-bottom:1px solid var(--border);transition:background var(--t);background:0 0;align-items:center;gap:12px;padding:10px 14px;display:flex}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result.active{background:var(--hvr)}.search-result-icon{border-radius:var(--radius-s);background:var(--accent-bg);width:30px;height:30px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-result-icon svg{width:15px;height:15px}.search-result-body{flex:1;min-width:0}.search-result-label{color:var(--t0);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.search-result-desc{color:var(--t2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.search-result-cat{letter-spacing:.06em;text-transform:uppercase;color:var(--t3);font-size:9px;font-weight:700;font-family:var(--mono);border:1px solid var(--border);border-radius:var(--radius-s);flex-shrink:0;padding:3px 8px}.search-empty{text-align:center;color:var(--t2);padding:24px;font-size:12px}.search-footer{background:var(--bg-1);border-top:1px solid var(--border);color:var(--t3);gap:14px;padding:8px 14px;font-size:10px;display:flex}.search-footer kbd{font-family:var(--mono);background:var(--bg-3);border:1px solid var(--border);border-radius:4px;margin-right:4px;padding:1px 5px}.topbar-btn-export{border-radius:var(--radius-l);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid var(--brand);background:var(--brand-bg);color:var(--brand);transition:all var(--t);white-space:nowrap;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.topbar-btn-export:hover{background:var(--brand);border-color:var(--brand);color:var(--accent-fg)}.topbar-btn-export-label{opacity:0;max-width:0;margin-left:-6px;transition:max-width .32s cubic-bezier(.16,1,.3,1),opacity .22s,margin-left .32s cubic-bezier(.16,1,.3,1);overflow:hidden}.topbar-btn-export:hover .topbar-btn-export-label,.topbar-btn-export:focus-visible .topbar-btn-export-label,.topbar-btn-export[aria-expanded=true] .topbar-btn-export-label{opacity:1;max-width:64px;margin-left:0}.export-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--warm-shadow-lg);z-index:200;min-width:280px;padding:6px;animation:.15s cubic-bezier(.2,0,0,1) cp-rise;position:absolute;top:calc(100% + 6px);right:0}.export-dropdown-item{cursor:pointer;width:100%;font-family:var(--font);color:var(--t0);border-radius:var(--radius-s);transition:background var(--t);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:500;display:flex;position:relative}.export-dropdown-item:hover{background:var(--hvr)}.export-dropdown-item svg{color:var(--brand);flex-shrink:0}.export-dropdown-hint{color:var(--t2);margin-left:auto;font-size:10px;font-weight:400;display:block}.topbar-icon-btn{color:var(--t2);cursor:pointer;border-radius:var(--radius-s);transition:all var(--t);background:0 0;border:none;align-items:center;padding:7px;display:flex;position:relative}.topbar-preview-btn{border-radius:var(--radius-l);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid var(--brand);background:var(--brand-bg);color:var(--brand);transition:all var(--t);white-space:nowrap;align-items:center;gap:6px;padding:7px 18px;display:inline-flex}.topbar-preview-btn:hover{background:var(--brand);border-color:var(--brand);color:var(--accent-fg)}.topbar-pin.is-pinned{color:var(--accent)}.topbar-icon-btn:hover{background:var(--brand-bg);color:var(--brand)}.topbar-notif-dot{background:var(--err);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.topbar-avatar{background:var(--avatar-grad);color:#fff;border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;transition:all .22s;display:flex;overflow:hidden;text-decoration:none!important}.topbar-avatar:hover{border-color:var(--bh)}.topbar-avatar img{object-fit:cover;width:100%;height:100%}.topbar-avatar-guest{background:var(--bg-2);color:var(--t2)}.topbar-avatar{cursor:pointer}.profile-menu{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:240px;max-width:calc(100vw - 16px);box-shadow:var(--warm-shadow-lg);z-index:200;padding:6px;animation:.15s cubic-bezier(.2,0,0,1) cp-rise;position:absolute;top:calc(100% + 8px);right:0}.profile-menu-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:4px;padding:10px 10px 12px;display:flex}.profile-menu-avatar{background:var(--avatar-grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.profile-menu-avatar img{object-fit:cover;width:100%;height:100%}.profile-menu-name{color:var(--t0);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.profile-menu-email{color:var(--t2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-menu-guest{color:var(--t2);padding:10px 12px;font-size:12px}.profile-menu-item{cursor:pointer;width:100%;font-family:var(--font);color:var(--t0);border-radius:var(--radius-s);transition:background var(--t);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.profile-menu-item:hover{background:var(--hvr)}.profile-menu-item svg{color:var(--t2);flex-shrink:0}.profile-menu-danger,.profile-menu-danger svg{color:var(--err)}.profile-menu-sep{background:var(--border);height:1px;margin:4px 0}.profile-menu-head{position:relative}.profile-menu-probadge{font-family:var(--mono);letter-spacing:.08em;color:var(--accent-fg);background:var(--accent);border-radius:100px;flex-shrink:0;align-self:flex-start;padding:2px 7px;font-size:9px;font-weight:700}.profile-menu-upgrade{color:var(--accent-fg);background:var(--accent);box-shadow:0 4px 14px -6px var(--accent-glow);transition:background var(--t),box-shadow var(--t),transform var(--dur-1) var(--ease-out);justify-content:center;margin:2px 0 6px;padding:11px 12px;font-weight:700}.profile-menu-upgrade svg{color:var(--accent-fg)}.profile-menu-upgrade:hover{background:var(--accent-strong);box-shadow:0 6px 18px -6px var(--accent-glow);transform:translateY(-1px)}.profile-menu-upgrade:active{transform:translateY(0)}.profile-menu-upgrade.is-pro{color:var(--t0);box-shadow:none;background:0 0;justify-content:flex-start;margin:0;padding:9px 12px;font-weight:500}.profile-menu-upgrade.is-pro svg{color:var(--t2)}.profile-menu-upgrade.is-pro:hover{background:var(--hvr);box-shadow:none;transform:none}.sidebar{width:var(--sw);background:var(--bg-1);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;display:flex}.sidebar-overlay{background:var(--scrim);-webkit-backdrop-filter:blur(6px);z-index:999;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}.sidebar-brand{color:inherit;border-bottom:1px solid var(--border);transition:background var(--t);flex-shrink:0;margin-bottom:12px;padding:18px 16px 20px;display:block;text-decoration:none!important}.sidebar-brand:hover{background:var(--hvr)}.sidebar-brand-text{min-width:0}.sidebar-brand-name{font-family:var(--serif);letter-spacing:-.02em;color:var(--t0);font-size:20px;font-weight:500;line-height:1.2;display:block}.sidebar-brand-sub{color:var(--t2);letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:600;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:3px;padding:0 10px 12px;display:flex;overflow:hidden auto}.nav-more-section{border-top:1px solid var(--border);flex-direction:column;gap:3px;margin-top:12px;padding-top:12px;display:flex}.nav-item{border-radius:var(--radius-s);color:var(--t1);cursor:pointer;text-align:left;width:100%;font-size:13px;font-weight:450;font-family:var(--font);transition:all var(--t);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative;text-decoration:none!important}.nav-item:hover{background:var(--hvr);color:var(--t0)}.nav-item.active{color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-s);font-weight:600}.nav-item-sub{padding:7px 12px;font-size:12px}.nav-icon{opacity:.45;flex-shrink:0;width:18px;height:18px}.nav-item:hover .nav-icon{opacity:.7}.nav-item.active .nav-icon{opacity:1;color:var(--accent)}.nav-item-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-item-footer{margin-bottom:2px}.nav-pinned{border-bottom:1px solid var(--border);border-radius:var(--radius-s);flex-direction:column;gap:1px;margin:6px 0 8px;padding-bottom:8px;transition:background .15s,box-shadow .15s;display:flex}.nav-pinned.drop-active{background:var(--hvr);box-shadow:inset 0 0 0 1.5px var(--bh)}.nav-pinned-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);padding:4px 14px 6px;font-size:9px;font-weight:700}.nav-pinned-empty{border:1.5px dashed var(--border);border-radius:var(--radius-s);color:var(--t3);text-align:center;letter-spacing:.02em;margin:0 8px 4px;padding:10px 12px;font-size:10.5px;font-weight:500}.nav-pinned.drop-active .nav-pinned-empty{border-color:var(--bh);color:var(--t3)}.nav-item-pinned{cursor:grab;padding:8px 14px;font-size:12.5px}.nav-item-pinned.dragging{opacity:.4}.nav-item-pinned.drag-over{border-top:2px solid var(--accent);padding-top:6px}.nav-item-pin{color:var(--accent);opacity:.45;cursor:pointer;border-radius:var(--radius-s);transition:all var(--t);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:4px;display:flex}.nav-item-pin:hover{opacity:1;background:var(--hvr)}.nav-item-pinned:hover .nav-item-pin{opacity:.8}.nav-alpha-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--accent-bg);color:var(--accent);border-radius:3px;flex-shrink:0;margin-left:auto;padding:1px 5px;font-size:8px;font-weight:700}.nav-admin-group{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.nav-ctx-menu{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--warm-shadow-lg);min-width:180px;max-width:calc(100vw - 16px);padding:4px;animation:.12s cubic-bezier(.2,0,0,1) cp-rise}.nav-ctx-menu button{cursor:pointer;width:100%;font-family:var(--font);color:var(--t0);border-radius:var(--radius-s);transition:background var(--t);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.nav-ctx-menu button:hover{background:var(--hvr)}.nav-cat{flex-direction:column;margin-top:2px;display:flex}.nav-cat+.nav-cat{margin-top:4px;padding-top:4px}.nav-cat-header{align-items:center;gap:2px;width:100%;display:flex}.nav-cat-toggle{cursor:pointer;width:32px;height:36px;color:var(--t2);border-radius:var(--radius-s);transition:all var(--t);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.nav-cat-toggle:hover{background:var(--hvr);color:var(--t0)}.nav-cat-arr{width:11px;height:11px;transition:transform .2s}.nav-cat-arr.open{transform:rotate(90deg)}.nav-cat-link{border-radius:var(--radius-s);letter-spacing:.06em;text-transform:uppercase;color:var(--t1);transition:all var(--t);flex:1;align-items:center;gap:8px;min-width:0;padding:8px 10px 8px 4px;font-size:11px;font-weight:700;display:flex;text-decoration:none!important}.nav-cat-link:hover{background:var(--hvr);color:var(--t0)}.nav-cat-link.active{color:var(--accent);background:var(--accent-bg)}.nav-cat-link .nav-icon{opacity:.55;flex-shrink:0;width:16px;height:16px}.nav-cat-link.active .nav-icon{opacity:1;stroke:var(--accent)}.nav-cat-num{font-family:var(--mono);color:var(--t3);min-width:12px;font-size:9px;font-weight:700}.nav-cat-link.active .nav-cat-num{color:var(--accent)}.nav-cat-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-cat.active>.nav-cat-header .nav-cat-toggle{color:var(--accent)}.nav-cat-body{flex-direction:column;gap:1px;max-height:0;padding-left:24px;transition:max-height .25s;display:flex;overflow:hidden}.nav-cat-body.open{max-height:800px;padding-top:2px;padding-bottom:6px}.nav-cat-body .nav-item{border-left:2px solid var(--border);border-radius:0 var(--radius-s) var(--radius-s) 0;padding:6px 10px;font-size:12px;font-weight:450;position:relative}.nav-cat-body .nav-item.active{border-left:2px solid var(--accent);background:var(--accent-bg);color:var(--accent)}[data-theme=light] .nav-cat-body .nav-item.active,[data-theme=dark] .nav-cat-body .nav-item.active{color:var(--accent);background:var(--accent-bg)}.nav-item-num{font-family:var(--mono);color:var(--t3);min-width:22px;margin-right:6px;font-size:9px;font-weight:600}.nav-cat-body .nav-item.active .nav-item-num{color:var(--accent)}.nav-icon-sub{opacity:.5;flex-shrink:0;width:15px;height:15px;margin-right:2px}.nav-item-sub:hover .nav-icon-sub{opacity:.8}.nav-item-sub.active .nav-icon-sub{opacity:1;color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:2px;margin-top:auto;padding:8px 10px 14px;display:flex}.sidebar-user{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);align-items:center;gap:6px;margin-top:4px;padding:10px;display:flex}.sidebar-user-link{min-width:0;color:inherit;border-radius:var(--radius-s);transition:opacity var(--t);flex:1;align-items:center;gap:10px;display:flex;text-decoration:none!important}.sidebar-user-link:hover{opacity:.8}.sidebar-user-avatar{background:var(--avatar-grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.sidebar-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.sidebar-user-action{color:var(--t2);cursor:pointer;border-radius:var(--radius-s);transition:all var(--t);background:0 0;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px;display:flex}.sidebar-user-action:hover{color:var(--t0);background:var(--bg-3)}.sidebar-user-action .nav-icon{opacity:.6;width:16px;height:16px}.sidebar-user-action:hover .nav-icon{opacity:1}.sidebar-login-btn{border-radius:var(--radius-l);width:100%;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--bg-2);color:var(--t0);justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:10px;transition:all .22s;display:flex;text-decoration:none!important}.sidebar-login-btn:hover{background:var(--bg-3);border-color:var(--bh)}.toggle-row{justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.toggle-row span{color:var(--t1);font-size:13px}.avatar-circle{background:var(--accent-bg);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;overflow:hidden}.avatar-circle img{object-fit:cover;width:100%;height:100%}.main{scrollbar-gutter:stable;flex-direction:column;flex:1;width:100%;min-width:0;padding:0 clamp(16px,5vw,64px);display:flex;overflow:hidden auto}.main>:not(.app-footer){flex-shrink:0}.app-footer{margin-top:auto}.sec{width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.main>:first-child{padding-top:clamp(20px,4vw,56px)}.sec-h{border-left:none;margin-bottom:48px;padding-left:0;position:relative}.sec-h h1{font-family:var(--serif);letter-spacing:-.025em;color:var(--t0);margin-bottom:14px;padding-bottom:.1em;font-size:clamp(32px,5vw,52px);font-weight:500;line-height:1.3}.sec-h h1 em{color:var(--t1);padding-right:.06em;font-style:italic;font-weight:400}.sec-h p{color:var(--t1);max-width:640px;font-size:15px;font-weight:400;line-height:1.65}.sec-h-eyebrow{font-family:var(--mono);color:var(--t2);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;margin-bottom:16px;font-size:10px;font-weight:600;display:inline-flex}.sec-h-eyebrow:before{content:"";background:var(--t3);width:24px;height:1px}.sub{margin-bottom:48px}.sec-h.lib-head{margin-bottom:40px}.lib-head{align-items:end;gap:var(--s-6);margin-bottom:var(--s-6);padding-bottom:var(--s-5);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;display:grid}.lib-head-copy{max-width:680px}.lib-eyebrow{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700}.lib-head h1{font-size:var(--fs-h1);letter-spacing:-.035em;color:var(--t0);text-wrap:balance;margin-top:10px;font-weight:720;line-height:1.02}.lib-head-copy p{max-width:58ch;font-size:var(--fs-body);color:var(--t2);margin-top:12px;line-height:1.5}.lib-switch{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-l);grid-template-columns:1fr 1fr;gap:4px;min-width:360px;padding:4px;display:grid}.lib-switch-btn{appearance:none;border-radius:var(--radius);min-height:62px;color:var(--t2);font-family:var(--font);text-align:left;cursor:pointer;transition:color var(--t),background var(--t),border-color var(--t),box-shadow var(--t);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:9px 13px;display:flex}.lib-switch-btn:hover{color:var(--t1);background:var(--hvr)}.lib-switch-btn.is-active{color:var(--t0);background:var(--bg-1);border-color:var(--border);box-shadow:var(--shadow-xs)}.lib-switch-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lib-switch-btn>svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.lib-switch-emoji{font-size:22px;line-height:1}.lib-switch-btn>span:last-child{flex-direction:column;gap:2px;display:flex}.lib-switch-btn strong{font-size:var(--fs-body-s);color:inherit;font-weight:700}.lib-switch-btn small{font-size:var(--fs-micro);color:var(--t2)}.lib-head-status{font-family:var(--mono);font-size:var(--fs-micro);color:var(--t2);grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.lib-net{align-items:center;gap:7px;display:inline-flex}.lib-net i{background:var(--warn);border-radius:50%;width:7px;height:7px}.lib-net.is-online i{background:var(--ok)}.lib-keyhint{color:var(--t3)}.lib-loading{text-align:center;min-height:280px;color:var(--t2);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.lib-loading strong{font-size:var(--fs-body);color:var(--t0)}.lib-loading span{font-size:var(--fs-caption)}.lib-commandbar{top:var(--nav-clear);border-bottom:1px solid var(--border)}@media (width<=768px){.lib-head{grid-template-columns:1fr;align-items:start}.lib-switch{width:100%;min-width:0}.lib-head-status{grid-column:auto}}@media (width<=480px){.lib-head h1{font-size:var(--fs-h2)}.lib-switch{grid-template-columns:1fr}.lib-keyhint{display:none}}.cs-pillnav{top:var(--s-3);z-index:40;margin:0 auto var(--s-5);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-1) 72%,transparent);border:1px solid var(--border);max-width:fit-content;box-shadow:var(--shadow-m),var(--ring);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);isolation:isolate;align-items:center;gap:2px;padding:5px;display:inline-flex;position:sticky}.cs-pillnav-item{z-index:1;cursor:pointer;min-height:36px;font-family:var(--font);letter-spacing:-.01em;white-space:nowrap;color:var(--t2);background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:600;transition:color .2s;position:relative}.cs-pillnav-item:hover{color:var(--t0)}.cs-pillnav-item:active{transform:translateY(.5px)}.cs-pillnav-item.active{color:var(--accent-fg);font-weight:700}.cs-pillnav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-pill)}.cs-pillnav-thumb{z-index:0;border-radius:var(--radius-pill);background:var(--brand);height:calc(100% - 10px);box-shadow:0 2px 8px -2px var(--brand-glow);transform:translateX(var(--cs-thumb-x,0));width:var(--cs-thumb-w,0);transition:transform .42s cubic-bezier(.34,1.56,.64,1),width .42s cubic-bezier(.34,1.56,.64,1);position:absolute;top:5px;left:0}[data-theme=light] .cs-pillnav{box-shadow:var(--shadow-m)}.cs-section-header{-webkit-user-select:none;user-select:none;z-index:10;position:relative}.cs-section-header>h2{transition:color .15s}.cs-section-header:hover>h2{color:var(--t1)}.cs-section-header.cs-solo-toolbar{cursor:default}.cs-pb-section{margin-bottom:48px;scroll-margin-top:100px}.cs-pb-header{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cs-pb-title{flex-shrink:0;margin:0}.cs-pb-randomize{align-items:center;gap:8px;display:inline-flex}.cs-pb-kbd{font-family:var(--mono);border-radius:var(--radius-xs);color:var(--accent-fg);background:#0000002e;padding:3px 6px;font-size:10px;font-weight:700;line-height:1}.cs-pb-reset{align-items:center;gap:8px;display:inline-flex}.cs-pb-add-trigger{align-items:center;gap:5px;display:inline-flex}.cs-pb-live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cs-pb-base{margin-bottom:var(--s-3);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cs-pb-base-swatch{border-radius:var(--radius-s);border:1px solid var(--border);flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden}.cs-pb-base-chip{position:absolute;inset:0}.cs-pb-base-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.cs-pb-base-hex{width:104px;font-family:var(--mono);letter-spacing:.02em;border-radius:var(--radius-s);border:1px solid var(--border);background:var(--bg-1);min-height:40px;color:var(--t0);padding:9px 12px;font-size:13px;font-weight:700}.cs-pb-base-div{background:var(--border);flex-shrink:0;width:1px;height:24px}.cs-pb-harms{flex-wrap:wrap;gap:4px;display:flex}.cs-pb-rail{gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.cs-pb-swatch{border-radius:var(--radius-l);border:1px solid var(--border);cursor:grab;flex-direction:column;flex:1 1 0;justify-content:flex-end;min-width:84px;min-height:160px;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s,flex-basis .3s cubic-bezier(.16,1,.3,1),background .2s;animation:.32s cubic-bezier(.16,1,.3,1) backwards cs-deal;display:flex;position:relative;overflow:hidden}.cs-pb-swatch.cs-d0{animation-delay:0s}.cs-pb-swatch.cs-d1{animation-delay:48ms}.cs-pb-swatch.cs-d2{animation-delay:96ms}.cs-pb-swatch.cs-d3{animation-delay:.144s}.cs-pb-swatch.cs-d4{animation-delay:.192s}.cs-pb-swatch.cs-d5{animation-delay:.24s}@keyframes cs-deal{0%{opacity:.4;transform:translateY(6px)scale(.98)}60%{opacity:1}to{opacity:1;transform:none}}.cs-pb-swatch:active{cursor:grabbing}.cs-pb-swatch:hover{box-shadow:var(--shadow-m);transform:translateY(-3px)}.cs-pb-swatch:focus-visible,.cs-pb-swatch.active{outline:2px solid var(--accent);outline-offset:2px}.cs-pb-swatch.locked{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.cs-pb-swatch.drag-ghost{opacity:.4}.cs-pb-swatch.drag-over{box-shadow:inset 0 0 0 2px var(--brand);transform:scale(1.03)}.cs-pb-swatch.skeleton{background:linear-gradient(100deg,var(--bg-1) 30%,var(--bg-2) 50%,var(--bg-1) 70%);border-color:var(--border);background-size:200% 100%;animation:1.2s ease-in-out infinite cs-shimmer}.cs-pb-swatch-meta{padding:var(--s-3) var(--s-3) var(--s-2)}.cs-pb-role{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.65;font-size:9px;font-weight:700}.cs-pb-hex{font-family:var(--mono);letter-spacing:.02em;cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;padding:0;font-size:13px;font-weight:700;display:inline-block;position:relative}.cs-pb-edit{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.cs-pb-tints{flex-shrink:0;height:36px;display:flex}.cs-pb-tint{cursor:pointer;border:none;flex:1;padding:0;transition:filter .15s}.cs-pb-tint:hover{filter:brightness(1.06)}.cs-pb-tools{opacity:0;align-items:center;gap:4px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:6px;left:6px;right:6px;transform:translateY(-4px)}.cs-pb-swatch:hover .cs-pb-tools,.cs-pb-swatch:focus-within .cs-pb-tools{opacity:1;transform:none}.cs-pb-tool{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000006b;border:none;border-radius:50%;place-items:center;width:24px;height:24px;transition:background .15s,transform .1s;display:grid}.cs-pb-tool:hover{background:#00000094}.cs-pb-tool:active{transform:scale(.92)}.cs-pb-tool:focus-visible{outline:2px solid var(--accent-fg);outline-offset:1px}.cs-pb-tool.locked{background:#ffffff47}.cs-pb-tool--drag{cursor:grab}.cs-pb-gap{flex:0 0 var(--s-2);cursor:pointer;align-self:stretch;place-items:center;display:grid;position:relative}.cs-pb-gap-btn{background:var(--brand);width:26px;height:26px;color:var(--accent-fg);border:2px solid var(--bg-0);opacity:0;box-shadow:var(--shadow-s);border-radius:50%;place-items:center;transition:opacity .15s,transform .2s cubic-bezier(.34,1.56,.64,1);display:grid;transform:scale(.6)}.cs-pb-gap:hover .cs-pb-gap-btn,.cs-pb-gap:focus-within .cs-pb-gap-btn{opacity:1;transform:scale(1)}.cs-pb-gap:focus-visible{outline:none}.cs-pb-gap:focus-visible .cs-pb-gap-btn{opacity:1;outline:2px solid var(--accent);outline-offset:2px;transform:scale(1)}.cs-pb-gap-count{font-family:var(--mono);font-size:12px;font-weight:700;line-height:1}.cs-pb-add{border-radius:var(--radius-l);border:1px dashed var(--border);background:var(--bg-1);min-width:84px;min-height:160px;color:var(--t2);cursor:pointer;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:8px;transition:color .15s,border-color .15s,background .15s;display:flex;position:relative}.cs-pb-add:hover{color:var(--t0);border-color:var(--accent);background:var(--hvr)}.cs-pb-add-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.cs-pb-add-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.cs-pb-adjust{gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);margin-bottom:var(--s-3);grid-template-columns:repeat(4,1fr);display:grid}.cs-pb-adjust-field{flex-direction:column;gap:6px;display:flex}.cs-pb-adjust-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);justify-content:space-between;font-size:10px;font-weight:700;display:flex}.cs-pb-adjust-val{color:var(--t1)}.cs-pb-adjust-reset{cursor:pointer;font-family:var(--font);color:var(--brand);background:0 0;border:none;grid-column:1/-1;justify-self:start;min-height:32px;padding:4px 0;font-size:12px;font-weight:600;transition:opacity .15s}.cs-pb-adjust-reset:disabled{color:var(--t3);cursor:default;opacity:.6}.cs-pro-lock{position:relative}.cs-pro-lock-glyph{color:var(--accent);vertical-align:-1px;flex-shrink:0;margin-left:6px}@keyframes cs-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=640px){.state-preset-full{display:none}.state-preset-short{display:inline}}.cs-chevron{color:var(--t2);flex-shrink:0;transition:transform .2s}.cs-chevron.open{transform:rotate(90deg)}.cs-tint-strip>div{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}.cs-next-step{justify-content:center;padding:48px 0 16px;display:flex}.cs-next-link{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);color:var(--t0);transition:all var(--t);align-items:center;gap:12px;padding:14px 28px;display:inline-flex;text-decoration:none!important}.cs-next-link:hover{border-color:var(--brand);background:var(--brand-bg);text-decoration:none!important}.cs-next-link span{letter-spacing:.08em;text-transform:uppercase;color:var(--t2);font-size:10px;font-weight:600}.cs-next-link strong{letter-spacing:-.01em;font-size:15px;font-weight:700}.cs-next-link svg{color:var(--brand);flex-shrink:0}.cs-tools-footer{border-top:1px solid var(--border);margin-top:56px;padding-top:32px}.cs-tools-footer-title{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);margin:0 0 16px;font-size:13px;font-weight:600}.cs-tools-footer-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cs-tools-footer-link{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);color:var(--t0);cursor:pointer;transition:all var(--t);flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;display:flex}.cs-tools-footer-link:hover{border-color:var(--brand);background:var(--brand-bg)}.cs-tools-footer-link strong{letter-spacing:-.01em;font-size:14px;font-weight:700}.cs-tools-footer-link span{color:var(--t2);font-size:12px}@media (width<=768px){.cs-tools-footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.cs-tools-footer-grid{grid-template-columns:1fr}}.sub h2{font-family:var(--serif);letter-spacing:-.018em;color:var(--t0);margin-bottom:6px;font-size:24px;font-weight:500}.sub-meta{color:var(--t2);max-width:560px;margin-bottom:18px;font-size:13px;line-height:1.6}.card{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow),var(--ring);padding:28px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:hover{border-color:var(--bh)}.card-i{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--warm-shadow);padding:22px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card-i:hover{border-color:var(--bh)}.tool-mini-pin{cursor:pointer;color:var(--t2);opacity:.4;border-radius:var(--radius-s);background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;transition:opacity .15s,color .15s;display:flex}.tool-mini-pin:hover,.tool-mini-pin.pinned{opacity:1;color:var(--accent)}.sl{letter-spacing:.12em;text-transform:uppercase;color:var(--t1);align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:700;display:flex}.sl:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.split{flex-wrap:wrap;gap:20px;display:flex}.split>*{flex:300px;min-width:0}.split>.side{flex:0 360px;min-width:0}.btn{border-radius:var(--radius-l);font-size:12.5px;font-weight:500;font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--t0);letter-spacing:-.005em;align-items:center;gap:6px;padding:10px 22px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;text-decoration:none!important}.btn:hover{border-color:var(--bh);background:var(--bg-2);color:var(--t0)}.btn:active{background:var(--bg-3);color:var(--t0);transition-duration:.1s}.btn-s{padding:6px 12px;font-size:11px}.btn-accent,.btn-primary{background:var(--brand);color:var(--accent-fg);border-color:#0000;transition:all .2s}.btn-accent:hover,.btn-primary:hover{background:var(--brand-soft);box-shadow:0 1px 2px #0000001f,0 4px 10px -3px color-mix(in srgb,var(--brand) 30%,transparent);transform:translateY(-1px)}.btn-accent:active,.btn-primary:active{opacity:.8;transition-duration:.1s;transform:translateY(0)}.btn-accent:disabled,.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none!important}.btn.btn-ghost{color:var(--t1);background:0 0;border-color:#0000}.btn.btn-ghost:hover{background:var(--hvr);color:var(--t0)}.btn-l{padding:14px 28px;font-size:14px}.btn.is-loading{pointer-events:none;position:relative;color:#0000!important}.btn.is-loading>*{visibility:hidden}.btn.is-loading:after{content:"";width:14px;height:14px;color:var(--t1);border:2px solid;border-top-color:#0000;border-radius:50%;margin:-7px 0 0 -7px;animation:.7s linear infinite fg-spin;position:absolute;top:50%;left:50%}.btn-accent.is-loading:after,.btn-primary.is-loading:after{color:var(--accent-fg)}.tag{border-radius:var(--radius-s);padding:4px 12px;font-size:10px;font-weight:600;display:inline-flex}.tag-pass{background:color-mix(in srgb, var(--ok) 8%, transparent);color:var(--ok)}.tag-fail{background:color-mix(in srgb, var(--err) 8%, transparent);color:var(--err)}input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{font-family:var(--font);border-radius:var(--radius);border:1px solid var(--border);background:var(--inp);color:var(--t0);outline:none;max-width:100%;padding:9px 14px;font-size:13px;transition:all .2s}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}input[type=color]{border-radius:var(--radius-s);border:1px solid var(--border);background:var(--bg-1);cursor:pointer;width:48px;height:40px;transition:border-color var(--t),box-shadow var(--t);padding:3px}input[type=color]:hover{border-color:var(--bh)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:var(--radius-xs);border:none}input[type=color]::-moz-color-swatch{border-radius:var(--radius-xs);border:none}input[type=range]{-webkit-appearance:none;cursor:pointer;background:0 0;border:none;border-radius:2px;outline:none;width:100%;height:32px;padding:0}input[type=range]::-webkit-slider-runnable-track{background:var(--bg-4);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--bg-4);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);cursor:pointer;z-index:2;background:#fff;border-radius:50%;width:20px;height:20px;margin-top:-8px;position:relative;box-shadow:0 1px 4px #00000026}input[type=range]::-moz-range-thumb{border:3px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000026}.seg-label{letter-spacing:.1em;text-transform:uppercase;color:var(--t2);margin-bottom:6px;font-size:8.5px;font-weight:700}.code{background:var(--cbg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);color:var(--t0);white-space:pre;cursor:pointer;padding:16px;font-size:12px;line-height:1.7;overflow-x:auto}.code:hover{border-color:var(--bh)}.pt-t{border-radius:var(--radius-s);border:1px solid var(--border);color:var(--t2);cursor:pointer;transition:all var(--t);font-size:11px;font-weight:500;font-family:var(--font);background:0 0;align-items:center;min-height:36px;padding:9px 14px;display:inline-flex}.pt-t:hover{background:var(--bg-2);color:var(--t0)}.pt-t.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.cs-hue{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);flex-direction:column;gap:8px;margin-top:10px;padding:12px 14px;display:flex}.cs-hue-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.cs-hue-name{color:var(--t1);font-size:11px;font-weight:600}.cs-hue-val{font-family:var(--mono);color:var(--t3);font-size:10px}input.cs-hue-slider{appearance:none;border-radius:var(--radius-pill);background:var(--arc-grad,var(--bg-3));cursor:pointer;border:1px solid var(--border);outline:none;width:100%;height:14px}input.cs-hue-slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:0 0;height:12px}input.cs-hue-slider::-moz-range-track{border-radius:var(--radius-pill);background:0 0;height:12px}input.cs-hue-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--t0);width:18px;height:18px;box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;margin-top:-3px}input.cs-hue-slider::-moz-range-thumb{border:2px solid var(--t0);width:16px;height:16px;box-shadow:var(--shadow-xs);background:#fff;border-radius:50%}input.cs-hue-slider:focus-visible{box-shadow:0 0 0 3px var(--accent-bg)}.cs-hue-ends{letter-spacing:.04em;text-transform:uppercase;color:var(--t3);justify-content:space-between;font-size:9px;font-weight:600;display:flex}.cs-hue-hex{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-0);width:96px;color:var(--t0);font-family:var(--mono);text-transform:uppercase;padding:5px 8px;font-size:11px}.cs-hue-hex::placeholder{color:var(--t3);text-transform:none;letter-spacing:0}.cs-hue-hex:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.stc-head{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stc-head.solo{cursor:default}.stc-head-title{align-items:center;gap:12px;display:flex}.stc-toolbar{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.stc-head.solo .stc-toolbar{width:100%;margin-left:0}.stc-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--t2);font-size:9px;font-weight:700}.stc-copy-btn{border-radius:var(--radius-s);background:var(--t0);color:var(--bg-0);font-family:var(--font);cursor:pointer;transition:opacity var(--t);border:none;margin-left:auto;padding:7px 14px;font-size:11px;font-weight:700}.stc-copy-btn:hover{opacity:.85}.stc-copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stc-role{margin-bottom:22px}.stc-role-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.stc-dot{border-radius:3px;flex:none;width:10px;height:10px}.stc-role-presets{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-left:auto;display:flex}.stc-role-presets .pt-t{min-height:0;padding:4px 10px;font-size:10px}.stc-ramp{border-radius:var(--radius-s);border:1px solid var(--border);display:flex;overflow:hidden}.stc-cell{cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:64px;transition:filter .15s;display:flex}.stc-cell:hover{filter:brightness(1.06)}.stc-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stc-cell-tone{font-size:11px;font-weight:700;font-family:var(--mono)}.stc-cell-hex{font-size:9px;font-family:var(--mono);opacity:.75}.stc-hue{margin:0 0 10px}.stc-hue-row{align-items:center;gap:12px;display:flex}.stc-hue-row .cs-hue-slider{flex:1;width:auto}.stc-hue-val{font-family:var(--mono);color:var(--t1);text-align:right;min-width:34px;font-size:11px;font-weight:600}@media (width<=640px){.stc-cell{min-height:52px}.stc-cell-hex{display:none}}.stc-head.solo{padding-bottom:var(--s-5);border-bottom:1px solid var(--border)}.stc-head.solo .stc-toolbar{align-items:center}.stc-toolbar-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.stc-toolbar-copy>span:last-child{color:var(--t2);font-size:11px}.stc-bundles{margin:0 0 var(--s-6);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stc-bundle{text-align:left;min-width:0;min-height:128px;color:var(--t1);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;transition:border-color var(--t),background var(--t),color var(--t),box-shadow var(--t);flex-direction:column;gap:10px;padding:14px;display:flex}.stc-bundle:hover{color:var(--t0);border-color:var(--bh);background:var(--hvr)}.stc-bundle--on{color:var(--t0);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)}.stc-bundle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stc-bundle-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.stc-bundle-top strong{font-size:12px;font-weight:650}.stc-bundle-top>span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t3);font-size:8px;font-weight:700}.stc-bundle--on .stc-bundle-top>span{color:var(--accent)}.stc-bundle-swatches{border:1px solid color-mix(in srgb,var(--t0) 10%,transparent);border-radius:var(--radius-xs);height:12px;display:flex;overflow:hidden}.stc-bundle-swatches i{background:var(--stc-bundle-c);flex:1}.stc-bundle small{color:var(--t2);font-size:10.5px;line-height:1.45}.stc-role{padding:var(--s-5);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);margin-bottom:0}.stc-role+.stc-role{margin-top:12px}.stc-role-head{align-items:flex-start;margin-bottom:14px}.stc-role-id{align-items:center;gap:10px;min-width:210px;display:flex}.stc-role-id>span:last-child{flex-direction:column;gap:3px;display:flex}.stc-role-id small{color:var(--t2);font-size:10px}.stc-role-cue{width:30px;height:30px;font-family:var(--mono);color:var(--t0);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xs);flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:750;display:inline-flex}.stc-role-name{text-transform:none;font-size:13px;font-weight:700}.stc-ramp{scrollbar-width:thin;overflow-x:auto}.stc-cell{flex:1 0 64px}.stc-preview-section{margin-top:var(--s-8);padding-top:var(--s-6);border-top:1px solid var(--border)}.stc-subhead{justify-content:space-between;align-items:flex-end;gap:var(--s-5);margin-bottom:var(--s-5);display:flex}.stc-subhead h2,.stc-handoff h2{letter-spacing:-.025em;color:var(--t0);margin:5px 0;font-size:22px;font-weight:650}.stc-subhead p,.stc-handoff p{max-width:650px;color:var(--t2);margin:0;font-size:12px;line-height:1.55}.stc-preview-grid{border:1px solid var(--border);border-radius:var(--radius-l);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.stc-preview{padding:var(--s-5);color:#172033;background:#f7f8fa}.stc-preview+.stc-preview{border-left:1px solid var(--border)}.stc-preview--dark{color:#f3f5f7;background:#111318}.stc-preview-head{border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.stc-preview-head strong{font-size:12px}.stc-preview-head span{letter-spacing:.04em;text-transform:uppercase;opacity:.6;font-size:9px}.stc-example-list{flex-direction:column;gap:8px;display:flex}.stc-example{min-height:64px;color:var(--stc-ink);background:var(--stc-soft);border:1px solid var(--stc-border);border-radius:var(--radius-s);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.stc-preview--dark .stc-example{color:var(--stc-soft);background:color-mix(in srgb,var(--stc-ink) 84%,#111318);border-color:color-mix(in srgb,var(--stc-strong) 55%,#111318)}.stc-example-cue{width:28px;height:28px;font-family:var(--mono);color:#fff;background:var(--stc-strong);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:750;display:inline-flex}.stc-example>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.stc-example strong{font-size:11px}.stc-example small{opacity:.74;font-size:9px;line-height:1.35}.stc-example button{font-family:var(--font);color:inherit;border-radius:var(--radius-xs);cursor:pointer;opacity:.7;background:0 0;border:1px solid;padding:5px 7px;font-size:9px;font-weight:650}.stc-example button:hover{opacity:1}.stc-example button:focus-visible{outline-offset:2px;outline:2px solid}.stc-handoff{gap:var(--s-6);margin-top:var(--s-5);padding:var(--s-6);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-l);grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:start;display:grid}.stc-handoff-copy{flex-direction:column;align-items:flex-start;display:flex}.stc-handoff p code{font-family:var(--mono);color:var(--t1);font-size:10px}.stc-handoff .stc-copy-btn{margin:var(--s-5) 0 0}.stc-code{max-height:360px;font-family:var(--mono);color:var(--t1);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);margin:0;padding:16px;font-size:10px;line-height:1.65;overflow:auto}.stc-code:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stc-next{justify-content:space-between;align-items:flex-start;gap:var(--s-6);margin-top:var(--s-7);padding:var(--s-6) 0;border-block:1px solid var(--border);display:flex}.stc-next>div:first-child{flex-direction:column;gap:5px;max-width:520px;display:flex}.stc-next strong{color:var(--t0);font-size:13px;line-height:1.5}.stc-next>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:18px;display:flex}.stc-next a{color:var(--t1);font-size:11px;font-weight:650;text-decoration:none}.stc-next a:hover{color:var(--accent)}.stc-next a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=980px){.stc-bundles{grid-template-columns:repeat(2,minmax(0,1fr))}.stc-handoff{grid-template-columns:1fr}}@media (width<=768px){.stc-preview-grid{grid-template-columns:1fr}.stc-preview+.stc-preview{border-left:0;border-top:1px solid var(--border)}.stc-next{flex-direction:column}.stc-next>div:last-child{justify-content:flex-start}}@media (width<=560px){.stc-head.solo .stc-toolbar{flex-direction:column;align-items:flex-start}.stc-copy-btn{width:100%;margin-left:0}.stc-bundles{scroll-snap-type:x proximity;display:flex;overflow-x:auto}.stc-bundle{scroll-snap-align:start;flex:0 0 210px}.stc-role{padding:16px}.stc-role-presets{flex-wrap:nowrap;justify-content:flex-start;width:100%;margin-left:0;overflow-x:auto}.stc-preview{padding:16px}.stc-example{grid-template-columns:32px minmax(0,1fr)}.stc-example button{grid-column:2;justify-self:start}.stc-handoff{padding:16px}.stc-next>div:last-child{flex-direction:column;align-items:flex-start;gap:12px}}.harm-opt{border-radius:var(--radius-s);border:1px solid var(--border);color:var(--t2);cursor:pointer;width:100%;font-size:13px;font-family:var(--font);transition:all var(--t);background:0 0;align-items:center;padding:11px 14px;display:flex}.harm-opt:hover{background:var(--bg-2);color:var(--t0)}.harm-opt.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);border-left:3px solid var(--accent);font-weight:600}.pal-grid{grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:8px;display:grid}.pal-swatch{border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:flex-end;min-height:180px;padding:18px;transition:transform .12s;display:flex}.pal-swatch:hover{transform:translateY(-2px)}.pal-swatch .role{letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-bottom:3px;font-size:9px;font-weight:700}.pal-swatch .hex{font-family:var(--mono);font-size:13px;font-weight:600}.tint-swatch{aspect-ratio:1;border-radius:var(--radius-s);cursor:pointer;justify-content:center;align-items:flex-end;padding-bottom:10px;transition:transform .12s;display:flex}.tint-swatch:hover{transform:scale(1.05)}.tint-swatch .stop-label{font-size:11px;font-family:var(--mono);font-weight:700}.tint-info{text-align:center;margin-top:6px}.tint-info .hex{font-family:var(--mono);color:var(--t1);font-size:10px}.tint-info .lval{font-family:var(--mono);color:var(--t2);font-size:9px}.tint-base-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:8px;font-weight:700}.cr-val{font-size:clamp(24px,4vw,36px);font-weight:700;font-family:var(--mono);letter-spacing:-.02em}.comp-row{background:var(--bg-2);border-radius:var(--radius-s);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:14px 18px;display:flex}.comp-row .label{font-size:13px;font-weight:700}.comp-row .sublabel{color:var(--t2);font-size:10px}.suggest-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;padding:18px;display:flex}.suggest-sw{border-radius:var(--radius-s);cursor:pointer;border:2px solid #0000;width:36px;height:36px;transition:all .15s}.suggest-sw:hover{border-color:var(--accent);transform:scale(1.1)}.grad-big{border-radius:var(--radius);border:1px solid var(--border);height:clamp(80px,12vw,160px);margin-bottom:20px;position:relative;overflow:hidden}.grad-tags{gap:5px;display:flex;position:absolute;top:10px;left:10px}.grad-tag{border-radius:var(--radius-s);color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#00000059;padding:4px 12px;font-size:9px;font-weight:700}.grad-presets{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.grad-p{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:all var(--t);flex-direction:column;display:flex;overflow:hidden}.grad-p:hover{border-color:var(--accent);box-shadow:var(--warm-shadow)}.grad-p-preview{height:80px}.grad-p-info{background:var(--card);padding:10px 12px}.ig{grid-template-columns:repeat(auto-fill,minmax(min(88px,33.3333%),1fr));gap:4px;display:grid}.ic{border-radius:var(--radius-s);cursor:pointer;min-width:0;min-height:80px;transition:all var(--t);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 6px 12px;display:flex;overflow:hidden}.ic:hover{background:var(--bg-2);border-color:var(--border)}.ic:active{transform:scale(.95)}.ic svg,.ic img{flex-shrink:0;width:24px;height:24px}.ic svg{stroke:var(--t0);fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.ic span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--t2);text-align:center;font-size:8.5px;font-family:var(--mono);line-height:1.2;overflow:hidden}.il-detail{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:560px;box-shadow:var(--warm-shadow-lg);padding:40px;animation:.3s cubic-bezier(.16,1,.3,1) fg-rise;position:relative}.il-detail-preview{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);background-image:radial-gradient(circle,color-mix(in srgb,var(--border) 60%,transparent) .5px,transparent .5px);background-size:12px 12px;justify-content:center;align-items:center;min-height:140px;margin-bottom:20px;padding:32px;display:flex}.il-detail-preview img,.il-detail-preview svg{transition:all .15s}.il-detail-controls{flex-direction:column;gap:14px;display:flex}.il-detail-row{align-items:center;gap:10px;display:flex}.il-detail-row>label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);flex-shrink:0;min-width:52px;font-size:10px;font-weight:700}.il-detail-row input[type=range]{accent-color:var(--accent);flex:1}.il-detail-row input[type=color]{border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;background:var(--bg-1);flex-shrink:0;width:28px;height:28px;padding:1px}.il-detail-value{font-family:var(--mono);color:var(--t2);text-align:right;flex-shrink:0;min-width:36px;font-size:11px}.il-detail-color-input{font-family:var(--mono);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);color:var(--t0);flex:1;padding:6px 10px;font-size:12px}.il-detail-reset{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);width:24px;height:24px;color:var(--t2);cursor:pointer;transition:all var(--t);flex-shrink:0;justify-content:center;align-items:center;display:flex}.il-detail-reset:hover{background:var(--bg-2);color:var(--t0)}.il-detail-seg{flex:1;gap:2px;display:flex}.il-detail-seg button{font-family:var(--mono);border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);color:var(--t2);cursor:pointer;transition:all var(--t);text-align:center;flex:1;padding:6px 10px;font-size:10px;font-weight:600}.il-detail-seg button.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.il-detail-seg button:hover:not(.active){background:var(--bg-2);color:var(--t0)}.il-detail-code-tabs{gap:2px;margin-bottom:8px;display:flex}.il-detail-code-tabs button{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);color:var(--t2);cursor:pointer;transition:all var(--t);padding:5px 12px;font-size:10px;font-weight:700}.il-detail-code-tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.il-detail-code{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-s);font-family:var(--mono);color:var(--t1);word-break:break-all;white-space:pre-wrap;cursor:pointer;max-height:120px;transition:border-color var(--t);padding:14px;font-size:11px;line-height:1.6;position:relative;overflow:auto}.il-detail-code:hover{border-color:var(--accent)}.il-detail-code-hint{letter-spacing:.04em;text-transform:uppercase;color:var(--t3);pointer-events:none;transition:color var(--t);font-size:9px;font-weight:600;position:absolute;top:6px;right:8px}.il-detail-code:hover .il-detail-code-hint{color:var(--accent)}.ts-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:14px;padding:12px 0;display:flex}.ts-row:last-child{border-bottom:none}.ts-meta{min-width:70px;font-size:10px;font-family:var(--mono);color:var(--t2)}.btn-cat{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px;display:grid}.btn-cell{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:10px;padding:24px 14px;display:flex}.btn-cell .bn{color:var(--t2);letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:600}.lp{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);min-height:80px;padding:14px}.lph{background:var(--bg-3);border:1px dashed var(--bh);border-radius:var(--radius-s)}.img-drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:border-color var(--t);padding:40px 20px}.img-drop-zone:hover{border-color:var(--accent)}.img-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px;display:grid}.pl-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.pl-tab{color:var(--t2);font-family:var(--font);cursor:pointer;transition:all var(--t);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 18px;font-size:13px;font-weight:500;display:inline-flex}.pl-tab:hover{color:var(--t0)}.pl-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.pl-tab-count{background:var(--bg-3);color:var(--t2);text-align:center;border-radius:10px;min-width:20px;padding:2px 7px;font-size:10px;font-weight:700}.pl-tab.active .pl-tab-count{background:var(--accent-bg);color:var(--accent)}.pl-card-author{color:var(--t2);align-items:center;gap:8px;margin-top:10px;font-size:11px;display:flex}.pl-card-saves{font-family:var(--mono);color:var(--t3);background:var(--bg-2);border-radius:var(--radius-s);padding:2px 8px;font-size:10px}.pl-toolbar{z-index:30;background:color-mix(in srgb,var(--bg-0) 92%,transparent);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;margin-left:calc(-1*clamp(16px,5vw,64px));margin-right:calc(-1*clamp(16px,5vw,64px));padding:12px clamp(16px,5vw,64px);display:flex;position:sticky;top:0}.pl-search-wrap{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;max-width:360px;transition:all var(--t);flex:1;align-items:center;gap:8px;padding:8px 14px;display:flex}.pl-search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.pl-search-wrap svg{color:var(--t3);flex-shrink:0}.pl-search{color:var(--t0);font-family:var(--font);background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0;font-size:13px}.pl-search::placeholder{color:var(--t3)}.pl-search:focus{box-shadow:none}.pl-search-clear{color:var(--t3);cursor:pointer;transition:color var(--t);background:0 0;border:none;border-radius:50%;padding:2px;display:flex}.pl-search-clear:hover{color:var(--t0)}.pl-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.pl-chips::-webkit-scrollbar{display:none}.pl-chip{border-radius:var(--radius);letter-spacing:.02em;border:1px solid var(--border);color:var(--t2);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);transition:all var(--t);white-space:nowrap;background:0 0;flex-shrink:0;padding:6px 14px}.pl-chip:hover{color:var(--t0);border-color:var(--bh);background:var(--hvr)}.pl-chip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.pl-add-btn{flex-shrink:0;margin-left:auto}.pl-select{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-2);max-width:200px;height:40px;color:var(--t0);font-family:var(--font);cursor:pointer;appearance:none;transition:border-color var(--t),box-shadow var(--t);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2370707b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;flex-shrink:0;padding:0 34px 0 14px;font-size:13px;font-weight:500}.pl-select:hover{border-color:var(--bh)}.pl-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.pl-add-panel{opacity:0;max-height:0;margin-bottom:0;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s;overflow:hidden}.pl-add-panel.open{opacity:1;max-height:600px;margin-bottom:28px}.pl-add-inner{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);padding:24px}.pl-add-fields{flex-direction:column;gap:12px;display:flex}.pl-input-title{font-weight:600;padding:12px 16px!important;font-size:16px!important}.pl-textarea{resize:vertical;min-height:100px;font-size:13px;line-height:1.7}.pl-add-row{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.pl-add-field{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.pl-add-field label{letter-spacing:.08em;text-transform:uppercase;color:var(--t2);font-size:10px;font-weight:700}.pl-drop-zone{border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--t);color:var(--t3);flex-direction:column;flex:0 0 180px;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:11px;font-weight:500;display:flex}.pl-drop-zone:hover,.pl-drop-zone.over{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.pl-add-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.pl-gallery{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px;margin-top:8px;display:grid}.pl-card{border-radius:var(--radius-l);cursor:pointer;background:var(--card);border:1px solid var(--border);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.pl-card:hover{box-shadow:var(--warm-shadow-lg);border-color:var(--bh);transform:translateY(-4px)}.pl-card:hover .pl-card-overlay{opacity:1}.pl-card:hover .pl-card-img img{transform:scale(1.04)}.pl-card-img{aspect-ratio:16/10;position:relative;overflow:hidden}.pl-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.pl-card-overlay{opacity:0;background:linear-gradient(#0000 0%,#0000001a 50%,#000000d9 100%);flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.pl-card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.pl-card.no-img{background:var(--card-grad)}.pl-card-text-hero{flex-direction:column;justify-content:flex-end;min-height:160px;padding:28px 24px;display:flex;position:relative}.pl-card-text-hero:before{content:"";border-radius:var(--radius-s);background:var(--accent-bg);justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.pl-card.no-img .pl-card-title{color:var(--t0)}.pl-card.no-img:hover .pl-card-title{color:var(--accent)}.pl-card-tags{flex-wrap:wrap;gap:5px;display:flex}.pl-tag{border-radius:var(--radius);letter-spacing:.04em;text-transform:uppercase;color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;padding:3px 10px;font-size:9px;font-weight:700;transition:background .2s}.pl-card.no-img .pl-tag{background:var(--accent-bg);color:var(--accent)}.pl-card-date-inline{font-family:var(--mono);color:var(--t3);margin-top:8px;font-size:10px}.pl-card-copy-hint{color:var(--accent);align-items:center;gap:4px;font-size:10px;font-weight:600;transition:opacity .2s;display:flex}.pl-modal-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);z-index:1000;justify-content:center;align-items:flex-start;padding:40px 20px;animation:.2s fg-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.pl-modal{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:680px;max-height:80vh;box-shadow:var(--warm-shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) fg-rise;display:flex;position:relative}.pl-modal-close{background:var(--bg-2);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--t2);transition:all var(--t);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.pl-modal-close:hover{background:var(--bg-3);color:var(--t0)}.pl-modal-header{flex-shrink:0;padding:28px 28px 0}.pl-modal-header h2{letter-spacing:-.02em;margin:0 0 4px;padding-right:32px;font-size:20px;font-weight:700}.pl-modal-header .pl-tag{background:var(--accent-bg);color:var(--accent)}.pl-modal-author{color:var(--t2);align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.pl-modal-body{flex:1;padding:20px 28px;overflow-y:auto}.pl-modal-prompt{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:20px;transition:background .2s;position:relative}.pl-modal-prompt:hover{background:var(--hvr)}.pl-modal-prompt pre{font-family:var(--mono);color:var(--t0);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px;line-height:1.7}.pl-modal-prompt .pl-card-copy-hint{opacity:.5;position:absolute;top:12px;right:12px}.pl-modal-prompt:hover .pl-card-copy-hint{opacity:1}.pl-modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:16px 28px;display:flex}.pl-modal-delete{color:var(--err)!important;border-color:var(--err)!important}.pl-modal-delete:hover{background:color-mix(in srgb,var(--err) 8%,transparent)!important}.pl-empty{text-align:center;color:var(--t2);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.pl-empty svg{opacity:.25}.pl-empty p{margin:0;font-size:14px}.emoji-virt{position:relative}.emoji-vhead{align-items:center;gap:10px;display:flex;position:absolute;left:0;right:0}.emoji-vhead h3{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.emoji-vrow{gap:4px;display:flex;position:absolute;left:0;right:0}.emoji-section-count{color:var(--t3);background:var(--bg-3);font-size:10px;font-weight:700;font-family:var(--mono);border-radius:10px;padding:2px 8px}.emoji-cell{width:var(--emoji-cell,42px);height:var(--emoji-cell,42px);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;transition:background .15s,border-color .15s,transform .15s;display:flex;position:relative}.emoji-cell:hover{background:var(--hvr);border-color:var(--border);z-index:2;transform:scale(1.2)}.emoji-cell.copied{background:var(--accent-bg);border-color:var(--accent);z-index:2}.emoji-cell.copied:after{content:"Copied";color:var(--accent);white-space:nowrap;font-size:8px;font-weight:700;font-family:var(--font);position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.emoji-tone-wrap{flex-shrink:0;position:relative}.emoji-tone-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);height:40px;color:var(--t2);cursor:pointer;font-size:18px;line-height:1;font-family:var(--font);transition:border-color var(--t),background var(--t),color var(--t);align-items:center;gap:7px;padding:0 12px;display:flex}.emoji-tone-btn:hover{border-color:var(--bh);background:var(--hvr);color:var(--t0)}.emoji-tone-btn.open{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.emoji-tone-btn svg{color:currentColor}.emoji-tone-pop{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--warm-shadow-lg);z-index:40;gap:4px;padding:6px;animation:.15s fg-fade;display:flex;position:absolute;top:calc(100% + 6px);left:0}.emoji-skin-btn{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--card);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .15s;display:flex}.emoji-skin-btn:hover{border-color:var(--bh);background:var(--hvr)}.emoji-skin-btn.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 1px var(--accent)}.emoji-chip{align-items:center;gap:6px;display:inline-flex}.emoji-chip-ic{font-size:13px;line-height:1}.emoji-chip-count{font-size:9px;font-weight:700;font-family:var(--mono);background:var(--bg-3);color:var(--t3);border-radius:8px;padding:1px 6px}.pl-chip.active .emoji-chip-count{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.bsg-layout{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.bsg-preview{border:1px solid var(--border);border-radius:var(--radius-l);justify-content:center;align-items:center;min-height:360px;transition:background .2s;display:flex}.bsg-box{width:180px;height:180px;transition:box-shadow .15s,border-radius .15s}.bsg-controls{flex-direction:column;gap:16px;display:flex}.bsg-layers{justify-content:space-between;align-items:center;gap:8px;display:flex}.bsg-layer-tabs{gap:4px;display:flex}.bsg-layer-tab{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--card);width:32px;height:32px;color:var(--t1);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--mono);justify-content:center;align-items:center;transition:all .15s;display:flex}.bsg-layer-tab:hover{border-color:var(--bh);color:var(--t0)}.bsg-layer-tab.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.bsg-layer-add{color:var(--t2)}.bsg-layer-actions{gap:4px;display:flex}.bsg-fields{flex-direction:column;gap:10px;display:flex}.bsg-field{color:var(--t1);grid-template-columns:72px 1fr 54px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:grid}.bsg-field input[type=range]{width:100%;accent-color:var(--accent)}.bsg-num{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);width:54px;color:var(--t0);font-size:12px;font-family:var(--mono);text-align:center;padding:4px 6px}.bsg-row{align-items:center;gap:12px;display:flex}.bsg-field-color{grid-template-columns:72px 28px;gap:8px}.bsg-field-color input[type=color]{border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;background:0 0;width:28px;height:28px;padding:0}.bsg-field-check{color:var(--t1);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.bsg-field-check input[type=checkbox]{accent-color:var(--accent)}.bsg-box-settings{border-top:1px solid var(--border);align-items:center;gap:12px;padding-top:12px;display:flex}.bsg-code-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);margin-top:20px;overflow:hidden}.bsg-code{font-family:var(--mono);color:var(--t1);white-space:pre-wrap;word-break:break-all;margin:0;padding:16px 20px;font-size:12px;line-height:1.7;overflow-x:auto}.bsg-code-actions{border-top:1px solid var(--border);background:var(--bg-1);gap:8px;padding:10px 20px;display:flex}@media (width<=880px){.bsg-layout{grid-template-columns:1fr}}.uib-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.uib-tokens{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}.uib-token-group{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);flex-direction:column;gap:10px;padding:16px;display:flex}.uib-token-group-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:2px;font-size:10px;font-weight:700}.uib-preset-chips{flex-wrap:wrap;gap:6px;display:flex}.uib-preset-chip{border:1px solid var(--border);background:var(--bg-1);color:var(--t1);cursor:pointer;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.uib-preset-chip:hover{background:var(--brand-bg);border-color:var(--brand);color:var(--brand)}.uib-shadow-chip{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-1);cursor:pointer;flex-direction:column;align-items:center;gap:6px;min-width:52px;padding:8px 10px 6px;transition:border-color .15s,background .15s;display:flex}.uib-shadow-chip:hover{border-color:var(--brand);background:var(--brand-bg)}.uib-shadow-swatch{background:var(--card);border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:28px;height:20px}.uib-shadow-chip-label{font-size:10px;font-weight:700;font-family:var(--mono);color:var(--t2);text-transform:uppercase;letter-spacing:.05em}.uib-field{color:var(--t1);grid-template-columns:64px 1fr 48px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:grid}.uib-field input[type=range]{width:100%;accent-color:var(--brand)}.uib-num{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);width:48px;color:var(--t0);font-size:11px;font-family:var(--mono);text-align:center;padding:3px 5px}.uib-field-color{grid-template-columns:64px 28px 1fr;gap:6px}.uib-field-color input[type=color]{border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;background:0 0;width:28px;height:28px;padding:0}.uib-field-hex{font-family:var(--mono);color:var(--t2);font-size:10px}.uib-components{flex-direction:column;gap:24px;display:flex}.uib-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden}.uib-section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.uib-section-head h3{letter-spacing:-.01em;align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.uib-section-head h3:before{content:"";background:var(--brand);border-radius:2px;flex-shrink:0;width:3px;height:15px}.uib-section-actions{gap:4px;display:flex}.uib-variant-chips{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:10px 18px;display:flex}.uib-variant-chip{border:1px solid var(--border);color:var(--t1);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);background:0 0;border-radius:999px;padding:5px 12px;transition:all .15s}.uib-variant-chip:hover{border-color:var(--bh);color:var(--t0)}.uib-variant-chip.active{background:var(--brand-bg);border-color:var(--brand);color:var(--brand)}.uib-preview-card{background:var(--bg-2);flex-direction:column;justify-content:center;min-height:72px;padding:32px 24px;display:flex}.uib-preview-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.uib-code{background:var(--bg-1);border-top:1px solid var(--border);font-family:var(--mono);color:var(--t1);white-space:pre-wrap;word-break:break-all;margin:0;padding:14px 18px;font-size:11px;line-height:1.7;overflow-x:auto}.uib-export-bar{justify-content:center;gap:8px;padding:12px 0;display:flex}@media (width<=880px){.uib-layout{grid-template-columns:1fr}.uib-tokens{flex-flow:wrap;gap:12px;position:static}.uib-token-group{flex:1;min-width:200px}}.doc-sub{border-bottom:1px solid var(--border)}.doc-sub:last-child{border-bottom:none}.doc-tog{cursor:pointer;width:100%;font-family:var(--font);color:var(--t1);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:14px 8px;font-size:14px;font-weight:600;display:flex}.doc-tog:hover{color:var(--t0)}.doc-tog .arr{color:var(--t2);font-size:10px;transition:transform .2s;display:inline-block}.doc-tog.open .arr{color:var(--accent);transform:rotate(90deg)}.doc-body{padding:0 8px 20px 28px;display:none}.doc-body.open{display:block}.doc-body p{color:var(--t1);margin-bottom:12px;font-size:14px;line-height:1.75}.doc-body h4{color:var(--t0);margin:16px 0 6px;font-size:14px;font-weight:700}.doc-body ul,.doc-body ol{margin-bottom:12px;padding-left:20px}.doc-body li{color:var(--t1);margin-bottom:6px;font-size:14px;line-height:1.7}.doc-body li strong{color:var(--t0)}.auth-container{justify-content:center;padding:40px 20px 0;display:flex}.auth-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-l);padding:40px;position:relative;overflow:hidden}.auth-brand{justify-content:center;margin-bottom:22px;text-decoration:none;display:flex}.auth-brand:hover{text-decoration:none}.auth-header{text-align:center;margin-bottom:26px}.auth-header h1{font-family:var(--font);letter-spacing:-.022em;color:var(--t0);margin-bottom:8px;font-size:clamp(24px,4vw,30px);font-weight:700;line-height:1.15}.auth-header p{color:var(--t2);font-size:14px;line-height:1.5}.auth-google-btn{border-radius:var(--radius-l);border:1px solid var(--border);background:var(--bg-1);width:100%;color:var(--t0);font-family:var(--font);cursor:pointer;transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:560;display:flex}.auth-google-btn:hover{background:var(--hvr);border-color:var(--bh);box-shadow:var(--shadow-s);transform:translateY(-1px)}.auth-google-btn:active{transition-duration:.1s;transform:translateY(0)}.auth-google-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.auth-divider{color:var(--t3);font-size:12px;font-family:var(--mono);letter-spacing:.04em;align-items:center;gap:12px;margin:20px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field label{color:var(--t1);letter-spacing:0;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.auth-field input{width:100%}.auth-submit{border-radius:var(--radius-l);width:100%;transition:transform var(--dur-2) var(--ease-out),filter var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);justify-content:center;padding:13px;font-size:14px;font-weight:600}.auth-submit:disabled{opacity:.5;cursor:not-allowed;filter:none!important;box-shadow:none!important;transform:none!important}.auth-links{flex-direction:column;align-items:center;gap:6px;margin-top:18px;display:flex}.auth-links button{color:var(--accent);font-size:13px;font-family:var(--font);cursor:pointer;transition:opacity var(--dur-2) var(--ease-out);opacity:.85;border-radius:var(--radius-s);background:0 0;border:none;min-height:36px;padding:10px 14px}.auth-links button:hover{opacity:1;text-decoration:underline}.auth-trust{border-top:1px solid var(--border);color:var(--t3);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding-top:18px;font-size:11px;line-height:1.4;display:flex}.auth-trust svg{color:var(--t3);flex-shrink:0}.seg-bar{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);flex-wrap:wrap;display:flex;overflow:hidden}.seg-cell{border-right:1px solid var(--border);flex:1;min-width:140px;padding:18px 20px}.seg-cell:last-child{border-right:none}.fp{cursor:pointer;flex:280px;min-width:0}.fp:hover{border-color:var(--accent)}.toast{background:var(--card);border:1px solid var(--bh);max-width:min(340px,100vw - 32px);box-shadow:var(--ring),var(--warm-shadow-lg);color:var(--t0);border-radius:var(--radius-l);font-family:var(--font);opacity:0;z-index:9999;pointer-events:none;align-items:center;gap:11px;padding:11px 16px 11px 11px;transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .28s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(16px)scale(.97)}.toast.show{opacity:1;transform:translateY(0)scale(1)}.toast-ico{border-radius:var(--radius-s);flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.toast-ico svg{width:15px;height:15px}.toast-msg{color:var(--t0);letter-spacing:-.005em;font-size:13px;font-weight:500;line-height:1.35}.toast-success .toast-ico{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.toast-error .toast-ico{background:color-mix(in srgb,var(--err) 16%,transparent);color:var(--err)}.toast-info .toast-ico{background:var(--accent-bg);color:var(--accent)}.toast-success .toast-ico svg path{stroke-dasharray:26;stroke-dashoffset:26px}.toast-success.show .toast-ico{animation:toast-pop var(--dur-4) var(--ease-spring) both}.toast-success.show .toast-ico svg path{animation:toast-draw var(--dur-3) var(--ease-out) 90ms forwards}@keyframes toast-pop{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes toast-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.toast-success.show .toast-ico{animation:none}.toast-success .toast-ico svg path,.toast-success.show .toast-ico svg path{stroke-dashoffset:0;animation:none}}.dash{box-sizing:border-box;flex-direction:column;gap:16px;min-height:100%;padding:20px 0 24px;display:flex}.bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(124px,auto);grid-auto-flow:dense;gap:12px;display:grid}.bento-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);color:inherit;box-shadow:var(--warm-shadow);flex-direction:column;min-height:0;padding:20px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.bento-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg,transparent 20%,color-mix(in srgb,var(--accent) 50%,transparent) 50%,transparent 80%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:1;padding:1px;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}a.bento-card:hover{border-color:var(--bh);transform:translateY(-2px)}a.bento-card:hover:before{opacity:1}.bento-hero{background:linear-gradient(135deg,var(--card) 50%,color-mix(in srgb,var(--accent) 4%,var(--card)));justify-content:space-between;gap:16px}.bento-hero-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bento-hero-meta{font-family:var(--mono);color:var(--t2);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.bento-pulse{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 0 var(--ok);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 50%,transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.bento-hero-title{letter-spacing:-.02em;font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.2}.bento-hero-title em{color:var(--accent);font-style:italic;font-weight:600}.bento-hero-cta{border-radius:var(--radius);background:var(--accent);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;color:var(--accent-fg)!important}.bento-hero-cta:hover{opacity:.88;transform:translateY(-1px)}.bento-hero-cta svg{width:12px;height:12px}.bento-hero-foot{flex-direction:column;gap:8px;display:flex}.bento-hero-resume{align-items:center;gap:8px;width:fit-content;font-size:12px;font-weight:600;display:inline-flex;color:var(--t1)!important}.bento-hero-resume:hover{color:var(--accent)!important}.bento-hero-resume svg{width:12px;height:12px}.bento-hero-tokens{font-family:var(--mono);color:var(--t2);letter-spacing:.04em;font-size:10px;font-weight:600}.bento-hero-tokens strong{color:var(--accent);font-weight:700}.bento-img-quick{border:1.5px dashed var(--bh);border-radius:var(--radius);background:var(--bg-2);min-height:84px;color:var(--t2);cursor:pointer;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex}.bento-img-quick:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.bento-img-quick svg{width:24px;height:24px}.bento-img-quick span{letter-spacing:.02em;font-size:11px;font-weight:600}.bento-time{justify-content:space-between;gap:10px}.bento-label{font-family:var(--mono);color:var(--t2);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.bento-time-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1}.bento-time-sub{color:var(--t2);margin-top:4px;margin-bottom:4px;font-size:12px}.bento-time-stats{gap:18px;display:flex}.bento-time-stats>div{flex-direction:column;gap:2px;display:flex}.bento-time-num{letter-spacing:-.02em;color:var(--t0);font-size:17px;font-weight:700}.bento-time-lbl{color:var(--t2);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:600;font-family:var(--mono)}.bento-feature{padding:0}.bento-feature-head{justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.bento-feature-num{font-family:var(--mono);color:var(--t3);letter-spacing:.1em;font-size:10px;font-weight:700}.bento-color-strip{flex:1;min-height:120px;display:flex}.bento-color-swatch{flex:1;justify-content:center;align-items:flex-end;padding-bottom:10px;transition:flex-grow .35s cubic-bezier(.16,1,.3,1);display:flex}.bento-color-swatch span{font-family:var(--mono);color:#ffffffe6;opacity:0;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000052;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:700;transition:opacity .2s}.bento-color:hover .bento-color-swatch span{opacity:1}.bento-color:hover .bento-color-swatch:hover{flex-grow:2.2}.bento-feature-body{padding:16px 20px 20px}.bento-feature-body h2{letter-spacing:-.02em;margin-bottom:4px;font-size:20px;font-weight:700;line-height:1.3}.bento-feature-body p{color:var(--t2);max-width:340px;margin-bottom:10px;font-size:12px;line-height:1.5}.bento-feature-link{color:var(--accent);align-items:center;gap:7px;font-size:12px;font-weight:600;transition:gap .2s;display:inline-flex}.bento-feature-link svg{width:12px;height:12px}.bento-color:hover .bento-feature-link{gap:11px}.bento-cat{padding:0}.bento-cat-body{margin-top:auto;padding:14px 16px 16px}.bento-cat-body h3{letter-spacing:-.01em;margin:5px 0 3px;font-size:16px;font-weight:700;line-height:1.3}.bento-cat-body p{color:var(--t2);font-size:11px;line-height:1.45}.bento-typo-preview{flex:1;justify-content:center;align-items:center;gap:16px;min-height:96px;padding:18px 16px;display:flex;position:relative}.bento-typo-preview span{line-height:1;transition:color .3s,transform .3s}.bento-typo-h{color:var(--t0);font-size:clamp(30px,3vw,40px)}.bento-typo-b{color:var(--t1);opacity:.7;font-size:clamp(22px,2.2vw,30px)}.bento-typo-meta{font-family:var(--mono);color:var(--t3);white-space:nowrap;font-size:9px;font-weight:600;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.bento-typo:hover .bento-typo-h,.bento-typo:hover .bento-typo-b{color:var(--accent);transform:translateY(-2px)}.bento-typo:hover .bento-typo-b{transition-delay:50ms}.bento-fotd{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:150px;padding:24px 16px 16px;display:flex;position:relative}.bento-fotd-tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap;font-size:9px;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.bento-fotd-sample{color:var(--t0);font-size:clamp(52px,6vw,76px);line-height:1;transition:color .3s,transform .3s}.bento-fotd-name{color:var(--t1);font-size:clamp(16px,1.7vw,21px);line-height:1.1}.bento-fotd-cat{font-family:var(--mono);letter-spacing:.04em;color:var(--t3);font-size:9px;font-weight:600}.bento-fotd-weights{color:var(--t3);font-size:9px;font-weight:500}.bento-typo:hover .bento-fotd-sample{color:var(--accent);transform:translateY(-2px)}.bento-icons-quick{flex-wrap:wrap;flex:1;align-content:center;gap:8px;min-height:96px;padding:16px;display:flex}.bento-icons-empty{color:var(--t3);align-self:center;max-width:280px;font-size:12px;line-height:1.5}.bento-icons-cell{background:var(--bg-2);border:1px solid var(--border);width:42px;height:42px;color:var(--t1);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.bento-icons-cell:hover{background:var(--accent-bg);border-color:color-mix(in srgb,var(--accent) 24%,transparent);color:var(--accent);transform:translateY(-2px)}.bento-icons-cell.is-copied{border-color:var(--accent);color:var(--accent)}.bento-icons-cell svg{width:20px;height:20px}.bento-icons-cell img{width:22px;height:22px}.bento-icons-copied{font-family:var(--mono);letter-spacing:.04em;color:var(--accent-fg);background:var(--accent);white-space:nowrap;pointer-events:none;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.bento-img-preview{flex:1;grid-template-columns:repeat(3,1fr);gap:6px;min-height:96px;padding:14px;display:grid}.bento-img-cell{aspect-ratio:1;background:var(--bg-2);border:1px solid var(--border);color:var(--t2);border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.bento-img-cell svg{width:14px;height:14px}.bento-img:hover .bento-img-cell{background:var(--accent-bg);border-color:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.bento-img:hover .bento-img-cell:nth-child(2){transition-delay:40ms}.bento-img:hover .bento-img-cell:nth-child(3){transition-delay:80ms}.bento-img:hover .bento-img-cell:nth-child(4){transition-delay:.12s}.bento-img:hover .bento-img-cell:nth-child(5){transition-delay:.16s}.bento-img:hover .bento-img-cell:nth-child(6){transition-delay:.2s}.bento-docs{flex-direction:row;align-items:center;gap:24px;padding:18px 22px}.bento-docs-grid{flex-direction:column;flex:1;gap:6px;min-width:0;max-width:360px;display:flex}.bento-docs-row{align-items:center;gap:10px;display:flex}.bento-docs-num{font-family:var(--mono);color:var(--t3);text-align:right;min-width:22px;font-size:9px;font-weight:600;transition:color .3s}.bento-docs-bar{background:var(--bg-3);border-radius:3px;height:6px;transition:background .3s,width .4s cubic-bezier(.16,1,.3,1)}.bento-docs:hover .bento-docs-row:first-child .bento-docs-bar{background:var(--accent)}.bento-docs:hover .bento-docs-row:first-child .bento-docs-num{color:var(--accent)}.bento-docs:hover .bento-docs-row:nth-child(2) .bento-docs-bar{background:color-mix(in srgb,var(--accent) 60%,var(--bg-3))}.bento-docs .bento-cat-body{flex:1;min-width:0;margin-top:0;padding:0}.dash-section-title{font-family:var(--mono);color:var(--t2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.dash-recent-row{flex-wrap:wrap;gap:6px;display:flex}.dash-recent-item{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);color:var(--t1);align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex;text-decoration:none!important}.dash-recent-item:hover{background:var(--hvr);color:var(--t0);border-color:var(--bh)}.dash-recent-item:hover svg{color:var(--accent);transform:translate(2px)}.dash-recent-item svg{color:var(--t3);width:12px;height:12px;transition:all .2s}.dash-recent-dot{background:var(--accent);opacity:.5;border-radius:50%;width:5px;height:5px}.dash-recent-item:hover .dash-recent-dot{opacity:1}.dash-tools-header{justify-content:space-between;align-items:center;display:flex}.dash-tools-count{font-family:var(--mono);color:var(--t2);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.dash-tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px;display:grid}.dash-tool-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:inherit;box-shadow:var(--warm-shadow);align-items:center;gap:12px;padding:12px 14px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.dash-tool-card:before{display:none}.dash-tool-card:hover{border-color:var(--bh);transform:translateY(-1px)}.dash-tool-card.pinned{border-left:2px solid var(--accent)}.dash-tool-icon{border-radius:var(--radius-s);background:var(--bg-2);width:30px;height:30px;color:var(--t2);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.dash-tool-icon svg{width:14px;height:14px}.dash-tool-card:hover .dash-tool-icon{background:var(--accent-bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.dash-tool-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.dash-tool-name{color:var(--t0);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dash-tool-desc{color:var(--t2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dash-tool-pin{cursor:pointer;color:var(--t3);border-radius:var(--radius-s);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.dash-tool-pin:hover{background:var(--bg-3);color:var(--accent)}.dash-tool-card.pinned .dash-tool-pin{color:var(--accent)}.bento-pin-cell{color:inherit;text-decoration:none!important}.bento-pin-icon{flex:1;justify-content:center;align-items:center;min-height:96px;padding:18px;display:flex}.bento-pin-icon svg{width:40px;height:40px;color:var(--t3);transition:color .3s}.bento-pin-cell:hover .bento-pin-icon svg{color:var(--accent)}.bento-pin-cell:hover .bento-docs-bar{background:color-mix(in srgb,var(--accent) 40%,var(--bg-3))}.bento-pin-cell:hover .bento-docs-num{color:var(--t1)}.bento-empty{text-align:center;justify-content:center;align-items:center;padding:40px 20px!important}.bento-pin-cell{cursor:grab}.bento-pin-cell:active{cursor:grabbing}.bento-pin-cell.dragging{opacity:.4;transform:scale(.98)}.bento-pin-cell.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.bento-drop-active{outline:2px dashed color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:6px;border-radius:var(--radius-l)}.bento-drop-hint{border-radius:var(--radius-l);border:1.5px dashed color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--card));color:var(--accent);pointer-events:none;grid-column:span 6;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:13px;font-weight:600;display:flex}.bento-drop-hint svg{width:20px;height:20px}.nav-item-sub{cursor:grab}.nav-item-sub:active{cursor:grabbing}.nav-item-sub.is-pinned .nav-item-label{color:var(--accent)}@media (width>=981px){.main:has(.dash){padding-bottom:0}.dash{min-height:0;padding:16px 0}.bento{flex:1;grid-auto-rows:minmax(100px,auto);min-height:0}.bento-color-strip,.bento-fotd,.bento-icons-quick,.bento-typo-preview,.bento-img-preview,.bento-pin-icon,.bento-img-quick,.bento-docs-grid{min-height:0}}@media (width>=981px) and (height>=900px){.main:has(.dash){overflow:hidden}.dash{height:100%;overflow:hidden}.bento{grid-auto-rows:minmax(0,1fr)}}@media (width<=980px){.bento{grid-template-columns:repeat(2,1fr)}.bento-hero{grid-area:auto/span 2!important}.bento-time{grid-column:span 2!important}.bento-pin-cell{grid-area:span 1/span 1!important}}@media (width<=560px){.dash{gap:16px;padding:14px 0 28px}.bento{grid-template-columns:1fr;gap:10px}.bento-hero,.bento-time,.bento-pin-cell{grid-area:span 1/span 1!important}.bento-hero-top{flex-direction:column}.bento-hero-cta{align-self:flex-start}}@keyframes bentoIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}.bento.is-loading>.bento-card,.bento.has-entered>.bento-card{animation:none}.bento.is-ready:not(.has-entered)>.bento-card{animation:bentoIn var(--fl-reveal) cubic-bezier(.16,1,.3,1) backwards}.bento.is-ready:not(.has-entered)>.bento-card:first-child{animation-delay:0s}.bento.is-ready:not(.has-entered)>.bento-card:nth-child(2){animation-delay:calc(var(--fl-stagger)*1)}.bento.is-ready:not(.has-entered)>.bento-card:nth-child(3){animation-delay:calc(var(--fl-stagger)*2)}.bento.is-ready:not(.has-entered)>.bento-card:nth-child(4){animation-delay:calc(var(--fl-stagger)*3)}.bento.is-ready:not(.has-entered)>.bento-card:nth-child(5){animation-delay:calc(var(--fl-stagger)*4)}.bento.is-ready:not(.has-entered)>.bento-card:nth-child(6){animation-delay:calc(var(--fl-stagger)*5)}.bento.is-ready:not(.has-entered)>.bento-card:nth-child(7){animation-delay:calc(var(--fl-stagger)*6)}.bento.is-ready:not(.has-entered)>.bento-card:nth-child(8){animation-delay:calc(var(--fl-stagger)*7)}.bento.is-ready:not(.has-entered)>.bento-card:nth-child(9){animation-delay:calc(var(--fl-stagger)*8)}.bento.is-ready:not(.has-entered)>.bento-card:nth-child(10){animation-delay:calc(var(--fl-stagger)*9)}.bento-drop-hint{animation:none}.sk{background:var(--bg-2);border-radius:var(--radius-s);position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--t3) 9%,transparent) 50%,transparent 70%);animation:sk-shimmer var(--fl-shimmer-dur) ease-in-out infinite;background-size:200% 100%;position:absolute;inset:0}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-line{border-radius:var(--radius-xs);height:10px;display:block}.sk-line.w-40{width:40%}.sk-line.w-60{width:60%}.sk-line.w-80{width:80%}.sk-block{border-radius:var(--radius);flex:1;min-height:56px}.sk-hero-line{border-radius:var(--radius-s);width:min(62%,340px);height:1.2em;margin:0}.bento-card.sk-card{pointer-events:none}.sk-avatar{border-radius:var(--radius-pill);flex-shrink:0;width:32px;height:32px}.sk-avatar-name{border-radius:var(--radius-xs);width:84px;height:12px}.sk-nav-reserve{min-height:var(--sk-nav-h,0px)}.sk-navrow{border-radius:var(--radius-s);height:34px;margin:2px 0}.sk-chip{border-radius:var(--radius-xs);vertical-align:middle;width:128px;height:14px;display:inline-block}.sk-fotd{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:150px;padding:24px 16px 16px;display:flex}.sk-fotd-sample{border-radius:var(--radius-s);width:1.4em;height:clamp(52px,6vw,76px)}.sk-fotd-name{border-radius:var(--radius-xs);width:120px;height:18px}.sk-fotd-meta{border-radius:var(--radius-xs);width:64px;height:9px}.bento .sk-layer{transition:opacity var(--fl-reveal) ease}.bento.is-ready .sk-layer{opacity:0;pointer-events:none}@keyframes fl-name-in{0%{opacity:0;filter:blur(6px);transform:translateY(2px)}to{opacity:1;filter:blur();transform:none}}.bento-hero-name-in{animation:fl-name-in var(--fl-reveal) cubic-bezier(.16,1,.3,1) both}.bento-fotd-sample,.bento-fotd-name{transition:opacity var(--fl-reveal) ease}.bento-fotd.is-font-loading .bento-fotd-sample,.bento-fotd.is-font-loading .bento-fotd-name{opacity:0}html[data-reduced-motion=true] .sk:after{background:0 0;animation:none}html[data-reduced-motion=true] .bento.is-ready:not(.has-entered)>.bento-card,html[data-reduced-motion=true] .bento-hero-name-in{animation:none}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) .sk:after{background:0 0;animation:none}html:not([data-reduced-motion=false]) .bento.is-ready:not(.has-entered)>.bento-card,html:not([data-reduced-motion=false]) .bento-hero-name-in{animation:none}}@media (width>=981px) and (height<=900px){:root{--top-h:46px}.sidebar{padding-top:8px}.main>:first-child{padding-top:10px}.dash{gap:14px;padding:12px 0 24px}.bento{gap:10px}.bento-card{padding:16px}.bento-hero-title{font-size:clamp(20px,2.4vw,26px)}.bento-color-strip{min-height:96px}.bento-typo-preview,.bento-img-preview,.bento-fotd,.sk-fotd{min-height:78px}.sec-h{margin-bottom:20px}.sec-h h1{margin-bottom:8px;font-size:clamp(24px,4vw,36px)}.sec-h p{font-size:13px}.sub{margin-bottom:24px}.sub h2{font-size:16px}.cat-bento{gap:10px}.cat-bento-hero{min-height:auto;padding:20px}.cat-bento-hero-title{font-size:clamp(20px,3vw,28px)}.cat-bento-quick{padding:14px}}.docs-toc{z-index:50;background:color-mix(in srgb,var(--bg-1) 92%,transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;margin:-12px -16px 36px;padding:10px 16px 12px;transition:opacity .25s,transform .25s;position:sticky;top:0;transform:translateY(-8px)}.docs-toc.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.docs-toc-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t2);margin-bottom:8px;padding-left:2px;font-size:9px;font-weight:700}.docs-toc-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.docs-toc-track::-webkit-scrollbar{display:none}.docs-toc-item{background:var(--bg-2);border:1px solid var(--border);color:var(--t1);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex;text-decoration:none!important}.docs-toc-item:hover{background:var(--hvr);color:var(--t0);border-color:var(--bh)}.docs-toc-item.active{background:var(--accent-bg);border-color:var(--accent-soft);color:var(--accent);font-weight:600}.docs-toc-num{font-family:var(--mono);letter-spacing:.04em;color:var(--t3);font-size:10px;font-weight:700;transition:color .2s}.docs-toc-item.active .docs-toc-num{color:var(--accent)}.docs-toc-label{letter-spacing:-.01em}@media (width<=640px){.docs-toc{margin:-8px -12px 28px;padding:8px 12px 10px}.docs-toc-item{padding:6px 10px;font-size:11px}}.cat-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(168px,auto);gap:14px;margin-bottom:40px;display:grid}.cat-bento-hero{border-radius:var(--radius-l);background:var(--card-grad);border:1px solid var(--border);min-height:280px;box-shadow:var(--warm-shadow);color:inherit;isolation:isolate;flex-direction:column;grid-area:span 2/span 2;justify-content:flex-end;padding:88px 28px 28px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;text-decoration:none!important}.cat-bento-hero:before,.cat-bento-hero:after{display:none}.cat-bento-hero:hover{border-color:var(--bh)}.cat-bento-hero-icon{background:var(--accent-bg);border:1px solid var(--border);width:44px;height:44px;color:var(--accent);z-index:2;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;left:28px}.cat-bento-hero-eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t2);z-index:2;margin-bottom:10px;font-size:10px;font-weight:700;position:relative}.cat-bento-hero-title{font-family:var(--serif);letter-spacing:-.02em;z-index:2;margin-bottom:10px;font-size:clamp(26px,3.4vw,38px);font-weight:500;line-height:1.35;position:relative}.cat-bento-hero-desc{color:var(--t1);z-index:2;max-width:420px;margin-bottom:18px;font-size:14px;line-height:1.6;position:relative}.cat-bento-hero-cta{border-radius:var(--radius);background:var(--accent);color:var(--accent-fg);z-index:2;align-items:center;gap:8px;width:fit-content;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.cat-bento-hero:hover .cat-bento-hero-cta{opacity:.85;transform:translateY(-1px)}.cat-bento-card{border-radius:var(--radius-l);background:var(--card);border:1px solid var(--border);box-shadow:var(--warm-shadow);color:inherit;isolation:isolate;flex-direction:column;padding:18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;text-decoration:none!important}.cat-bento-card:before{display:none}.cat-bento-card:hover{border-color:var(--bh)}.cat-bento-card-head{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex;position:relative}.cat-bento-card-icon{background:var(--accent-bg);border:1px solid var(--border);width:34px;height:34px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.cat-bento-card-title{font-family:var(--serif);letter-spacing:-.01em;z-index:2;margin-bottom:6px;font-size:18px;font-weight:500;position:relative}.cat-bento-card-desc{color:var(--t1);z-index:2;flex:1;font-size:12.5px;line-height:1.6;position:relative}.cat-bento-card-cta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t1);z-index:2;margin-top:12px;font-size:10px;font-weight:700;position:relative}.cat-bento-pin{background:var(--bg-2);border:1px solid var(--border);color:var(--t2);cursor:pointer;opacity:.5;border-radius:var(--radius-s);z-index:3;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.cat-bento-pin:hover,.cat-bento-pin.pinned{opacity:1;color:var(--accent);border-color:var(--bh);background:var(--accent-bg)}.cat-bento-pin.sm{padding:6px;top:14px;right:14px}[data-theme=light] .cat-bento-pin{background:#fff9}.cat-bento-quick{border-radius:var(--radius-l);background:var(--card-grad);border:1px solid var(--border);box-shadow:var(--warm-shadow);flex-direction:column;grid-area:span 2/span 4;padding:22px;display:flex;position:relative;overflow:hidden}.cat-bento-quick-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.cat-bento-quick-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t0);font-size:11px;font-weight:700}.cat-bento-quick-meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);font-size:10px;font-weight:600}.cat-bento-quick-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.cat-bento-quick-item{border-radius:var(--radius);background:var(--bg-1);border:1px solid var(--border);color:inherit;cursor:pointer;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex;text-decoration:none!important}.cat-bento-quick-item:hover{background:var(--bg-2);border-color:var(--bh);transform:translate(2px)}.cat-bento-quick-item:hover svg{color:var(--accent);transform:translate(2px)}.cat-bento-quick-item svg{color:var(--t3);flex-shrink:0;margin-left:auto;transition:all .2s}.cat-bento-quick-num{font-family:var(--mono);color:var(--t3);letter-spacing:.06em;flex-shrink:0;font-size:10px;font-weight:700}.cat-bento-quick-text{flex:1;min-width:0}.cat-bento-quick-label{color:var(--t0);margin-bottom:2px;font-size:13px;font-weight:600}.cat-bento-quick-desc{color:var(--t2);font-size:11px;line-height:1.4}@media (width<=980px){.cat-bento{grid-template-columns:repeat(2,1fr)}.cat-bento-hero{grid-area:auto/span 2}.cat-bento-card{grid-column:span 1}.cat-bento-quick{grid-area:auto/span 2}}@media (width<=640px){.cat-bento{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px}.cat-bento-hero,.cat-bento-card,.cat-bento-quick{grid-column:span 1}.cat-bento-hero{min-height:240px;padding:72px 24px 24px}.cat-bento-hero-icon{width:36px;height:36px;top:20px;left:24px}.cat-bento-quick-grid{grid-template-columns:1fr}}.typo-community-section{margin-bottom:40px}.typo-section-header{margin-bottom:20px}.typo-section-header h2{font-family:var(--serif);letter-spacing:-.02em;color:var(--t0);margin-bottom:4px;font-size:clamp(22px,3vw,28px);font-weight:500}.typo-section-header p{color:var(--t2);font-size:13px;line-height:1.5}.typo-section-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-s);border:1px solid #a78bfa26;margin-bottom:10px;padding:4px 12px;font-size:9px;font-weight:700;display:inline-flex}.typo-fotm{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.typo-fotm-preview{background:var(--accent-bg);border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 28px;display:flex}.typo-fotm-name{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.typo-fotm-sample{color:var(--t0);font-size:72px;line-height:1}.typo-fotm-sample-text{color:var(--t1);text-align:center;max-width:280px;font-size:14px;line-height:1.5}.typo-fotm-info{flex-direction:column;gap:12px;padding:28px;display:flex}.typo-fotm-cat{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t3);border:1px solid var(--border);border-radius:var(--radius-s);width:fit-content;padding:3px 10px;font-size:10px;font-weight:600}.typo-fotm-why{color:var(--t1);font-size:13.5px;line-height:1.65}.typo-fotm-stats{gap:20px;display:flex}.typo-fotm-stat{flex-direction:column;gap:2px;display:flex}.typo-fotm-stat-num{font-family:var(--mono);color:var(--t0);font-size:18px;font-weight:700}.typo-fotm-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--t3);font-size:10px;font-weight:600}.typo-fotm-pairs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.typo-fotm-pairs-label{color:var(--t2);font-size:11px;font-weight:600}.typo-fotm-pair-chip{color:var(--t1);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);padding:3px 10px;font-size:11px;font-weight:500}.typo-fotm-cta{color:var(--accent);align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.typo-fotm-cta:hover{gap:12px}.typo-trending-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.typo-trending-card{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);color:inherit;flex-direction:column;padding:18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;text-decoration:none!important}.typo-trending-card:hover{border-color:var(--bh);transform:translateY(-2px)}.typo-trending-rank{font-family:var(--mono);color:var(--t3);letter-spacing:.04em;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}.typo-trending-preview{color:var(--t0);margin-bottom:12px;font-size:36px;line-height:1}.typo-trending-meta{margin-bottom:8px}.typo-trending-name{color:var(--t0);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.typo-trending-cat{color:var(--t3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.typo-trending-stats{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.typo-trending-count{font-family:var(--mono);color:var(--t2);font-size:10px;font-weight:600}.typo-pairs-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.typo-pair-card{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);color:inherit;flex-direction:column;padding:24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;text-decoration:none!important}.typo-pair-card:hover{border-color:var(--bh);transform:translateY(-2px)}.typo-pair-preview{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;margin-bottom:14px;padding-bottom:14px;display:flex}.typo-pair-heading{color:var(--t0);font-size:24px;line-height:1.2}.typo-pair-body{color:var(--t1);font-size:14px;line-height:1.5}.typo-pair-meta{justify-content:space-between;align-items:center;display:flex}.typo-pair-style{color:var(--t2);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.typo-pair-saves{font-family:var(--mono);color:var(--accent);align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.typo-view-all{color:var(--accent);align-items:center;gap:8px;font-size:12px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.typo-view-all:hover{gap:12px}.typo-current{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);flex-wrap:wrap;align-items:center;gap:24px;padding:28px;display:flex}.typo-current-font{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:140px;display:flex}.typo-current-role{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3);font-size:9px;font-weight:700}.typo-current-preview{color:var(--t0);line-height:1}.typo-current-name{color:var(--t0);font-size:13px;font-weight:600}.typo-current-weight{font-family:var(--mono);color:var(--t3);font-size:10px}.typo-current-divider{color:var(--t3);font-size:20px;font-weight:300}.typo-current-edit{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);color:var(--t0);align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.typo-current-edit:hover{border-color:var(--bh);background:var(--bg-3)}.typo-stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;gap:40px;margin-bottom:24px;padding:28px;display:flex}.typo-stat-item{flex-direction:column;align-items:center;gap:2px;display:flex}.typo-stat-num{font-family:var(--mono);color:var(--t0);letter-spacing:-.02em;font-size:20px;font-weight:700}.typo-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--t3);font-size:10px;font-weight:600}.typo-cta-footer{text-align:center;padding:24px 0 20px}.typo-cta-footer p{color:var(--t2);margin-bottom:12px;font-size:13px}.typo-cta-link{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--t0);align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.typo-cta-link:hover{border-color:var(--bh);background:var(--bg-2)}.typo-cta-link:hover svg{transform:translate(2px)}.typo-cta-link svg{transition:transform .2s}@media (width<=980px){.typo-fotm{grid-template-columns:1fr}.typo-fotm-preview{border-right:none;border-bottom:1px solid var(--border);padding:28px}.typo-trending-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.typo-trending-grid,.typo-pairs-grid{grid-template-columns:1fr}.typo-current{text-align:center;flex-direction:column;gap:16px}.typo-stats-bar{flex-wrap:wrap;gap:20px}.typo-fotm-sample{font-size:48px}}.cs-bento .cs-b-2{grid-column:span 2}.cs-bento .cs-b-3{grid-column:span 3}.cs-bento .cs-b-6{grid-column:span 6}@media (width<=980px){.cs-bento{grid-template-columns:repeat(4,1fr)!important}.cs-bento .cs-b-2{grid-column:span 2}.cs-bento .cs-b-3,.cs-bento .cs-b-6{grid-column:span 4}}@media (width<=640px){.cs-bento{grid-template-columns:1fr!important;gap:10px!important}.cs-bento .cs-b-2,.cs-bento .cs-b-3,.cs-bento .cs-b-6{grid-column:span 1}}.uip-layout{min-height:280px;display:flex}.uip-sidebar{flex-direction:column;flex-shrink:0;gap:3px;width:180px;padding:16px;display:flex}@media (width<=640px){.uip-layout{flex-direction:column}.uip-sidebar{border-bottom:1px solid var(--border);flex-flow:wrap;gap:6px;width:100%;padding:12px;border-right:none!important}}.uip-overlay{z-index:500;background:var(--scrim);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:flex-start;padding:clamp(16px,4vw,48px);animation:.18s cp-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.uip-modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:1080px;box-shadow:var(--warm-shadow-lg);flex-direction:column;max-height:calc(100dvh - clamp(32px,8vw,96px));animation:.24s cubic-bezier(.2,0,0,1) cp-rise;display:flex}.uip-modal-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.uip-modal-eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:10px;font-weight:700}.uip-modal-title{letter-spacing:-.02em;font-size:18px;font-weight:700}.uip-modal-head-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.uip-device{background:var(--bg-2);border-radius:var(--radius);gap:2px;padding:3px;display:flex}.uip-device-btn{cursor:pointer;border-radius:var(--radius-s);width:30px;height:26px;color:var(--t2);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.uip-device-btn:hover{color:var(--t0)}.uip-device-btn.is-active{background:var(--brand);color:var(--accent-fg)}.uip-canvas{width:100%;container-type:inline-size}@container (width<=560px){.uip-layout{flex-direction:column}.uip-sidebar{border-bottom:1px solid var(--border);flex-flow:wrap;gap:6px;padding:12px;border-right:none!important;width:100%!important}}.uip-rounding{background:var(--bg-2);border-radius:var(--radius);gap:4px;padding:3px;display:flex}.uip-rounding-btn{cursor:pointer;color:var(--t2);font-size:11px;font-weight:500;font-family:var(--font);background:0 0;border:none;padding:5px 14px;transition:all .15s}.uip-rounding-btn.is-active{background:var(--brand);color:var(--accent-fg);font-weight:600}.uip-close{background:var(--bg-2);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--t2);transition:all var(--t);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.uip-close:hover{background:var(--bg-3);color:var(--t0)}.uip-modal-body{padding:24px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=640px){.uip-modal-head,.uip-modal-body{padding:16px}}.hero-section{margin-bottom:40px;padding:8px 0 0;position:relative}.hero-eyebrow{font-family:var(--mono);letter-spacing:.06em;color:var(--t2);text-transform:uppercase;z-index:1;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.hero-eyebrow .dot{background:var(--ok);border-radius:50%;width:6px;height:6px}.hero-title{letter-spacing:-.045em;color:var(--t0);z-index:1;margin-bottom:18px;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.1;position:relative}.hero-title em{color:var(--accent);font-style:normal}.hero-sub{color:var(--t1);z-index:1;max-width:580px;font-size:18px;line-height:1.7;position:relative}.section-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;padding-bottom:14px;display:flex}.section-h h2{color:var(--t0);letter-spacing:-.005em;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.section-h h2 .num{font-family:var(--mono);color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-s);border:1px solid #7c5cfc1a;padding:3px 8px;font-size:11px;font-weight:600}.section-h .meta{font-family:var(--mono);color:var(--t2);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px;margin-bottom:36px;display:grid}.tool-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:inherit;min-height:136px;box-shadow:var(--warm-shadow);flex-direction:column;padding:20px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;text-decoration:none!important}.tool-tile:hover{box-shadow:var(--warm-shadow-lg);border-color:var(--bh);transform:translateY(-3px)}.tool-tile-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.tool-tile-icon{border-radius:var(--radius-s);background:var(--bg-2);border:1px solid var(--border);width:34px;height:34px;color:var(--t1);justify-content:center;align-items:center;transition:all .22s;display:flex}.tool-tile:hover .tool-tile-icon{background:var(--accent-bg);border-color:var(--accent-glow);color:var(--accent)}.tool-tile-icon svg{width:15px;height:15px}.tool-tile-pin{cursor:pointer;color:var(--t3);border-radius:var(--radius-s);transition:all var(--t);background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:8px;display:flex}.tool-tile-pin:hover{color:var(--t1);background:var(--bg-3)}.tool-tile-pin.pinned{color:var(--accent)}.tool-tile-pin.pinned svg{fill:var(--accent)}.tool-tile-label{color:var(--t0);letter-spacing:-.01em;margin-bottom:5px;font-size:14px;font-weight:600}.tool-tile-desc{color:var(--t2);flex:1;font-size:12px;line-height:1.55}.tool-tile-cat{font-family:var(--mono);color:var(--t3);letter-spacing:.06em;text-transform:uppercase;margin-top:12px;font-size:9px;font-weight:600}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cp-overlay{background:var(--scrim);-webkit-backdrop-filter:blur(6px);z-index:9998;justify-content:center;align-items:flex-start;padding-top:max(10vh,80px);animation:.14s cp-fade;display:flex;position:fixed;inset:0}@keyframes cp-fade{0%{opacity:0}to{opacity:1}}@keyframes cp-rise{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cp-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(640px,100vw - 32px);max-height:70vh;box-shadow:var(--warm-shadow-lg);flex-direction:column;animation:.2s cubic-bezier(.2,0,0,1) cp-rise;display:flex;overflow:hidden}.cp-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 22px;display:flex}.cp-input-wrap svg{color:var(--t2);flex-shrink:0}.cp-input{color:var(--t0);font-family:var(--font);letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:17px;font-weight:400}.cp-input::placeholder{color:var(--t3)}.cp-kbd{font-family:var(--mono);color:var(--t2);background:var(--bg-2);border-radius:var(--radius-s);border:1px solid var(--border);padding:3px 7px;font-size:10px}.cp-results{flex:1;padding:8px;overflow-y:auto}.cp-section-label{font-family:var(--mono);color:var(--t3);letter-spacing:.08em;text-transform:uppercase;padding:10px 14px 4px;font-size:10px;font-weight:600}.cp-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font);border-radius:var(--radius-s);color:var(--t1);transition:all var(--t);background:0 0;border:none;align-items:center;gap:12px;padding:10px 14px;display:flex}.cp-item:hover,.cp-item.active{background:var(--hvr);color:var(--t0)}.cp-item.active{box-shadow:inset 0 0 0 1px var(--accent-glow);outline:none}.cp-item-icon{border-radius:var(--radius-s);background:var(--bg-2);border:1px solid var(--border);width:30px;height:30px;color:var(--t1);transition:all var(--t);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cp-item.active .cp-item-icon{background:var(--accent-bg);border-color:var(--accent-glow);color:var(--accent)}.cp-item-icon svg{width:13px;height:13px}.cp-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cp-item-label{color:var(--t0);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.cp-item-desc{color:var(--t2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.cp-item-cat{font-family:var(--mono);color:var(--t3);letter-spacing:.06em;text-transform:uppercase;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:600}.cp-empty{text-align:center;color:var(--t2);padding:48px 20px;font-size:13px}.cp-footer{border-top:1px solid var(--border);background:var(--bg-2);color:var(--t2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:11px;display:flex}.cp-footer-keys{gap:14px;display:flex}.cp-footer-keys span{align-items:center;gap:6px;display:inline-flex}.cmdk-hint{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--t2);font-size:13px;font-family:var(--font);cursor:pointer;flex:1;align-items:center;gap:8px;min-width:320px;max-width:520px;padding:7px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.cmdk-hint:hover{border-color:var(--bh);color:var(--t1);background:var(--bg-2)}.cmdk-hint svg{color:var(--t3);flex-shrink:0}.cmdk-hint-text{text-align:left;flex:1}.cmdk-hint-keys{flex-shrink:0;gap:3px;display:inline-flex}.cmdk-hint-keys kbd{font-family:var(--mono);color:var(--t2);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);padding:2px 6px;font-size:10px;font-weight:600;line-height:1}.nav-switch{flex-shrink:0;position:relative}.nav-switch-trigger{align-items:center;gap:var(--s-2);background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--t0);font-family:var(--font);cursor:pointer;transition:border-color var(--t),background var(--t),color var(--t);padding:6px 10px 6px 12px;font-size:13px;font-weight:600;display:inline-flex}.nav-switch-trigger:hover{border-color:var(--bh);background:var(--bg-2)}.nav-switch-icon{width:16px;height:16px;color:var(--brand);flex-shrink:0}.nav-switch-trigger-label{white-space:nowrap}.nav-switch-chev{width:13px;height:13px;color:var(--t2);transition:transform var(--t);flex-shrink:0}.nav-switch-chev.open{transform:rotate(180deg)}.nav-switch-menu{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:288px;max-width:calc(100vw - 16px);box-shadow:var(--warm-shadow-lg);z-index:200;padding:6px;animation:.15s cubic-bezier(.2,0,0,1) cp-rise;position:absolute;top:calc(100% + 6px);left:0}.nav-switch-item{align-items:center;gap:var(--s-3);cursor:pointer;width:100%;font-family:var(--font);border-radius:var(--radius-s);transition:background var(--t);text-align:left;color:var(--t0);background:0 0;border:none;padding:9px 10px;display:flex}.nav-switch-item:hover{background:var(--hvr)}.nav-switch-item.is-current{background:var(--accent-bg)}.nav-switch-item.is-current:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.nav-switch-item-icon{width:18px;height:18px;color:var(--t0);flex-shrink:0;align-self:center}.nav-switch-item.is-current .nav-switch-item-icon{color:var(--accent)}.nav-switch-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nav-switch-item-label{color:var(--t0);font-size:13px;font-weight:600;line-height:1.2}.nav-switch-desc{color:var(--t1);font-size:11px;font-weight:400;line-height:1.35}.nav-switch-check{width:16px;height:16px;color:var(--accent);flex-shrink:0;align-self:center}.nav-switch-divider{background:var(--border);height:1px;margin:6px 4px}.nav-switch-link{align-items:center;gap:var(--s-3);cursor:pointer;width:100%;font-family:var(--font);color:var(--t0);border-radius:var(--radius-s);transition:background var(--t);text-align:left;background:0 0;border:none;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.nav-switch-link:hover{background:var(--hvr)}.nav-switch-link-icon{width:16px;height:16px;color:var(--t1);flex-shrink:0}html,body{max-width:100vw;overflow-x:clip}img,svg,video{max-width:100%;height:auto}@media (width<=1024px){.split>.side{flex:0 0 100%}.split{gap:16px}:root{--sw:220px}.sec-h{margin-bottom:36px}}@media (width<=980px){.split>*{flex:0 100%}.sec-h h1{line-height:1.25}.cat-bento-hero{min-height:260px;padding:80px 26px 26px}.cat-bento-hero-icon{top:22px;left:26px}.pl-gallery{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:14px}}@media (width<=860px){.sidebar{z-index:1000;width:min(280px,85vw);height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-101%);box-shadow:0 0 60px #0006}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:999}.topbar-hamburger{justify-content:center;width:44px;height:44px;display:flex!important}.topbar-tabs{display:none}html:has(body.menu-open){overflow:hidden}body.menu-open{overflow:hidden}.main{max-width:100%;padding:0 clamp(14px,4vw,32px) clamp(40px,8vw,80px)}.main>:first-child{padding-top:clamp(20px,4vw,40px)}.sec-h{margin-bottom:32px}.sec-h h1{font-size:clamp(28px,7vw,40px)}.sec-h p{font-size:14px}.sub h2{font-size:20px}.card{padding:22px}.card-i{padding:18px}.export-dropdown{border-radius:var(--radius-l) var(--radius-l) 0 0!important;width:100%!important;min-width:0!important;max-width:none!important;padding:14px 12px 28px!important;animation:.25s cubic-bezier(.16,1,.3,1) slideUp!important;position:fixed!important;inset:auto 0 0!important;box-shadow:0 -8px 32px #00000059!important}.export-dropdown:before{content:"";background:var(--bg-4);border-radius:2px;width:36px;height:4px;margin:0 auto 12px;display:block}.export-dropdown-item{min-height:44px;padding:14px 16px!important;font-size:13px!important}.nav-switch-trigger{justify-content:center;gap:0;width:44px;height:44px;padding:0}.nav-switch-trigger-label,.nav-switch-chev{display:none}.nav-switch-icon{width:18px;height:18px}.nav-switch-menu{border-radius:var(--radius-l) var(--radius-l) 0 0;width:100%;min-width:0;max-width:none;padding:14px 12px 28px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;inset:auto 0 0;box-shadow:0 -8px 32px #00000059}.nav-switch-menu:before{content:"";background:var(--bg-4);border-radius:2px;width:36px;height:4px;margin:0 auto 12px;display:block}.nav-switch-item,.nav-switch-link{min-height:44px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=640px){.topbar{gap:6px;padding:0 12px}.topbar-left{flex:1;gap:6px;min-width:0}.cmdk-hint{background:0 0;border-color:#0000;flex:none;justify-content:center;width:40px;height:40px;padding:8px;min-width:0!important;max-width:none!important}.cmdk-hint:hover{background:var(--bg-2);border-color:var(--border)}.cmdk-hint-text,.cmdk-hint-keys{display:none}.topbar-brand{flex:1;min-width:0}.topbar-title{text-overflow:ellipsis;font-size:14px;overflow:hidden}.topbar-btn-export,.topbar-preview-btn{padding:7px 10px;font-size:11px}.topbar-btn-export span,.topbar-btn-export-label{display:none}.topbar-icon-btn{justify-content:center;width:40px;height:40px;padding:0}.topbar-avatar{width:34px;height:34px;font-size:12px}.sec-h{margin-bottom:28px}.sec-h h1{font-size:clamp(26px,8vw,36px);line-height:1.25}.sec-h p{font-size:13.5px}.sub{margin-bottom:32px}.sub h2{font-size:19px}.card{border-radius:var(--radius);padding:18px}.card-i{padding:16px}.btn{min-height:44px;padding:10px 16px;font-size:12px}.btn-s{min-height:38px;padding:7px 12px;font-size:11px}.pt-t{min-height:44px;padding:10px 14px}.tool-mini-pin{min-width:44px;min-height:44px;padding:10px}.sidebar-user-action{min-width:44px;min-height:44px}.nav-item{min-height:44px}.nav-cat-toggle,.dash-tool-pin,.tool-tile-pin{min-width:44px;min-height:44px}.auth-links button{min-height:44px}.dash-tools-grid{grid-template-columns:1fr}.pal-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}.pal-swatch{min-height:140px;padding:14px}.ig{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.grad-presets{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))}.img-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))}.pl-gallery{grid-template-columns:1fr}.pl-toolbar{flex-direction:column;align-items:stretch}.pl-search-wrap{max-width:100%}.pl-add-btn{width:100%}.pl-chips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.pl-drop-zone{flex:100%}.btn-cat{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{padding:11px 14px;font-size:16px}.tint-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(min(56px,25% - 8px),1fr))!important}.tint-controls-grid{grid-template-columns:1fr!important;gap:12px!important}.cs-pillnav{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;max-width:100%;display:flex;overflow-x:auto}.cs-pillnav::-webkit-scrollbar{display:none}.cs-pillnav-item{scroll-snap-align:center;flex-shrink:0;min-height:44px}.cs-pb-adjust{grid-template-columns:repeat(2,1fr)}.fp{flex:100%!important;min-width:0!important}.ts-row{flex-wrap:wrap;align-items:flex-start;gap:8px}.ts-meta{flex-shrink:0;min-width:50px;font-size:9px}.comp-row{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.suggest-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.auth-card{border-radius:var(--radius-l);margin:0;padding:24px}.auth-container{padding:20px}.settings-grid{grid-template-columns:1fr;gap:20px}.settings-nav{-webkit-overflow-scrolling:touch;flex-direction:row;gap:2px;padding:4px;position:static;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{white-space:nowrap;flex-shrink:0;min-height:40px;padding:9px 14px;font-size:12.5px}.settings-section-h h2{font-size:24px}.settings-card-h,.settings-card-body,.settings-profile{padding-left:18px!important;padding-right:18px!important}.settings-profile{flex-wrap:wrap;gap:14px}.settings-profile-info{flex:calc(100% - 78px);min-width:0}.plan-grid{grid-template-columns:1fr}.plan-card{padding:22px}.plan-card-price-num{font-size:36px}.lang-grid{grid-template-columns:1fr}.storage-table thead{display:none}.storage-table,.storage-table tbody,.storage-table tr,.storage-table td{width:100%;display:block}.storage-table tr{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);margin-bottom:8px;padding:14px}.storage-table td{border:none;padding:4px 0}.storage-table td:first-child{padding-bottom:6px}.storage-table td:not(:last-child){border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:8px}.section-h{flex-wrap:wrap}.seg-cell{min-width:100px}.toast{max-width:none;bottom:12px;left:12px;right:12px}.admin-tabs{flex-wrap:wrap}}@media (width<=480px){.seg-bar{flex-direction:column}.seg-cell{border-right:none;border-bottom:1px solid var(--border)}.seg-cell:last-child{border-bottom:none}.topbar-title{display:none}.topbar-avatar{width:32px;height:32px;font-size:11px}.topbar-btn-export{display:none}.pal-grid{grid-template-columns:repeat(auto-fill,minmax(min(120px,50% - 4px),1fr))!important}.pal-swatch{min-height:120px;padding:12px}.ig{grid-template-columns:repeat(4,1fr)}.ic{min-height:72px;padding:14px 4px 10px}.ic span{font-size:8px}.img-grid,.grad-presets,.btn-cat{grid-template-columns:1fr}.tint-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(min(48px,25% - 4.5px),1fr))!important}.tint-swatch{padding-bottom:6px}.tint-swatch .stop-label{font-size:10px}.main{padding:0 12px 40px}.main>:first-child{padding-top:16px}.sec-h{margin-bottom:24px}.sec-h h1{font-size:clamp(24px,9vw,32px)}.auth-card{padding:22px 18px}.auth-header h1{font-size:24px}.settings-section-h h2{font-size:22px}.plan-card-price-num{font-size:32px}.nav-cat-toggle{width:28px;height:36px}.nav-item{min-height:42px;padding:11px 12px}.nav-cat-link{min-height:40px;padding:11px 10px}.cs-pillnav{top:var(--s-2)}.cs-pillnav-item{padding:7px 13px;font-size:12.5px}.cs-pb-swatch,.cs-pb-add{flex:1 1 calc(50% - var(--s-2));min-height:128px}.cs-pb-adjust{grid-template-columns:1fr}}@media (width<=380px){.topbar{gap:4px;padding:0 8px}.topbar-icon-btn,.cmdk-hint{width:36px;height:36px}.topbar-avatar{width:34px;height:34px}.topbar-logo{width:22px;height:22px}.main{padding:0 10px 36px}.main>:first-child{padding-top:14px}.card{padding:16px}.sec-h h1{font-size:24px}.pal-grid{grid-template-columns:repeat(2,1fr)!important}.ig{grid-template-columns:repeat(3,1fr)}.cs-pillnav{gap:0}.cs-pillnav-item{padding:6px 11px}}@media (hover:none){.cs-pb-tools{opacity:.85;transform:none}.cs-pb-gap-btn{opacity:.7;transform:scale(1)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--t3)}.settings-grid{grid-template-columns:240px 1fr;align-items:start;gap:48px;display:grid}.settings-nav{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);flex-direction:column;gap:1px;padding:6px;display:flex;position:sticky;top:24px}.settings-nav-item{border-radius:var(--radius-s);color:var(--t1);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);text-align:left;transition:all var(--t);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.settings-nav-item:hover{background:var(--hvr);color:var(--t0)}.settings-nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.settings-nav-item svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.settings-nav-item.active svg{opacity:1}.settings-content{flex-direction:column;gap:32px;min-width:0;display:flex}.settings-section-h{margin-bottom:16px}.settings-section-h h2{font-family:var(--serif);letter-spacing:-.02em;color:var(--t0);margin-bottom:6px;font-size:28px;font-weight:500;line-height:1.35}.settings-section-h p{color:var(--t2);max-width:520px;font-size:13.5px;line-height:1.6}.settings-card{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);padding:0;overflow:hidden}.settings-card-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.settings-card-h h3{letter-spacing:-.005em;color:var(--t0);font-size:14px;font-weight:600}.settings-card-h p{color:var(--t2);margin-top:2px;font-size:12px}.settings-card-body{padding:8px 24px}.settings-sync-alert{border:1px solid color-mix(in srgb,var(--warn) 35%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--warn) 9%,var(--bg-1));color:var(--t1);align-items:flex-start;gap:10px;margin:14px 0 2px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.settings-sync-alert svg{color:var(--warn);flex-shrink:0;margin-top:1px}.settings-sync-alert button{font-family:var(--font);color:var(--accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0;font-size:12px;font-weight:700}@media (width<=480px){.settings-sync-alert{flex-wrap:wrap}.settings-sync-alert button{margin-left:0}}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--t2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:11px;font-weight:600}.settings-row-value{color:var(--t0);font-size:14px}.settings-row-meta{color:var(--t2);margin-top:2px;font-size:12px;line-height:1.5}.settings-suggest-wrap{flex:1;min-width:0;position:relative}.settings-suggest-wrap input{width:100%}.settings-suggest{z-index:60;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);max-height:260px;box-shadow:var(--warm-shadow-lg);margin:0;padding:6px;list-style:none;animation:.15s cubic-bezier(.2,0,0,1) cp-rise;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.settings-suggest-item{border-radius:var(--radius-s);width:100%;font-family:var(--font);color:var(--t1);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:background var(--t);background:0 0;border:none;padding:8px 10px;font-size:13px;display:block;overflow:hidden}.settings-suggest-item.on{background:var(--bg-2);color:var(--t0)}.settings-suggest-item strong{color:var(--t0);font-weight:600}.sub-active{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.sub-active-top{align-items:center;gap:14px;min-width:0;display:flex}.sub-active-badge{background:var(--accent);color:var(--accent-fg);letter-spacing:.04em;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.sub-active-title{color:var(--t0);font-size:15px;font-weight:700}.sub-active-meta{color:var(--t2);margin-top:2px;font-size:12px;line-height:1.5}.sub-signin-note{color:var(--t2);margin-bottom:14px;font-size:13px}.sub-signin-note a{color:var(--accent);font-weight:600}.sub-billing-toggle{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.sub-billing-toggle button{color:var(--t2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;transition:all .18s;display:inline-flex}.sub-billing-toggle button.active{background:var(--card);color:var(--t0);box-shadow:var(--warm-shadow)}.sub-save{letter-spacing:.03em;color:var(--ok);background:color-mix(in srgb,var(--ok) 15%,transparent);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.sub-tiers{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:16px;display:grid}.sub-tier{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);flex-direction:column;gap:16px;padding:24px;display:flex;position:relative}.sub-tier-pro{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 16px 36px -18px color-mix(in srgb,var(--accent) 45%,transparent)}.sub-tier-flag{background:var(--accent);color:var(--accent-fg);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;right:20px}.sub-tier-head{flex-direction:column;gap:4px;display:flex}.sub-tier-top{align-items:center;gap:9px;display:flex}.sub-tier-icon{background:var(--bg-2);width:30px;height:30px;color:var(--t2);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sub-tier-name{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);font-size:12px;font-weight:700}.sub-tier-price{align-items:baseline;gap:7px;display:flex}.sub-tier-amount{letter-spacing:-.03em;color:var(--t0);font-size:32px;font-weight:800;line-height:1}.sub-tier-per{color:var(--t2);font-size:12px;font-weight:500}.sub-tier-sub{color:var(--accent);font-size:11px;font-weight:600}.sub-tier-list{flex-direction:column;flex:1;gap:9px;margin:0;padding:0;list-style:none;display:flex}.sub-tier-list li{color:var(--t1);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.sub-tier-list li strong{color:var(--t0)}.sub-check{color:var(--accent);box-sizing:content-box;border-radius:var(--radius-xs);background:var(--accent-bg);flex-shrink:0;padding:2px}.sub-tier-list .sub-check{margin-top:1px}.sub-tier-btn{justify-content:center;width:100%}.sub-tier-btn:disabled{opacity:.55;cursor:default}button.sub-tier-btn[aria-disabled=true]{background:var(--bg-2);color:var(--t1);border-color:var(--border);box-shadow:none;cursor:not-allowed}button.sub-tier-btn[aria-disabled=true]:hover{background:var(--bg-2);color:var(--t1);border-color:var(--border);box-shadow:none;transform:none}.sub-tier-foot{text-align:center;color:var(--t3);font-size:11px}@media (width<=680px){.sub-tiers{grid-template-columns:1fr}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;border-radius:var(--radius-s);background:var(--accent-strong);color:var(--accent-fg);font-family:var(--mono);font-size:var(--fs-body-s);padding:10px 16px;font-weight:600;text-decoration:none;transition:transform .18s;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 16px));box-shadow:0 8px 24px -8px #0006}.skip-link:focus{outline:2px solid var(--accent-fg);outline-offset:2px;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.plans-page{max-width:1120px}.plans-tiers{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:20px}.plans-tiers .sub-tier-pro{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--card));box-shadow:0 18px 42px -34px color-mix(in srgb,var(--accent) 65%,transparent)}.plans-tiers .sub-tier-pro .sub-tier-icon{background:color-mix(in srgb,var(--accent) 14%,var(--bg-2));color:var(--accent)}.plans-tiers .plans-free-card{background:var(--bg-1);box-shadow:none}.plans-tiers .plans-free-card .sub-tier-amount{color:var(--t1);font-size:26px}.plans-tiers .sub-tier-pro .sub-tier-name{color:var(--accent)}.plans-tiers .sub-tier-pro .sub-tier-amount{font-size:40px}.plans-card-intro{color:var(--t2);margin:0;font-size:13px;line-height:1.55}.plans-pro-intro{color:var(--t1);font-size:13.5px}.plans-price-slot{min-height:40px}.plans-price-slot .sub-tier-amount{min-width:5.5ch}.plans-price-slot .sub-tier-amount.is-loading{color:var(--t3)}.plans-price-detail{color:var(--t2);min-height:1.4em;font-size:11px;line-height:1.4}.plans-outcomes{flex:1;grid-template-columns:1.15fr 1fr 1fr;gap:10px;display:grid}.plans-outcome-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);padding:14px}.plans-outcome-group h2{color:var(--t0);margin:0 0 8px;font-size:12px;line-height:1.3}.plans-outcome-group p{color:var(--t2);margin:0;font-size:12px;line-height:1.5}.plans-outcome-metrics{flex-direction:column;gap:10px;display:flex}.plans-outcome-metrics div{flex-direction:column;gap:2px;display:flex}.plans-outcome-metrics strong{letter-spacing:-.02em;color:var(--accent);font-size:22px;line-height:1}.plans-outcome-metrics span{color:var(--t2);font-size:11px;line-height:1.35}.plans-price-retry{align-self:flex-start;margin-top:8px}.plans-unavailable-note{text-align:center;color:var(--t1);margin:0;font-size:12px;line-height:1.5}.plans-anchor{text-align:center;max-width:760px;font-size:var(--fs-body);color:var(--t1);margin:44px auto 0;line-height:1.55}.plans-anchor strong{color:var(--t0)}.plans-compare-wrap{-webkit-overflow-scrolling:touch;margin-top:20px;overflow-x:auto}.plans-compare-table{border-collapse:collapse;width:100%;min-width:520px;font-size:var(--fs-body-s)}.plans-compare-table th,.plans-compare-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.plans-compare-table thead th{font-family:var(--mono);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--t2)}.plans-compare-table td:first-child{color:var(--t1);font-weight:560}.plans-compare-table .pct-pro{background:var(--accent-bg);color:var(--t0);font-weight:600}.plans-compare-table thead .pct-pro{color:var(--accent)}.plans-compare-table .pct-none{color:var(--t3)}.plans-pro-banner{border-radius:var(--radius-l);background:color-mix(in srgb,var(--accent) 10%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--t1);align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}.plans-pro-banner svg{color:var(--accent);flex-shrink:0}.plans-pro-banner a{color:var(--accent);white-space:nowrap;font-weight:600}.plans-compare{text-align:center;color:var(--t1);min-height:1.4em;margin-top:8px;font-size:12px}.plans-compare span{margin-right:4px}.plans-trust{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:26px;padding-top:22px;display:flex}.plans-trust span{color:var(--t2);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.plans-trust .sub-check{color:var(--accent)}.plans-faq{max-width:720px;margin:44px auto 0}.plans-faq-h{letter-spacing:-.02em;text-align:center;color:var(--t0);margin-bottom:18px;font-size:20px;font-weight:700}.plans-faq-item{border-bottom:1px solid var(--border)}.plans-faq-q{width:100%;font-family:var(--font);color:var(--t0);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:16px 2px;font-size:15px;font-weight:600;transition:color .18s;display:flex}.plans-faq-q:hover{color:var(--accent)}.plans-faq-q svg{color:var(--t2);transition:transform .2s var(--ease-out);flex-shrink:0}.plans-faq-item.open .plans-faq-q svg{transform:rotate(180deg)}.plans-faq-a{color:var(--t1);padding:0 2px 18px;font-size:14px;line-height:1.6}@media (width<=900px){.plans-tiers,.plans-outcomes{grid-template-columns:1fr}}@media (width<=640px){.plans-compare-wrap{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}.plans-page .sub-billing-toggle{grid-template-columns:repeat(3,1fr);width:100%;padding:3px;display:grid}.plans-page .sub-billing-toggle button{justify-content:center;gap:4px;min-width:0;padding:8px 6px;font-size:12px}.plans-page .sub-save{display:none}.plans-page .sub-tier{padding:20px}}.checkout-page{max-width:1040px}.checkout-grid{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.checkout-summary{flex-direction:column;gap:14px;display:flex;position:sticky;top:24px}.checkout-summary-card{padding:22px}.checkout-plan-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.checkout-plan-name{color:var(--t0);font-size:16px;font-weight:700}.checkout-plan-cadence{color:var(--t2);margin-top:2px;font-size:12px}.checkout-plan-price{text-align:right;white-space:nowrap}.checkout-plan-amount{letter-spacing:-.03em;color:var(--t0);font-size:26px;font-weight:800;line-height:1;display:block}.checkout-plan-per{color:var(--t2);font-size:11px}.checkout-plan-note{color:var(--accent);margin-top:14px;font-size:11px;font-weight:600}.checkout-trial{border-radius:var(--radius);background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok);align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.checkout-features{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin:18px 0 0;padding:18px 0 0;list-style:none;display:flex}.checkout-features li{color:var(--t1);align-items:flex-start;gap:9px;font-size:13px;line-height:1.45;display:flex}.checkout-switch{margin-top:16px}.checkout-switch a{color:var(--accent);font-size:12px;font-weight:600;text-decoration:none}.checkout-switch a:hover{text-decoration:underline}.checkout-back{color:var(--t2);padding:4px 2px;font-size:13px;text-decoration:none}.checkout-back:hover{color:var(--t0)}.checkout-form{min-height:420px;padding:20px}.checkout-error{text-align:center;color:var(--t1);padding:24px;font-size:13px;line-height:1.6}.checkout-error code{font-family:var(--mono);background:var(--bg-2);border-radius:6px;padding:2px 6px;font-size:12px}.checkout-return{justify-content:center;padding:24px 0;display:flex}.checkout-return-card{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:460px;padding:40px 32px;display:flex}.checkout-return-card h2{letter-spacing:-.02em;color:var(--t0);margin-top:8px;font-size:22px;font-weight:700}.checkout-return-card p{color:var(--t2);max-width:380px;font-size:14px;line-height:1.6}.checkout-return-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.checkout-return-ref{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);flex-direction:column;align-items:center;gap:5px;max-width:100%;margin-top:14px;padding:12px 16px;display:flex}.checkout-return-ref-label{letter-spacing:.06em;text-transform:uppercase;color:var(--t3);font-size:10px;font-weight:700}.checkout-return-ref-code{color:var(--t1);word-break:break-all;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.4}.checkout-success-icon{background:color-mix(in srgb,var(--ok) 15%,transparent);width:64px;height:64px;color:var(--ok);border-radius:50%;justify-content:center;align-items:center;display:flex}.checkout-error-icon{background:color-mix(in srgb,var(--err,#e5484d) 14%,transparent);width:60px;height:60px;color:var(--err,#e5484d);border-radius:50%;justify-content:center;align-items:center;display:flex}.checkout-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite checkout-spin}@keyframes checkout-spin{to{transform:rotate(360deg)}}@media (width<=760px){.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}}.settings-profile{background:linear-gradient(135deg,var(--accent-bg),transparent);border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:24px;display:flex}.settings-profile-avatar{background:var(--avatar-grad);color:#fff;width:64px;height:64px;font-family:var(--serif);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:500;display:flex;overflow:hidden}.settings-profile-avatar img{object-fit:cover;width:100%;height:100%}.settings-avatar-btn{cursor:pointer;padding:0;position:relative}.settings-avatar-edit{color:#fff;opacity:0;transition:opacity var(--dur-2) var(--ease-out);background:#0000007a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settings-avatar-btn:hover .settings-avatar-edit,.settings-avatar-btn:focus-visible .settings-avatar-edit{opacity:1}.settings-avatar-remove{font-family:var(--font);color:var(--t3);cursor:pointer;text-underline-offset:2px;transition:color var(--dur-2) var(--ease-out);background:0 0;border:0;margin-top:4px;padding:0;font-size:12px;text-decoration:underline;display:inline-block}.settings-avatar-remove:hover{color:var(--t1)}.settings-profile-info{flex:1;min-width:0}.settings-profile-name{font-family:var(--serif);letter-spacing:-.015em;color:var(--t0);font-size:22px;font-weight:500;line-height:1.35}.settings-profile-email{color:var(--t2);margin-top:2px;font-size:13px}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:8px;padding:4px;display:grid}.lang-tile{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-1);color:var(--t1);cursor:pointer;font-family:var(--font);transition:all var(--t);text-align:left;align-items:center;gap:12px;padding:11px 14px;font-size:13px;font-weight:500;display:flex;position:relative}.lang-tile:hover{border-color:var(--bh);background:var(--bg-2);transform:translateY(-1px)}.lang-tile.active{border-color:var(--accent);background:var(--accent-bg);color:var(--t0);box-shadow:0 0 0 1px var(--accent),0 4px 16px var(--accent-glow)}.lang-flag{background:var(--bg-2);border:1px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:24px;font-size:18px;line-height:1;display:flex;overflow:hidden}.lang-tile.active .lang-flag{background:var(--card);border-color:var(--accent)}.lang-tile-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.lang-tile-label{color:var(--t0);font-size:13px;font-weight:600;line-height:1.2}.lang-tile-code{color:var(--t2);font-size:11px;line-height:1}.lang-tile.active .lang-tile-code{color:var(--accent)}.lang-tile-check{color:var(--accent);opacity:0;transition:opacity var(--t);flex-shrink:0}.lang-tile.active .lang-tile-check{opacity:1}.storage-table{border-collapse:collapse;width:100%;font-size:12.5px}.storage-table thead{background:var(--bg-2)}.storage-table th{text-align:left;color:var(--t2);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);padding:10px 14px;font-size:10px;font-weight:700}.storage-table td{border-bottom:1px solid var(--border);color:var(--t1);vertical-align:top;padding:12px 14px}.storage-table tr:last-child td{border-bottom:none}.storage-table .storage-key{font-family:var(--mono);color:var(--accent);white-space:nowrap;font-size:11px;font-weight:500}.storage-table .storage-purpose{color:var(--t1)}.storage-table .storage-pii{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.storage-pii.yes{color:var(--warn)}.storage-pii.no{color:var(--ok)}.storage-pii.local{color:var(--t2)}.danger-zone{border:1px dashed var(--err);border-radius:var(--radius);background:color-mix(in srgb, var(--err) 3%, transparent);margin-top:24px;padding:20px}.danger-zone-h{font-family:var(--mono);color:var(--err);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.danger-zone-h:before{content:"";background:var(--err);border-radius:50%;width:6px;height:6px}.danger-zone p{color:var(--t1);margin-bottom:14px;font-size:12.5px;line-height:1.6}@media (width<=900px){.settings-grid{grid-template-columns:1fr;gap:24px}.settings-nav{flex-direction:row;padding:4px;position:static;overflow-x:auto}.settings-nav-item{white-space:nowrap;flex-shrink:0}}.fg-page{max-width:1200px;margin:0 auto}.fg-hero{text-align:center;padding:48px 20px 32px}.fg-hero-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:10px;font-weight:700}.fg-hero-title{font-family:var(--serif);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(36px,5vw,60px);font-weight:600;line-height:1.25}.fg-hero-sub{color:var(--t2);max-width:480px;margin:0 auto;font-size:15px;line-height:1.6}.fg-featured{margin-bottom:40px}.fg-section-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t2);margin-bottom:14px;padding-left:2px;font-size:10px;font-weight:700}.fg-featured-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.fg-feat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:space-between;min-height:140px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.fg-feat-card:hover{border-color:var(--accent);box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}.fg-feat-large{grid-column:span 3;min-height:220px}.fg-feat-card:not(.fg-feat-large){grid-column:span 2}.fg-feat-tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);background:var(--bg-2);border-radius:var(--radius-s);border:1px solid var(--border);z-index:1;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;top:12px;right:14px}.fg-feat-text{flex:1;align-items:center;padding:20px 20px 10px;font-size:clamp(28px,3vw,40px);line-height:1.2;display:flex;overflow:hidden}.fg-feat-large .fg-feat-text{padding:28px 28px 12px;font-size:clamp(36px,4vw,56px)}.fg-feat-info{justify-content:space-between;align-items:baseline;padding:10px 20px 14px;display:flex}.fg-feat-name{color:var(--t0);font-size:12px;font-weight:600}.fg-feat-cat{font-family:var(--mono);color:var(--t2);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.fg-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.fg-filter-cats{flex-wrap:wrap;gap:4px;display:flex}.fg-cat-pill{border:1px solid var(--border);color:var(--t2);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);transition:all var(--t);white-space:nowrap;background:0 0;border-radius:100px;padding:7px 16px}.fg-cat-pill:hover{color:var(--t0);border-color:var(--bh)}.fg-cat-pill.active{background:var(--brand);border-color:var(--brand);color:var(--accent-fg);font-weight:600}.fg-search{background:var(--bg-2);border:1px solid var(--border);min-width:200px;transition:all var(--t);border-radius:100px;align-items:center;gap:8px;padding:7px 16px;display:flex}.fg-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.fg-search svg{color:var(--t3);flex-shrink:0}.fg-search input{color:var(--t0);font-family:var(--font);background:0 0;border:none;outline:none;width:100%;padding:0;font-size:13px}.fg-search input::placeholder{color:var(--t3)}.fg-count{font-family:var(--mono);color:var(--t2);letter-spacing:.02em;margin-bottom:16px;font-size:11px}.fg-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:40px;display:grid}.fg-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.fg-card:hover{border-color:var(--bh);box-shadow:var(--warm-shadow);transform:translateY(-1px)}.fg-card-wide{grid-column:span 2}.fg-card-preview{flex-direction:column;gap:8px;min-height:120px;padding:28px 20px 16px;display:flex}.fg-card-sample{letter-spacing:-.02em;font-size:52px;line-height:1}.fg-card-pangram{color:var(--t1);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.fg-card-meta{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:10px 20px 14px;display:flex}.fg-card-name{color:var(--t0);font-size:12px;font-weight:600}.fg-card-info{font-family:var(--mono);color:var(--t2);text-transform:capitalize;letter-spacing:.02em;font-size:9px}.fg-card-compare{z-index:2;background:var(--bg-0);border:1px solid var(--border);width:28px;height:28px;color:var(--t2);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .18s,transform .18s,background .18s,color .18s;display:flex;position:absolute;top:10px;right:10px;transform:scale(.9)}.fg-card:hover .fg-card-compare{opacity:1;transform:scale(1)}.fg-card-compare:hover{border-color:var(--bh);color:var(--t0)}.fg-card-compare.active{opacity:1;background:var(--brand);border-color:var(--brand);color:#fff;transform:scale(1)}.fg-card-comparing{border-color:var(--accent)}.fg-compare-tray{z-index:60;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:8px;padding:12px 14px;display:flex;position:sticky;bottom:14px}.fg-compare-tray-chips{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.fg-compare-tray-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t2);font-size:10px;font-weight:700}.fg-compare-chip{border:1px solid var(--border);background:var(--bg-2);color:var(--t0);cursor:pointer;transition:all var(--t);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.fg-compare-chip:hover{border-color:var(--accent);color:var(--accent)}.fg-compare-chip svg{opacity:.6}.fg-compare-tray-actions{flex-shrink:0;gap:8px;display:flex}.fg-compare{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:1100px;box-shadow:var(--warm-shadow-lg);padding:28px;animation:.3s cubic-bezier(.16,1,.3,1) fg-rise;position:relative}.fg-compare-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.fg-compare-title{letter-spacing:-.02em;margin-top:4px;font-size:clamp(20px,2.4vw,26px);font-weight:700}.fg-compare-close{position:static}.fg-compare-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:18px;display:flex}.fg-compare-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);min-width:200px;color:var(--t0);flex:1;padding:9px 12px;font-size:14px}.fg-compare-input:focus{border-color:var(--accent);outline:none}.fg-compare-control{font-family:var(--mono);color:var(--t2);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.fg-compare-control input[type=range]{width:120px}.fg-compare-toggle{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.fg-compare-toggle button{background:var(--bg-2);color:var(--t2);cursor:pointer;transition:all var(--t);border:none;padding:7px 12px;font-size:11px;font-weight:600}.fg-compare-toggle button.active{background:var(--brand);color:var(--accent-fg)}.fg-compare-cols{gap:14px;display:grid;overflow-x:auto}.fg-compare-col{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.fg-compare-col-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.fg-compare-col-name{color:var(--t0);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;font-size:13px;font-weight:700;overflow:hidden}.fg-compare-col-name:hover{color:var(--accent)}.fg-compare-col-remove{background:var(--bg-2);border:1px solid var(--border);width:24px;height:24px;color:var(--t2);cursor:pointer;transition:all var(--t);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fg-compare-col-remove:hover{border-color:var(--err);color:var(--err)}.fg-compare-meta{font-family:var(--mono);color:var(--t2);text-transform:capitalize;font-size:10px}.fg-compare-sample{letter-spacing:-.01em;word-break:break-word;min-height:80px;color:var(--t0);line-height:1.25}.fg-compare-charset{color:var(--t1);border-top:1px solid var(--border);padding-top:8px;font-size:15px;line-height:1.5}.fg-compare-copy{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--t1);cursor:pointer;transition:all var(--t);margin-top:auto;padding:7px;font-size:11px;font-weight:600}.fg-compare-copy:hover{border-color:var(--accent);color:var(--accent)}@media (width<=680px){.fg-compare{padding:18px}.fg-compare-cols{grid-auto-columns:minmax(200px,1fr);grid-auto-flow:column}}.fg-detail-overlay{background:var(--scrim);-webkit-backdrop-filter:blur(6px);z-index:1000;justify-content:center;align-items:flex-start;padding:40px 20px;animation:.2s fg-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fg-fade{0%{opacity:0}to{opacity:1}}.fg-detail{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:800px;box-shadow:var(--warm-shadow-lg);padding:40px;animation:.3s cubic-bezier(.16,1,.3,1) fg-rise;position:relative}@keyframes fg-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fg-detail-close{background:var(--bg-2);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--t2);transition:all var(--t);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.fg-detail-close:hover{background:var(--bg-3);color:var(--t0)}.fg-detail-hero{letter-spacing:-.03em;word-break:break-word;margin-bottom:20px;font-size:clamp(48px,6vw,80px);font-weight:700;line-height:1.2}.fg-detail-tags{flex-wrap:wrap;gap:6px;margin-bottom:32px;display:flex}.fg-tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);border:1px solid var(--border);border-radius:100px;padding:5px 12px;font-size:10px;font-weight:600}.fg-detail-section{margin-bottom:32px}.fg-detail-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:10px;font-weight:700}.fg-scale-row{border-bottom:1px solid var(--border);align-items:baseline;gap:16px;margin-bottom:6px;padding-bottom:6px;display:flex}.fg-scale-label{font-family:var(--mono);color:var(--t2);text-align:right;min-width:52px;font-size:10px;line-height:1.3}.fg-scale-label span{color:var(--t3);font-size:9px}.fg-scale-text{text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.2;overflow:hidden}.fg-weights-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.fg-weight-slider-row{align-items:center;gap:12px;display:flex}.fg-weight-slider-row input[type=range]{flex:1}.fg-weight-slider-val{font-family:var(--mono);color:var(--t1);text-align:right;min-width:36px;font-size:13px;font-weight:600}.fg-weight-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-s);text-align:center;transition:all var(--t);padding:16px}.fg-weight-card:hover{border-color:var(--bh)}.fg-weight-sample{margin-bottom:6px;font-size:36px;line-height:1.2}.fg-weight-num{font-family:var(--mono);color:var(--t2);font-size:10px}.fg-charset{letter-spacing:.02em;word-break:break-all;color:var(--t1);font-size:22px;line-height:1.8}.fg-paragraph{max-width:600px}.fg-detail-apply{flex-wrap:wrap;gap:10px;display:flex}.fg-detail-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;padding-top:12px;display:flex}.fg-blocked-banner{border-radius:var(--radius);background:color-mix(in srgb,var(--warn) 10%,var(--bg-0));border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);align-items:flex-start;gap:12px;margin:0 0 24px;padding:14px 16px;display:flex}.fg-blocked-banner>svg{color:var(--warn);flex-shrink:0;margin-top:1px}.fg-blocked-banner div{flex-direction:column;gap:4px;display:flex}.fg-blocked-banner strong{color:var(--t0);font-size:13px;font-weight:700}.fg-blocked-banner span{color:var(--t1);font-size:12.5px;line-height:1.55}.fg-blocked-banner code{font-family:var(--mono);background:var(--bg-2);color:var(--t0);border-radius:4px;padding:1px 5px;font-size:11.5px}.fg-blocked-retry{border:1px solid var(--brand);background:var(--brand-bg);color:var(--brand);cursor:pointer;border-radius:7px;align-self:flex-start;margin-top:4px;padding:5px 14px;font-size:12px;font-weight:600;transition:background .15s}.fg-blocked-retry:hover{background:var(--brand);color:#fff}.fg-loading-note{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);color:var(--t1);align-items:center;gap:10px;margin:0 0 24px;padding:12px 16px;font-size:12.5px;line-height:1.5;display:flex}.fg-loading-note-spinner{border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite fg-spin}.fg-pair-hint{color:var(--t2);margin:-8px 0 14px;font-size:12.5px;line-height:1.5}.fg-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fg-pair-card{border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--t);overflow:hidden}.fg-pair-card:hover{border-color:var(--bh)}.fg-pair-preview{background:var(--bg-1);flex-direction:column;gap:8px;min-height:120px;padding:18px;display:flex}.fg-pair-heading{letter-spacing:-.02em;color:var(--t0);font-size:26px;line-height:1.1}.fg-pair-body{color:var(--t1);font-size:13px;line-height:1.55}.fg-pair-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.fg-pair-name{color:var(--t1);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.fg-pair-apply{font-family:var(--font);border:1px solid var(--border);color:var(--t1);cursor:pointer;transition:all var(--t);background:0 0;border-radius:100px;flex-shrink:0;padding:6px 12px;font-size:11.5px;font-weight:600}.fg-pair-apply:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}@media (width<=640px){.fg-pair-grid{grid-template-columns:1fr}}.fg-loader{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.7s linear infinite fg-spin}@keyframes fg-spin{to{transform:rotate(360deg)}}.page-loading{opacity:.6;justify-content:center;align-items:center;width:100%;min-height:60vh;display:flex}.coming-wrap{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:520px;min-height:70vh;margin:0 auto;padding:24px;display:flex}.coming-emoji{margin-bottom:18px;font-size:56px;line-height:1;animation:.4s cubic-bezier(.2,0,0,1) cp-rise}.coming-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:700}.coming-title{letter-spacing:-.02em;color:var(--t0);margin:0 0 12px;font-size:clamp(24px,4vw,32px);font-weight:700;line-height:1.2}.coming-sub{color:var(--t2);margin:0 0 24px;font-size:14.5px;line-height:1.65}.coming-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.error-boundary{justify-content:center;align-items:center;width:100%;min-height:60vh;padding:24px;display:flex}.error-boundary-card{text-align:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:440px;padding:48px 40px}.error-boundary-card h2{font-family:var(--font);color:var(--t0);margin-bottom:8px;font-size:20px;font-weight:600}.error-boundary-card p{color:var(--t1);margin-bottom:24px;font-size:14px;line-height:1.6}.error-boundary-card button{background:var(--brand);color:#fff;font-family:var(--font);border-radius:var(--radius);cursor:pointer;transition:all var(--t);border:none;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.error-boundary-card button:hover{opacity:.85}@media (width<=980px){.fg-featured-grid{grid-template-columns:repeat(4,1fr)}.fg-feat-large,.fg-feat-card:not(.fg-feat-large){grid-column:span 2}.fg-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.fg-card-wide{grid-column:span 1}.fg-detail{padding:28px}}@media (width<=640px){.fg-hero{padding:32px 10px 20px}.fg-featured-grid{grid-template-columns:1fr 1fr;gap:8px}.fg-feat-large{grid-column:span 2}.fg-feat-card:not(.fg-feat-large){grid-column:span 1}.fg-feat-card{min-height:100px}.fg-feat-large{min-height:160px}.fg-filters{flex-direction:column;align-items:stretch}.fg-search{min-width:0}.fg-grid{grid-template-columns:1fr}.fg-detail{margin:0;padding:20px}.fg-detail-overlay{padding:20px 10px}.fg-detail-hero{font-size:36px}.fg-charset{font-size:16px}.fg-weights-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.fg-scale-row{flex-direction:column;gap:2px}.fg-scale-label{text-align:left;min-width:auto}}.alt-dropzone{border:2px dashed var(--border);border-radius:var(--radius-l);background:var(--bg-1);cursor:pointer;transition:all var(--t);color:var(--t2);flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:40px 20px;display:flex}.alt-dropzone:hover,.alt-dropzone.dragging{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.alt-dropzone-title{color:var(--t0);font-size:14px;font-weight:500}.alt-dropzone-sub{color:var(--t2);font-size:12px}.alt-options{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.alt-context{flex-direction:column;gap:6px;display:flex}.alt-context label{color:var(--t2);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.alt-context input{background:var(--inp);border:1px solid var(--border);border-radius:var(--radius);color:var(--t0);font-family:var(--font);transition:border-color var(--t),box-shadow var(--t);outline:none;padding:10px 14px;font-size:14px}.alt-context input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.alt-toolbar{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.alt-toolbar-info{color:var(--t1);font-size:13px}.alt-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.alt-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px;display:grid}.alt-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);transition:border-color var(--t);flex-direction:column;display:flex;overflow:hidden}.alt-card-error{border-color:var(--err)}.alt-card-preview{aspect-ratio:16/10;background:var(--bg-2);width:100%;position:relative;overflow:hidden}.alt-card-preview img{object-fit:cover;width:100%;height:100%;display:block}.alt-card-preview-pending{height:100%;color:var(--t2);justify-content:center;align-items:center;font-size:12px;display:flex}.alt-card-remove{color:#fff;cursor:pointer;width:28px;height:28px;transition:background var(--t);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.alt-card-remove:hover{background:#000000bf}.alt-card-body{flex-direction:column;gap:10px;padding:14px;display:flex}.alt-card-meta{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.alt-card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--t1);flex:1;font-weight:500;overflow:hidden}.alt-card-size{color:var(--t2);font-family:var(--mono);flex-shrink:0}.alt-card-status{color:var(--accent);font-size:12px;font-weight:500}.alt-card-error{color:var(--err);border-radius:var(--radius-s);background:#ef444414;border:1px solid #ef444433;padding:8px 10px;font-size:12px}.alt-card-text{background:var(--inp);border:1px solid var(--border);border-radius:var(--radius-s);color:var(--t0);font-family:var(--font);resize:vertical;min-height:64px;transition:border-color var(--t);outline:none;padding:10px 12px;font-size:13px;line-height:1.5}.alt-card-text:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.alt-card-actions{align-items:center;gap:8px;display:flex}.alt-card-count{font-family:var(--mono);color:var(--t2);flex:1;font-size:10px}.alt-card-count.over{color:var(--warn)}[data-rounding=none]{--radius:0px;--radius-s:0px;--radius-l:0px;--radius-xl:0px}[data-rounding=subtle]{--radius:6px;--radius-s:4px;--radius-l:8px;--radius-xl:12px}[data-rounding=default]{--radius-xs:3px;--radius-s:5px;--radius:7px;--radius-l:10px;--radius-xl:13px;--radius-2xl:18px}[data-rounding=pronounced]{--radius:28px;--radius-s:18px;--radius-l:40px;--radius-xl:9999px}[data-density=compact] .sec{padding:20px 16px}[data-density=compact] .card{padding:18px}[data-density=compact] .card-i{padding:14px}[data-density=compact] .settings-row{padding:10px 0}[data-density=compact] .nav-item{padding:7px 14px}[data-density=compact] .nav-icon-sub{display:none}[data-density=compact] .topbar{--top-h:46px;height:46px}[data-density=compact] .main{padding-top:0}.theme-pill{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.theme-pill-opt{color:var(--t2);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);transition:all var(--t);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;display:inline-flex}.theme-pill-opt:hover{color:var(--t0)}.theme-pill-opt.active{background:var(--card);color:var(--t0);box-shadow:var(--shadow);font-weight:600}.theme-pill-opt svg{width:14px;height:14px}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row-info{flex-direction:column;gap:2px;display:flex}.toggle-row-label{color:var(--t0);font-size:13px;font-weight:500}.toggle-row-meta{color:var(--t2);font-size:11px}.toggle-switch{background:var(--bg-4);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch.on{background:var(--brand)}.toggle-switch.on:after{transform:translate(20px)}.toggle-switch:hover{opacity:.85}.auth-gate-prompt{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-1);text-align:center;flex-direction:column;align-items:center;gap:14px;margin:16px 0;padding:32px 24px;display:flex}.auth-gate-icon{background:var(--accent-bg);width:48px;height:48px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-gate-text{color:var(--t1);font-size:14px;font-weight:500}.auth-gate-actions{flex-direction:column;gap:8px;width:100%;max-width:280px;display:flex}.auth-gate-actions .btn{justify-content:center;align-items:center;gap:8px;display:flex}.auth-gate-form{text-align:left;flex-direction:column;gap:10px;width:100%;max-width:300px;display:flex}.auth-gate-title{text-align:center;margin-bottom:4px;font-size:16px;font-weight:700}.auth-gate-error{color:var(--err);border-radius:var(--radius-s);text-align:center;background:#ef444414;padding:8px 12px;font-size:12px}.auth-gate-footer{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.auth-gate-google-link,.auth-gate-switch{font-family:var(--font);color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:2px 4px;font-size:12px;font-weight:600;display:flex}.auth-gate-google-link:hover,.auth-gate-switch:hover{text-decoration:underline}.auth-gate-sep{color:var(--t3);font-size:11px}.ic-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 16px;display:grid}.ic-stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.ic-stat-val{font-size:18px;font-weight:700;font-family:var(--mono);color:var(--t0)}.ic-stat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--t3);font-size:10px;font-weight:600}@media (width<=600px){.ic-stats{grid-template-columns:repeat(2,1fr)}}.ic-stats-wrap{margin:12px 0 16px}.ic-stats-wrap .ic-stats{margin:0}.ic-savings-bar{background:var(--bg-3);border-radius:99px;height:8px;margin-top:10px;overflow:hidden}.ic-savings-fill{background:var(--ok);border-radius:99px;height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.ic-empty{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);flex-direction:column;align-items:center;margin-top:16px;padding:32px 20px;display:flex}.ic-empty-icon{background:var(--brand-bg);width:60px;height:60px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.ic-empty-title{color:var(--t0);margin:0 0 8px;font-size:18px;font-weight:700}.ic-empty-text{color:var(--t2);max-width:440px;margin:0;font-size:13px;line-height:1.6}.ic-empty-text strong{color:var(--t1);font-weight:600}.ic-empty .ic-howto{text-align:left;max-width:520px;margin-top:24px}.ic-howto{flex-direction:column;gap:10px;margin-top:14px;display:flex}.ic-howto-step{color:var(--t1);gap:10px;font-size:12.5px;line-height:1.5;display:flex}.ic-howto-step span{background:var(--brand-bg);width:20px;height:20px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.proj-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.proj-search{flex:1;align-items:center;min-width:200px;max-width:340px;display:flex;position:relative}.proj-search svg{color:var(--t3);pointer-events:none;position:absolute;left:11px}.proj-search input{border:1px solid var(--border);background:var(--bg-1);width:100%;color:var(--t0);border-radius:9px;padding:9px 30px 9px 32px;font-size:13px}.proj-search input:focus{border-color:var(--brand);outline:none}.proj-search button{background:var(--bg-3);width:24px;height:24px;color:var(--t2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex;position:absolute;right:8px}.proj-sort{letter-spacing:.04em;text-transform:uppercase;color:var(--t3);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.proj-sort select{border:1px solid var(--border);background:var(--bg-1);color:var(--t1);cursor:pointer;border-radius:9px;padding:8px 10px;font-size:13px}.proj-count{color:var(--t2);margin-left:auto;font-size:12px;font-weight:500}.alt-examples{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);margin-top:18px;padding:20px}.alt-examples-title{letter-spacing:.03em;color:var(--t0);margin-bottom:14px;font-size:13px;font-weight:700}.alt-examples-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}@media (width<=560px){.alt-examples-grid{grid-template-columns:1fr}}.alt-example{border-radius:var(--radius-s);border:1px solid var(--border);padding:14px;position:relative}.alt-example.good{background:color-mix(in srgb,var(--ok) 8%,var(--bg-0));border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.alt-example.bad{background:color-mix(in srgb,var(--err) 7%,var(--bg-0));border-color:color-mix(in srgb,var(--err) 25%,transparent)}.alt-example-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:2px 8px;font-size:9px;font-weight:700}.alt-example.good .alt-example-tag{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.alt-example.bad .alt-example-tag{background:color-mix(in srgb,var(--err) 16%,transparent);color:var(--err)}.alt-example-text{color:var(--t0);margin:8px 0 6px;font-size:13px;line-height:1.5}.alt-example-why{color:var(--t2);font-size:11.5px;line-height:1.5}.alt-tips{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.alt-tips li{color:var(--t1);font-size:12.5px;line-height:1.55}.alt-tips code{font-family:var(--mono);background:var(--bg-2);border-radius:4px;padding:1px 5px;font-size:11px}.aipg-composer{flex-direction:column;gap:18px;padding:24px;display:flex}.aipg-ref-section{margin-bottom:16px}.aipg-ref-drop{border:1.5px dashed var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;margin-top:8px;padding:16px;transition:border-color .15s,background .15s;display:flex}.aipg-ref-drop:hover{border-color:var(--accent);background:var(--accent-bg)}.aipg-ref-preview{align-items:flex-start;gap:12px;margin-top:8px;display:flex}.aipg-scanned{background:var(--bg-1);border-radius:var(--radius);border:1px solid var(--border);margin-top:12px;padding:12px}.aipg-field{flex-direction:column;gap:6px;display:flex}.aipg-field label{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);font-size:11px;font-weight:700}.aipg-field textarea{background:var(--inp);border:1px solid var(--border);border-radius:var(--radius);color:var(--t0);font-family:var(--font);resize:vertical;transition:border-color var(--t),box-shadow var(--t);outline:none;padding:12px 14px;font-size:14px;line-height:1.5}.aipg-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.aipg-options{flex-wrap:wrap;gap:18px;display:flex}.aipg-option-group{flex-direction:column;gap:6px;display:flex}.aipg-option-label{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);font-size:11px;font-weight:700}.aipg-chips{flex-wrap:wrap;gap:6px;display:flex}.aipg-submit-row{align-items:center;gap:12px;display:flex}.aipg-hint{color:var(--t3);font-size:11px;font-family:var(--mono)}.aipg-error{color:var(--err);border-radius:var(--radius-s);background:#ef444414;border:1px solid #ef444433;padding:10px 14px;font-size:13px}.aipg-results{flex-direction:column;gap:14px;margin-top:24px;display:flex}.aipg-results-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.aipg-result{flex-direction:column;gap:12px;padding:18px;display:flex}.aipg-result-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.aipg-result-brief{color:var(--t2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.aipg-result-prompt{color:var(--t0);background:var(--bg-1);border-radius:var(--radius);border:1px solid var(--border);white-space:pre-wrap;font-size:14px;line-height:1.65;font-family:var(--font);padding:14px 16px}.aipg-result-actions{flex-wrap:wrap;gap:8px;display:flex}.aipg-tips{flex-direction:column;gap:10px;margin-top:16px;padding:18px;display:flex}.aipg-mode-toggle{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-m);gap:2px;margin-bottom:16px;padding:3px;display:inline-flex}.aipg-mode-btn{font-size:12px;font-weight:600;font-family:var(--font);color:var(--t2);cursor:pointer;border-radius:var(--radius-s);background:0 0;border:none;align-items:center;gap:7px;padding:8px 16px;transition:all .15s;display:inline-flex}.aipg-mode-btn:hover{color:var(--t0)}.aipg-mode-btn.active{color:var(--t0);background:var(--card);box-shadow:0 1px 3px #00000014}.aipg-mode-btn svg{flex-shrink:0}.aipg-builder{grid-template-columns:1fr 340px;align-items:start;gap:16px;display:grid}.aipg-builder-main{min-width:0}.aipg-field input{background:var(--inp);border:1px solid var(--border);border-radius:var(--radius);color:var(--t0);font-family:var(--font);transition:border-color var(--t),box-shadow var(--t);outline:none;padding:11px 14px;font-size:14px}.aipg-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.aipg-presets{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.aipg-preset{text-align:left;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-1);cursor:pointer;flex-direction:column;gap:3px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.aipg-preset:hover{border-color:var(--brand)}.aipg-preset.active{border-color:var(--brand);background:var(--brand-bg)}.aipg-preset-label{color:var(--t0);font-size:12.5px;font-weight:700}.aipg-preset-desc{color:var(--t2);font-size:10.5px;line-height:1.35}.aipg-rulecat{border-top:1px solid var(--border);padding-top:12px}.aipg-rulecat-head{cursor:pointer;width:100%;font-family:var(--font);color:var(--t0);background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.aipg-rulecat-arr{color:var(--t2);flex-shrink:0;transition:transform .2s}.aipg-rulecat-arr.open{transform:rotate(90deg)}.aipg-rulecat-label{letter-spacing:.04em;text-transform:uppercase;color:var(--t1);font-size:12px;font-weight:700}.aipg-rulecat-count{background:var(--accent);color:var(--accent-fg);border-radius:10px;margin-left:auto;padding:1px 8px;font-size:10px;font-weight:700}.aipg-rules{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.aipg-rule{font-size:12px;font-weight:500;font-family:var(--font);border:1px solid var(--border);background:var(--bg-1);color:var(--t1);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:6px 11px 6px 8px;transition:all .15s;display:inline-flex}.aipg-rule:hover{border-color:var(--brand);color:var(--t0)}.aipg-rule.active{border-color:var(--brand);background:var(--brand-bg);color:var(--brand)}.aipg-rule-check{border:1.5px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:all .15s;display:inline-flex}.aipg-rule.active .aipg-rule-check{background:var(--brand);border-color:var(--brand);color:#fff}.aipg-rule-check.radio{border-radius:50%}.aipg-rulecat-hint{letter-spacing:.04em;text-transform:uppercase;color:var(--t3);margin-left:6px;font-size:9px;font-weight:600}.aipg-builder-side{flex-direction:column;gap:12px;display:flex;position:sticky;top:16px}.aipg-preview{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.aipg-preview-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.aipg-json{font-family:var(--mono);color:var(--t1);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-s);white-space:pre;max-height:280px;margin:0;padding:12px;font-size:11.5px;line-height:1.6;overflow:auto}.aipg-preview-text{color:var(--t0);max-height:160px;font-size:13px;line-height:1.6;overflow-y:auto}.aipg-builder-actions{flex-wrap:wrap;gap:8px;display:flex}.aipg-builder-actions .btn-accent{flex:1}@media (width<=880px){.aipg-builder{grid-template-columns:1fr}.aipg-builder-side{position:static}}.app-footer{padding:var(--s-8) clamp(20px,4vw,48px) var(--s-5);border-top:1px solid var(--border);background:var(--bg-1)}.app-footer-inner{gap:var(--s-7) var(--s-8);grid-template-columns:minmax(240px,1.2fr) minmax(420px,1fr);max-width:1200px;margin:0 auto;display:grid}.app-footer-brand{align-items:flex-start;gap:var(--s-3);flex-direction:column;display:flex}.app-footer-mark{font-family:var(--serif);font-size:var(--fs-h3);letter-spacing:-.03em;color:var(--t0);font-weight:700}.app-footer-tagline{max-width:42ch;font-size:var(--fs-body-s);color:var(--t2);line-height:1.55}.app-footer-start{font-size:var(--fs-body-s);color:var(--t0);align-items:center;gap:8px;font-weight:650;text-decoration:none;display:inline-flex}.app-footer-start:hover{color:var(--accent);gap:12px;text-decoration:none}.app-footer-links{gap:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-footer-group{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.app-footer-group p{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--t2);margin-bottom:3px;font-weight:700}.app-footer-links a{font-size:var(--fs-caption);color:var(--t1);transition:color var(--t-fast);font-weight:500;text-decoration:none}.app-footer-links a:hover{color:var(--accent)}.app-footer-soon-link{font-size:var(--fs-caption);color:var(--t2);align-items:center;gap:6px;font-weight:500;display:inline-flex}.app-footer-soon-link em{border:1px solid var(--border);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t3);border-radius:999px;padding:2px 5px;font-size:8px;font-style:normal;font-weight:750}.home-export-soon{border:1px solid var(--border);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);border-radius:999px;margin-left:8px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:750;display:inline-flex}.app-footer-legal{justify-content:space-between;align-items:center;gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--border);font-size:var(--fs-caption);color:var(--t3);grid-column:1/-1;display:flex}.app-footer-copy{font-family:var(--mono)}.app-footer--compact{padding-block:var(--s-6) var(--s-4)}.app-footer--compact .app-footer-inner{gap:var(--s-5) var(--s-7);grid-template-columns:minmax(220px,.8fr) minmax(420px,1.2fr)}.app-footer--compact .app-footer-tagline{max-width:36ch}.app-footer--compact .app-footer-legal{padding-top:var(--s-4)}@media (width<=768px){.app-footer-inner,.app-footer--compact .app-footer-inner{grid-template-columns:minmax(0,1fr)}.app-footer-brand,.app-footer-links,.app-footer-group,.app-footer-legal{min-width:0}.app-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}.app-footer-legal{grid-column:auto}}@media (width<=480px){.app-footer-links{grid-template-columns:1fr 1fr}.app-footer-legal{flex-direction:column;align-items:flex-start}}.global-feedback-btn{z-index:80;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-1);color:var(--t1);cursor:pointer;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px -6px #0000004d}.global-feedback-btn:hover{background:var(--brand);border-color:var(--brand);color:var(--accent-fg);transform:translateY(-2px)}.global-feedback-btn svg{flex-shrink:0}@media (width<=640px){.global-feedback-btn span{display:none}.global-feedback-btn{padding:12px;bottom:14px;right:14px}}.fb-overlay{z-index:500;background:var(--scrim);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:20px;animation:.18s cp-fade;display:flex;position:fixed;inset:0}.fb-modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:520px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-l);flex-direction:column;animation:.22s cubic-bezier(.2,0,0,1) cp-rise;display:flex;overflow:hidden}.fb-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.fb-title{letter-spacing:-.01em;color:var(--t0);margin:0;font-size:17px;font-weight:700}.fb-close{border-radius:var(--radius-s);width:32px;height:32px;color:var(--t2);cursor:pointer;transition:background var(--t),color var(--t);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fb-close:hover{background:var(--hvr);color:var(--t0)}.fb-body{flex-direction:column;gap:16px;padding:20px 22px 22px;display:flex;overflow-y:auto}.fb-field{flex-direction:column;gap:6px;display:flex}.fb-label{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);font-size:11px;font-weight:600}.fb-optional{color:var(--t3);letter-spacing:0;text-transform:none;font-weight:400}.fb-required{color:var(--err)}.fb-types{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.fb-type{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);color:var(--t2);font-family:var(--font);cursor:pointer;transition:all var(--t);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 6px;font-size:12px;font-weight:600;display:flex}.fb-type:hover{border-color:var(--bh);color:var(--t1)}.fb-type.on{border-color:var(--brand);background:var(--brand-bg);color:var(--brand)}.fb-type svg{flex-shrink:0}.fb-selects{flex-direction:column;gap:14px;display:flex}.fb-select,.fb-input,.fb-textarea{width:100%}.fb-textarea{resize:vertical;min-height:110px;line-height:1.6}.fb-sending-as{color:var(--t3);font-size:11px}.fb-error{color:var(--err);background:color-mix(in srgb,var(--err) 10%,transparent);border:1px solid color-mix(in srgb,var(--err) 30%,transparent);border-radius:var(--radius-s);padding:10px 12px;font-size:12px}.fb-actions{justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.fb-success{text-align:center;flex-direction:column;align-items:center;padding:36px 24px 30px;display:flex}.fb-success-icon{background:color-mix(in srgb,var(--ok) 12%,transparent);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.fb-success-title{color:var(--t0);margin-bottom:8px;font-size:18px;font-weight:700}.fb-success-text{color:var(--t1);max-width:320px;margin-bottom:20px;font-size:13px;line-height:1.7}.fb-success-actions{gap:8px;display:flex}@media (width<=480px){.fb-overlay{align-items:flex-end;padding:0}.fb-modal{border-radius:var(--radius-l) var(--radius-l) 0 0;border-bottom:none;max-width:100%;max-height:92vh}.fb-types{grid-template-columns:repeat(2,1fr)}.fb-actions{flex-direction:column-reverse}.fb-actions .btn{justify-content:center;width:100%}}.state-preset-full{display:inline}.state-preset-short{display:none}@media (width<=640px){.state-preset-full{display:none}.state-preset-short{display:inline}}.uikit-intro-overlay{z-index:400;background:var(--scrim);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:20px;animation:.18s cp-fade;display:flex;position:fixed;inset:0}.uikit-intro{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:440px;box-shadow:var(--warm-shadow-lg);padding:28px;animation:.22s cubic-bezier(.2,0,0,1) cp-rise}.uikit-intro-eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:700}.uikit-intro-title{letter-spacing:-.02em;margin-bottom:10px;font-size:21px;font-weight:700;line-height:1.2}.uikit-intro-body{color:var(--t1);margin-bottom:18px;font-size:13.5px;line-height:1.65}.uikit-intro-steps{flex-direction:column;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.uikit-intro-steps li{color:var(--t2);align-items:center;gap:12px;font-size:13px;display:flex}.uikit-intro-steps li.is-current{color:var(--t0);font-weight:600}.uikit-intro-num{background:var(--bg-3);width:24px;height:24px;color:var(--t2);font-family:var(--mono);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.uikit-intro-steps li.is-current .uikit-intro-num{background:var(--accent);color:var(--accent-fg)}.uikit-intro .btn{justify-content:center;width:100%}.uikit-stepbar{z-index:60;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-l);max-width:560px;box-shadow:var(--warm-shadow-lg);justify-content:space-between;align-items:center;gap:16px;margin:32px auto 0;padding:14px 18px;display:flex;position:sticky;bottom:20px}.uikit-stepbar-progress{flex-direction:column;gap:8px;min-width:0;display:flex}.uikit-stepbar-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);font-size:11px;font-weight:700}.uikit-stepbar-dots{gap:6px;display:flex}.uikit-dot{background:var(--bg-3);border-radius:3px;width:24px;height:5px;transition:background .3s}.uikit-dot.is-done{background:color-mix(in srgb,var(--accent) 55%,var(--bg-3))}.uikit-dot.is-current{background:var(--accent)}.uikit-stepbar-next{flex-shrink:0}.uikit-stepbar-close{border-radius:var(--radius-s);border:1px solid var(--border);width:32px;height:32px;color:var(--t2);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.uikit-stepbar-close:hover{border-color:var(--bh);color:var(--t0);background:var(--hvr)}@media (width<=640px){.uikit-stepbar{flex-direction:column;align-items:stretch}.uikit-stepbar-next{justify-content:center}}.landing{--landing-serif:"Outfit",system-ui,sans-serif;--ease-out:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.4,0,.2,1);background:radial-gradient(ellipse 90% 55% at 50% -10%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 60%),var(--bg-0);min-height:100dvh;color:var(--t0);flex-direction:column;display:flex}.landing-nav{-webkit-backdrop-filter:blur(12px);z-index:50;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,64px);transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s;display:flex;position:sticky;top:0}.landing-nav-hidden{transform:translateY(-100%)}.landing-nav-solid{background:color-mix(in srgb,var(--bg-0) 92%,transparent);border-bottom-color:var(--border)}.landing-brand{flex-direction:column;line-height:1.1;display:flex}.landing-brand-mark{font-family:var(--serif);letter-spacing:-.02em;font-size:20px;font-weight:600}.landing-brand-sub{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t2);font-size:9px;font-weight:600}.landing-nav-actions{align-items:center;gap:10px;display:flex}.landing-tools-menu{position:relative}.landing-tools-trigger{border:1px solid var(--border);height:38px;color:var(--t1);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:5px;padding:0 14px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.landing-tools-trigger:hover,.landing-tools-trigger.open{background:var(--brand-bg);border-color:var(--brand);color:var(--brand)}.landing-tools-chev{transition:transform .2s}.landing-tools-trigger.open .landing-tools-chev{transform:rotate(180deg)}.landing-tools-panel{background:var(--bg-1);border:1px solid var(--border);z-index:60;border-radius:16px;grid-template-columns:repeat(2,minmax(220px,1fr));gap:8px 28px;padding:22px 24px;animation:.18s cubic-bezier(.16,1,.3,1) landing-tools-in;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px -12px #0006}@keyframes landing-tools-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.landing-tools-col{break-inside:avoid;flex-direction:column;gap:1px;display:flex}.landing-tools-cat{color:var(--t0);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:7px 10px;font-size:11px;font-weight:700;transition:background .15s;display:flex}.landing-tools-cat svg{color:var(--brand)}.landing-tools-cat:hover{background:var(--bg-2)}.landing-tools-item{color:var(--t1);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:flex-start;gap:10px;padding:9px 10px;transition:background .15s,color .15s;display:flex}.landing-tools-item svg{color:var(--t3);flex-shrink:0;margin-top:2px;transition:color .15s}.landing-tools-item-text{flex-direction:column;gap:2px;display:flex}.landing-tools-item-name{font-size:13px;font-weight:700;line-height:1.3}.landing-tools-item-desc{color:var(--t2);font-size:11px;font-weight:400;line-height:1.45}.landing-tools-item:hover{background:var(--brand-bg);color:var(--brand)}.landing-tools-item:hover svg{color:var(--brand)}.landing-tools-item:hover .landing-tools-item-desc{color:color-mix(in srgb,var(--brand) 70%,var(--t2))}@media (width<=640px){.landing-tools-menu{display:none}}.landing-theme{border:1px solid var(--border);background:var(--card);width:38px;height:38px;color:var(--t1);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.landing-theme:hover{border-color:var(--bh);color:var(--t0)}.landing-main{flex-direction:column;flex:1;gap:clamp(80px,9vw,140px);width:100%;max-width:1100px;margin:0 auto;padding:0 clamp(20px,5vw,64px) 64px;display:flex}.landing-hero-wrap{isolation:isolate;--px:0;--py:0;position:relative}.landing-hero-bg{z-index:-1;pointer-events:none;border-radius:32px;position:absolute;inset:-18% -8% -8%;overflow:hidden}.landing-hero-grid{background-image:linear-gradient(var(--bh) 1px,transparent 1px),linear-gradient(90deg,var(--bh) 1px,transparent 1px);opacity:.32;transform:translate3d(calc(var(--px)*-10px),calc(var(--py)*-10px),0);background-position:50%;background-size:48px 48px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 32%,#000 10%,#0000 72%);mask-image:radial-gradient(70% 60% at 50% 32%,#000 10%,#0000 72%)}[data-theme=light] .landing-hero-grid{opacity:.7}.landing-hero-orb{filter:blur(96px);will-change:transform;border-radius:50%;transition:transform .55s cubic-bezier(.16,1,.3,1);position:absolute}.landing-hero-orb-1{aspect-ratio:1;opacity:.22;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 50%,transparent),transparent 70%);width:clamp(300px,40vw,520px);transform:translate3d(calc(var(--px)*30px),calc(var(--py)*30px),0);margin-left:-20vw;top:-22%;left:50%}[data-theme=light] .landing-hero-orb-1{opacity:.2}.landing-hero-glow{background:radial-gradient(ellipse 70% 50% at 50% 0%,color-mix(in srgb,var(--brand) 14%,transparent) 0%,transparent 70%);transform:translate3d(calc(var(--px)*-10px),calc(var(--py)*-10px),0);transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}[data-theme=light] .landing-hero-glow{background:radial-gradient(ellipse 56% 46% at 50% 30%,color-mix(in srgb,var(--brand) 5%,transparent),transparent 72%)}@media (prefers-reduced-motion:reduce){.landing-hero-orb,.landing-hero-glow,.landing-hero-grid{transition:none;transform:none}}.landing-hero{text-align:center;flex-direction:column;align-items:center;max-width:820px;margin:0 auto;padding-top:clamp(64px,10vw,128px);display:flex;position:relative}.landing-eyebrow{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.landing-eyebrow-live{color:var(--brand-soft);background:var(--brand-bg);border-color:color-mix(in srgb,var(--brand) 30%,transparent)}[data-theme=light] .landing-eyebrow-live{color:var(--brand)}.landing-live-dot{background:var(--brand);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 70%,transparent);border-radius:50%;animation:2.2s ease-out infinite landing-live-pulse}@keyframes landing-live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 60%,transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.landing-title{font-family:var(--font);letter-spacing:-.03em;color:var(--t0);margin-bottom:22px;font-size:clamp(44px,6.5vw,72px);font-weight:600;line-height:1.04}.landing-title em{color:var(--t1);font-style:normal;font-weight:600}.landing-lede{color:var(--t1);max-width:620px;margin-bottom:34px;font-size:clamp(16px,1.7vw,19px);line-height:1.65}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:14px;display:flex}.landing-cta-primary{background:var(--brand);border-color:var(--brand);color:var(--accent-fg);box-shadow:0 2px 4px #0000001a,0 8px 18px -6px color-mix(in srgb,var(--brand) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--brand) 40%,transparent) inset;padding:15px 30px;font-size:15px;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .2s}.landing-cta-primary:hover{background:var(--brand-soft);border-color:var(--brand-soft);box-shadow:0 4px 8px #0000001f,0 12px 24px -6px color-mix(in srgb,var(--brand) 32%,transparent),0 0 0 1px color-mix(in srgb,var(--brand) 50%,transparent) inset;transform:translateY(-2px)}.landing-cta-secondary{padding:15px 30px;font-size:15px}.landing-cta-note{color:var(--t2);font-size:12px;font-family:var(--mono);letter-spacing:.02em}.landing-trust{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%;max-width:560px;margin-top:28px;padding-top:22px;display:flex}.landing-trust-item{color:var(--t2);font-size:13px;font-weight:400}.landing-trust-item strong{color:var(--t0);font-weight:700;font-family:var(--mono)}.landing-trust-dot{background:var(--t3);border-radius:50%;width:3px;height:3px}@media (width<=560px){.landing-trust-dot{display:none}.landing-trust{gap:8px 16px}}.landing-hero-graphic{perspective:800px;justify-content:center;gap:16px;margin-top:48px;display:flex;position:relative}.landing-hero-card{background:color-mix(in srgb,var(--card) 70%,transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bh);border-radius:var(--radius-l);width:160px;box-shadow:0 18px 48px -16px #0000008c,0 0 0 1px var(--brand-bg) inset;flex-direction:column;gap:10px;padding:14px;animation:4s ease-in-out infinite hero-float;display:flex}.landing-hero-card-1{animation-delay:0s;transform:translateY(0)}.landing-hero-card-2{animation-delay:.7s}.landing-hero-card-3{animation-delay:1.4s}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-hero-card-bar{background:var(--bg-3);border-radius:3px;width:60%;height:6px}.landing-hero-card-swatches{gap:6px;display:flex}.landing-hero-card-swatches span{border-radius:6px;width:24px;height:24px}.landing-hero-card-lines{flex-direction:column;gap:6px;display:flex}.landing-hero-card-lines span{background:var(--bg-3);border-radius:3px;height:5px}.landing-hero-card-lines span:first-child{width:100%}.landing-hero-card-lines span:nth-child(2){width:75%}.landing-hero-card-lines span:nth-child(3){width:50%}.landing-hero-card-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.landing-hero-card-grid span{aspect-ratio:1;background:var(--bg-3);border-radius:4px}@media (width<=640px){.landing-hero-graphic{gap:10px}.landing-hero-card{width:110px;padding:10px}}@media (prefers-reduced-motion:reduce){.landing-hero-card{animation:none}}.landing-bento-section{width:100%;max-width:1120px;margin:0 auto}.landing-bento-head{margin-bottom:clamp(28px,4vw,48px)}.landing-bento-head h2{font-family:var(--landing-serif);font-optical-sizing:auto;letter-spacing:-.02em;margin-top:6px;font-size:clamp(28px,3.6vw,42px);font-weight:500;line-height:1.1}.landing-bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.landing-bento-tile{text-align:left;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--ring);cursor:pointer;font-family:var(--font);color:var(--t0);flex-direction:column;grid-column:span 6;align-items:flex-start;min-height:172px;padding:24px;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.landing-bento-tile:hover{border-color:var(--bh);box-shadow:var(--ring),0 12px 32px -16px #0009;transform:translateY(-2px)}.landing-bento-tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.landing-bento-icon{border-radius:var(--radius-s);background:var(--accent-bg);width:38px;height:38px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.landing-bento-icon svg{width:20px;height:20px}.landing-bento-label{font-family:var(--mono);letter-spacing:.1em;color:var(--t3);margin-bottom:8px;font-size:10.5px;font-weight:600}.landing-bento-title{letter-spacing:-.015em;color:var(--t0);margin-bottom:8px;font-size:20px;font-weight:600;line-height:1.3}.landing-bento-body{color:var(--t1);flex:1;margin:0;font-size:14px;line-height:1.6}.landing-bento-cta{color:var(--accent);font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.04em;opacity:.85;align-items:center;gap:6px;margin-top:18px;transition:opacity .18s;display:inline-flex}.landing-bento-tile:hover .landing-bento-cta{opacity:1}@media (width>=768px){.landing-bento-c2{grid-column:span 2}.landing-bento-c3{grid-column:span 3}.landing-bento-c4{grid-column:span 4}}.landing-highlights{grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);display:grid}.landing-highlight{border-radius:var(--radius-l);background:var(--card);border:1px solid var(--border);flex-direction:column;gap:16px;padding:28px;transition:border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.16,1,.3,1);display:flex}.landing-highlight:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));box-shadow:0 12px 32px -8px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(-2px)}.landing-highlight-icon{background:var(--brand-bg);border:1px solid color-mix(in srgb,var(--brand) 18%,transparent);width:52px;height:52px;color:var(--brand);border-radius:14px;justify-content:center;align-items:center;margin-bottom:4px;transition:background .25s,border-color .25s;display:flex}.landing-highlight:hover .landing-highlight-icon{background:color-mix(in srgb,var(--brand) 14%,transparent);border-color:color-mix(in srgb,var(--brand) 28%,transparent)}.landing-highlight-icon svg{width:24px;height:24px}.landing-highlight h3{letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1.3}.landing-highlight p{color:var(--t1);font-size:13.5px;line-height:1.75}.landing-pricing{flex-direction:column;gap:32px;display:flex}.landing-pricing-head{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:640px;margin:0 auto;display:flex}.landing-pricing-head h2{font-family:var(--landing-serif);font-optical-sizing:auto;letter-spacing:-.025em;font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.2}.landing-pricing-head p{color:var(--t1);font-size:14px;line-height:1.65}.landing-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;width:100%;max-width:840px;margin:0 auto;display:grid}.landing-tier{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--ring);flex-direction:column;gap:14px;padding:28px;display:flex;position:relative}.landing-tier-free{opacity:.85}.landing-tier-featured{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--bg-1);box-shadow:var(--ring),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),0 -40px 80px -60px var(--accent-glow)}.landing-tier-featured:before{content:"";border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 50%,transparent),color-mix(in srgb,var(--accent) 12%,transparent) 35%,transparent 65%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-tier-badge{background:var(--accent);color:var(--accent-fg);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-11px;left:28px}.landing-tier-badge svg{flex-shrink:0}.landing-tier-name{letter-spacing:.04em;text-transform:uppercase;color:var(--t2);font-size:13px;font-weight:700}.landing-tier-price{align-items:baseline;gap:8px;display:flex}.landing-tier-amount{letter-spacing:-.03em;color:var(--t0);font-size:clamp(32px,4vw,42px);font-weight:800}.landing-tier-period{color:var(--t2);font-size:13px;font-weight:500}.landing-tier-note{color:var(--accent);margin-top:-8px;font-size:12px;font-weight:600}.landing-tier-tagline{color:var(--t1);font-size:13.5px;line-height:1.55}.landing-tier-features{flex-direction:column;flex:1;gap:9px;margin:0;padding:0;list-style:none;display:flex}.landing-tier-features li{color:var(--t1);align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.45;display:flex}.landing-tier-features li svg{color:var(--accent);flex-shrink:0;margin-top:2px}.landing-tier-feature-head{margin-top:2px;font-weight:700;color:var(--t0)!important}.landing-tier-cta{justify-content:center;width:100%;margin-top:4px}.landing-tier-cta:disabled{opacity:.6;cursor:default}.landing-pricing-foot{text-align:center;color:var(--t3);font-size:12px;font-family:var(--mono);letter-spacing:.02em}@media (width<=680px){.landing-pricing-grid{grid-template-columns:1fr}}.landing-icontool{flex-direction:column;gap:24px;display:flex}.landing-icontool-head{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:600px;margin:0 auto;display:flex}.landing-icontool-head h2{font-family:var(--landing-serif);font-optical-sizing:auto;letter-spacing:-.025em;font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.2}.landing-icontool-head p{color:var(--t1);font-size:14px;line-height:1.65}.landing-icontool-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:760px;box-shadow:var(--warm-shadow);flex-direction:column;gap:16px;margin:0 auto;padding:20px;display:flex}.landing-icontool-search{border:1px solid var(--border);background:var(--bg-1);color:var(--t2);border-radius:999px;align-items:center;gap:12px;padding:0 18px;transition:border-color .2s,box-shadow .2s;display:flex}.landing-icontool-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.landing-icontool-search svg{flex-shrink:0;transition:color .2s}.landing-icontool-search input{color:var(--t0);font-size:15px;font-family:var(--font);background:0 0;border:none;flex:1;min-width:0;padding:14px 0}.landing-icontool-search input:focus{outline:none}.landing-icontool-search input::placeholder{color:var(--t3)}.landing-icontool-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.landing-icontool-cell{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-0);color:var(--t1);cursor:pointer;justify-content:center;align-items:center;transition:all .16s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.landing-icontool-cell:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--warm-shadow);transform:translateY(-2px)}.landing-icontool-cell.is-copied{border-color:var(--ok);color:var(--ok)}.landing-icontool-copied{background:color-mix(in srgb,var(--ok) 16%,var(--bg-0));color:var(--ok);border-radius:var(--radius-s);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing-icontool-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.landing-icontool-hint{color:var(--t3);font-size:12px;font-family:var(--mono);letter-spacing:.02em}.landing-icontool-cta{border-radius:var(--radius-l);align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex}.landing-icontool-cta svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.landing-icontool-cta:hover svg{transform:translate(3px)}@media (width<=560px){.landing-icontool-footer{text-align:center;flex-direction:column-reverse;align-items:stretch}.landing-icontool-cta{justify-content:center}}.landing-closing{text-align:center;background:color-mix(in srgb,var(--accent) 4%,var(--bg-0));border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));border-radius:var(--radius-xl);flex-direction:column;align-items:center;gap:18px;padding:clamp(48px,8vw,80px) clamp(24px,5vw,48px);display:flex;position:relative;overflow:hidden}.landing-closing:before{content:"";background:radial-gradient(ellipse 60% 70% at 50% 100%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%);pointer-events:none;position:absolute;inset:0}.landing-closing h2{font-family:var(--landing-serif);font-optical-sizing:auto;letter-spacing:-.02em;font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.1;position:relative}.landing-closing p{color:var(--t1);max-width:520px;font-size:15px;line-height:1.65;position:relative}.landing-closing .landing-cta-row{position:relative}.landing-closing-badge{border-radius:var(--radius-l);background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);width:48px;height:48px;color:var(--accent);justify-content:center;align-items:center;display:flex;position:relative}.landing-screenshot-hero{border-radius:var(--radius-l);border:1px solid var(--border);margin-top:-20px;position:relative;overflow:hidden;box-shadow:0 24px 48px -12px #0000002e}.landing-screenshot-hero img{width:100%;height:auto;display:block}.landing-footer{border-top:1px solid var(--border);padding:56px clamp(20px,5vw,64px) 32px}.landing-footer-inner{flex-direction:column;gap:32px;max-width:1100px;margin:0 auto;display:flex}.landing-footer-inner>:first-child{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.landing-footer-brand{flex-direction:column;gap:4px;display:flex}.landing-footer-mark{font-family:var(--serif);letter-spacing:-.02em;color:var(--t0);font-size:18px;font-weight:600}.landing-footer-tagline{color:var(--t3);font-size:12px}.landing-footer-cols{flex-wrap:wrap;gap:48px;display:flex}.landing-footer-col{flex-direction:column;gap:8px;min-width:120px;display:flex}.landing-footer-col-title{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:4px;font-size:10px;font-weight:700}.landing-footer-col a,.landing-footer-link-btn{color:var(--t2);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);text-align:left;background:0 0;border:none;padding:0;text-decoration:none;transition:color .15s}.landing-footer-col a:hover,.landing-footer-link-btn:hover{color:var(--accent)}.landing-footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.landing-footer-copy{color:var(--t3);font-size:12px;font-family:var(--mono);letter-spacing:.02em}.landing-footer-copy a{color:var(--t2);font-weight:600;text-decoration:none}.landing-footer-copy a:hover{color:var(--accent)}.landing-footer-donate{color:var(--t2);align-items:center;gap:6px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.landing-footer-donate:hover{color:var(--accent)}@media (width<=640px){.landing-footer-cols{flex-direction:column;gap:24px}.landing-footer-bottom{text-align:center;flex-direction:column}}@keyframes ci-fade{0%{opacity:0}to{opacity:1}}.cs-undo-toast{z-index:1000;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 16px;animation:.15s ci-fade;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000040}.cs-undo-toast span{color:var(--t0);font-size:13px;font-weight:500}.cs-undo-toast button{font-family:var(--font);color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;transition:background .15s}.cs-undo-toast button:hover{background:var(--bg-2)}.cs-undo-dismiss{color:var(--t3)!important;padding:4px 6px!important;font-size:16px!important}.cs-brand-scroll{scroll-behavior:smooth;scrollbar-width:thin;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.cs-brand-scroll::-webkit-scrollbar{height:6px}.cs-brand-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.grad-bento{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-flow:dense;gap:10px;display:grid}.grad-bento-card{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:all var(--t);flex-direction:column;display:flex;overflow:hidden}.grad-bento-card:hover{border-color:var(--accent);box-shadow:var(--warm-shadow)}.grad-bento-card.wide{grid-column:span 2}.grad-bento-preview{height:90px;transition:height .15s}.grad-bento-card.wide .grad-bento-preview{height:110px}.grad-bento-info{background:var(--card);flex:1;padding:10px 12px}.grad-bento-name{color:var(--t0);margin-bottom:6px;font-size:12px;font-weight:600}.grad-bento-stops{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.grad-bento-stop{align-items:center;gap:3px;display:inline-flex}.grad-bento-dot{border:1px solid var(--border);border-radius:3px;flex-shrink:0;width:10px;height:10px}.grad-bento-hex{font-family:var(--mono);color:var(--t2);font-size:8px;font-weight:600}.grad-bento-pos{font-family:var(--mono);color:var(--t3);font-size:7px}.grad-bento-arrow{color:var(--t3);font-size:9px}@media (width<=700px){.grad-bento-card.wide{grid-column:span 1}.grad-bento{grid-template-columns:1fr}}.landing .btn{border-radius:var(--radius-l)}.landing .btn-accent:hover{opacity:1;background:var(--brand-soft);box-shadow:0 4px 16px var(--brand-glow)}.landing-billing-toggle{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;align-self:center;gap:2px;padding:4px;display:inline-flex;position:relative}.landing-billing-thumb{background:var(--accent);z-index:0;border-radius:999px;width:calc(50% - 4px);transition:transform .32s cubic-bezier(.16,1,.3,1);position:absolute;top:4px;bottom:4px;left:4px}.landing-billing-toggle[data-interval=yearly] .landing-billing-thumb{transform:translate(100%)}.landing-billing-opt{z-index:1;cursor:pointer;font-family:var(--font);color:var(--t2);white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 22px;font-size:13px;font-weight:600;transition:color .25s;display:inline-flex;position:relative}.landing-billing-opt.is-active{color:var(--accent-fg)}.landing-billing-save{letter-spacing:.02em;background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.landing-billing-opt.is-active .landing-billing-save{background:color-mix(in srgb,var(--accent-fg) 22%,transparent);color:var(--accent-fg)}.landing .btn:not(.btn-accent):hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg);transform:translateY(-1px)}.landing .landing-signin:hover{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.landing-demo{flex-direction:column;gap:12px;min-height:200px;padding:20px;display:flex}.landing-demo-palette{flex-direction:column;gap:8px;display:flex}.landing-demo-icons{grid-template-columns:repeat(3,1fr);gap:8px;padding:20px;display:grid}.landing-demo-icon{aspect-ratio:1;border-radius:var(--radius-s);background:var(--bg-2);border:1px solid var(--border);color:var(--t2);cursor:default;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);animation:3s ease-in-out infinite landing-icon-pulse;display:flex}@keyframes landing-icon-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.landing-demo-icon{animation:none}}.landing-demo-icon:hover{background:var(--accent-bg);border-color:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);transform:scale(1.05)}.landing-demo-icon svg{width:22px;height:22px}.landing-demo-tokens{flex-direction:column;gap:10px;padding:20px;display:flex}.landing-demo-palette-head{justify-content:space-between;align-items:center;display:flex}.landing-demo-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);font-size:10px;font-weight:700}.landing-demo-shuffle{border:1px solid var(--border);color:var(--t2);font-size:10px;font-weight:600;font-family:var(--font);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;transition:all .2s;display:inline-flex}.landing-demo-shuffle:hover{border-color:var(--accent);color:var(--accent)}.landing-demo-shuffle:active{transform:scale(.95)}.landing-demo-input{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);color:var(--t0);font-size:13px;font-family:var(--font);width:100%;padding:8px 11px}.landing-demo-input:focus{border-color:var(--accent);outline:none}.landing-demo-pal-row{border-radius:var(--radius);height:120px;display:flex;overflow:hidden}.landing-demo-pal-swatch{cursor:pointer;justify-content:center;align-items:flex-end;padding-bottom:10px;transition:flex .35s cubic-bezier(.16,1,.3,1);display:flex}.landing-demo-pal-hex{font-family:var(--mono);color:#ffffffeb;-webkit-backdrop-filter:blur(8px);white-space:nowrap;background:#0000005c;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:700;transition:opacity .2s}.landing-demo-pal-labels{gap:6px;display:flex}.landing-demo-pal-label{text-align:center;font-size:9px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--t3);flex:1;font-weight:600}.landing-demo-pal-tints{gap:4px;margin-top:4px;display:flex}.landing-demo-pal-tint{border-radius:3px;flex:1;height:24px;transition:background .4s}.landing-demo-pal-caption{font-size:9px;font-family:var(--mono);color:var(--t3);letter-spacing:.08em;text-transform:uppercase;text-align:center;font-weight:600}.landing-demo-tok-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:4px;font-size:9px;font-weight:700}.landing-demo-tok-row{cursor:default;align-items:center;gap:10px;display:flex}.landing-demo-tok-label{font-family:var(--mono);min-width:28px;font-size:10px;font-weight:600;transition:color .2s}.landing-demo-tok-bar{border-radius:3px;min-width:8px;height:6px;transition:all .3s cubic-bezier(.16,1,.3,1)}.landing-demo-tok-px{font-family:var(--mono);color:var(--t3);font-size:9px;font-weight:600}.landing-demo-tok-radius{gap:6px;margin-top:8px;display:flex}.landing-demo-tok-chip{background:var(--bg-2);border:1px solid var(--border);width:28px;height:28px;transition:all .2s}.landing-demo-tok-caption{font-family:var(--mono);color:var(--t3);letter-spacing:.04em;font-size:9px;font-weight:600}.landing-demo-type{gap:14px}.landing-type-tabs{flex-wrap:wrap;gap:6px;display:flex}.landing-type-tab{border:1px solid var(--border);color:var(--t2);font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;transition:all .2s;display:inline-flex}.landing-type-tab span{color:var(--t3);font-weight:500}.landing-type-tab:hover{border-color:var(--bh);color:var(--t1)}.landing-type-tab.is-active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.landing-type-tab.is-active span{color:var(--accent)}.landing-type-stage{flex-direction:column;flex:1;justify-content:center;gap:16px;min-height:140px;display:flex}.landing-type-row{flex-direction:column;gap:5px;display:flex}.landing-type-role{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:9px;font-weight:700}.landing-type-h{color:var(--t0);word-break:break-word;font-size:clamp(28px,3.6vw,42px);line-height:1.05;transition:font-family .3s}.landing-type-b{color:var(--t1);margin:0;font-size:14px;line-height:1.65;transition:font-family .3s}.landing-type-note{color:var(--t2);align-items:center;gap:7px;font-size:11.5px;line-height:1.45;display:flex}.landing-type-note:before{content:"";background:var(--t2);border-radius:50%;flex-shrink:0;width:6px;height:6px}.landing-reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.landing-reveal.is-shown{opacity:1;transform:none}.landing-bento .landing-bento-tile,.landing-highlights .landing-highlight{opacity:0;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.4,0,.2,1),border-color .25s,box-shadow .25s}.landing-bento.is-shown .landing-bento-tile,.landing-highlights.is-shown .landing-highlight{opacity:1}.landing-bento.is-shown .landing-bento-tile:nth-child(2),.landing-highlights.is-shown .landing-highlight:nth-child(2){transition-delay:70ms,0s,0s,0s}.landing-bento.is-shown .landing-bento-tile:nth-child(3),.landing-highlights.is-shown .landing-highlight:nth-child(3){transition-delay:.14s,0s,0s,0s}.landing-bento.is-shown .landing-bento-tile:nth-child(4){transition-delay:.21s,0s,0s,0s}.landing-bento.is-shown .landing-bento-tile:nth-child(5){transition-delay:.28s,0s,0s,0s}.landing-bento.is-shown .landing-bento-tile:nth-child(6){transition-delay:.35s,0s,0s,0s}@media (prefers-reduced-motion:reduce){.landing-reveal{opacity:1;transition:none;transform:none}.landing-bento .landing-bento-tile,.landing-highlights .landing-highlight{opacity:1;transition:border-color .25s,box-shadow .25s}.landing-bento.is-shown .landing-bento-tile,.landing-highlights.is-shown .landing-highlight{transition-delay:0s}}.landing-stats{background:var(--border);border-radius:var(--radius-l);border:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.landing-stat{background:var(--card);flex-direction:column;align-items:center;gap:4px;padding:clamp(20px,3vw,32px) 16px;display:flex}.landing-stat-num{letter-spacing:-.03em;color:var(--t0);font-variant-numeric:tabular-nums;font-size:clamp(28px,4vw,42px);font-weight:650;line-height:1}.landing-stat-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t2);font-size:10px;font-weight:700}.landing-sticky-head{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:600px;margin:0 auto 48px;display:flex}.landing-sticky-head h2{font-family:var(--landing-serif);font-optical-sizing:auto;letter-spacing:-.02em;font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.1}.landing-sticky-head p{color:var(--t1);font-size:14px;line-height:1.65}.landing-sticky-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,5vw,64px);display:grid}.landing-sticky-steps{flex-direction:column;display:flex}.landing-sticky-step{opacity:.2;flex-direction:column;justify-content:center;gap:14px;min-height:60vh;padding:24px 0;transition:opacity .5s cubic-bezier(.16,1,.3,1);display:flex}.landing-sticky-step.is-active{opacity:1}.landing-sticky-step:last-child{min-height:40vh}.landing-sticky-num{font-family:var(--mono);letter-spacing:.1em;color:var(--accent);font-size:12px;font-weight:700}.landing-sticky-step h3{font-family:var(--landing-serif);font-optical-sizing:auto;letter-spacing:-.02em;font-size:clamp(22px,2.8vw,30px);font-weight:500;line-height:1.2}.landing-sticky-step p{color:var(--t1);max-width:400px;font-size:14px;line-height:1.7}.landing-sticky-visual{align-self:start}.landing-sticky-visual-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow-lg);height:min(560px,70vh);position:sticky;top:96px;overflow:hidden}.landing-sticky-demo{opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.landing-sticky-demo{transition:none}}.landing-sticky-demo.is-active{opacity:1;pointer-events:auto;position:relative}@media (width<=880px){.landing-highlights{grid-template-columns:1fr;gap:28px}.landing-sticky-grid{grid-template-columns:1fr}.landing-sticky-visual{margin-bottom:32px}.landing-sticky-visual-card{height:auto;position:relative;top:auto}.landing-sticky-step{opacity:1;min-height:auto;padding:32px 0}.landing-sticky-step:last-child{min-height:auto}.landing-sticky-demo{opacity:1;pointer-events:auto;position:relative}.landing-sticky-demo:not(.is-active){display:none}}@media (width<=520px){.landing-cta-row{flex-direction:column;align-items:stretch;width:100%}.landing-cta-primary,.landing-cta-secondary{justify-content:center;width:100%}.landing-stats{grid-template-columns:repeat(2,1fr)}}.onb{background:var(--bg-0);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.onb-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:640px;box-shadow:var(--warm-shadow-lg);padding:36px;position:relative;overflow:hidden}.onb-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.onb-brand{font-family:var(--serif);letter-spacing:-.02em;color:var(--t0);font-size:18px;font-weight:600}.onb-skip{color:var(--t2);font-size:13px;font-family:var(--font);cursor:pointer;border-radius:var(--radius-s);transition:all var(--t);background:0 0;border:none;padding:6px 10px}.onb-skip:hover{color:var(--t0);background:var(--hvr)}.onb-progress{gap:6px;margin-bottom:28px;display:flex}.onb-dot{background:var(--bg-3);border-radius:999px;width:100%;height:3px;transition:background .3s}.onb-dot.done{background:var(--accent)}.onb-dot.active{background:var(--accent);animation:.8s ease-in-out onb-pulse}@keyframes onb-pulse{0%{opacity:.4}to{opacity:1}}.onb-step{animation:.3s ease-out onb-fade}@keyframes onb-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.onb-greeting{color:var(--t2);margin-bottom:6px;font-size:14px}.onb-greeting em{color:var(--t0);font-style:normal;font-weight:600}.onb-q{font-family:var(--serif);letter-spacing:-.02em;color:var(--t0);margin-bottom:6px;font-size:clamp(22px,3vw,28px);font-weight:500;line-height:1.2}.onb-sub{color:var(--t2);margin-bottom:20px;font-size:13px}.onb-options{flex-direction:column;gap:8px;display:flex}.onb-option{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;color:var(--t0);font-family:var(--font);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.onb-option:hover{border-color:var(--bh);background:var(--hvr);transform:translate(3px)}.onb-option.selected{border-color:var(--accent);background:var(--accent-bg)}.onb-option-arrow{color:var(--t3);transition:color .2s,transform .2s}.onb-option:hover .onb-option-arrow{color:var(--accent);transform:translate(3px)}.onb-back{color:var(--t2);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:18px;padding:8px 0;transition:color .2s;display:inline-flex}.onb-back:hover{color:var(--t0)}.onb-back:disabled{opacity:.4;cursor:default}.onb-pricing-step .onb-q{margin-bottom:4px}.onb-billing{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;gap:4px;margin-bottom:20px;padding:4px;display:inline-flex}.onb-billing button{color:var(--t2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;transition:all .18s;display:inline-flex}.onb-billing button.active{background:var(--card);color:var(--t0);box-shadow:var(--warm-shadow)}.onb-save{color:var(--ok);letter-spacing:.03em;font-size:10px;font-weight:700}.onb-tiers{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.onb-tier{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);flex-direction:column;gap:14px;padding:22px;display:flex;position:relative}.onb-tier-pro{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 16px 36px -18px color-mix(in srgb,var(--accent) 45%,transparent)}.onb-tier-flag{background:var(--accent);color:var(--accent-fg);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;right:20px}.onb-tier-name{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);font-size:12px;font-weight:700}.onb-tier-price{align-items:baseline;gap:7px;display:flex}.onb-tier-amount{letter-spacing:-.03em;color:var(--t0);font-size:28px;font-weight:800;line-height:1}.onb-tier-per{color:var(--t2);font-size:12px;font-weight:500}.onb-tier-sub{color:var(--accent);font-size:11px;font-weight:600}.onb-tier-list{flex-direction:column;flex:1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.onb-tier-list li{color:var(--t1);align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.onb-tier-btn{justify-content:center;width:100%}.onb-tier-btn:disabled{opacity:.55;cursor:default}.onb-tier-foot{text-align:center;color:var(--t3);font-size:11px}@media (width<=520px){.onb-card{padding:24px 20px}.onb-tiers{grid-template-columns:1fr}}.bento-community{background:var(--card);padding:16px 20px!important}.bento-community-inner{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bento-community-link{border-radius:var(--radius-s);color:var(--t1);transition:all var(--t);align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex;text-decoration:none!important}.bento-community-link:hover{color:var(--t0);background:var(--hvr)}.bento-community-link svg{color:var(--t2);flex-shrink:0}.bento-docs-page{flex-direction:column;gap:4px;padding:4px 0;display:flex}.bento-docs-line{background:var(--t3);opacity:.6;border-radius:2px;height:3px}.bento-docs-swatch-row{gap:4px;margin-top:8px;display:flex}.uib-code-tabs{align-items:center;gap:2px;margin-bottom:-1px;padding:4px 0 0;display:flex}.uib-code-tab{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);cursor:pointer;transition:all var(--t);background:0 0;border:none;border-bottom:2px solid #0000;padding:5px 14px;font-size:10px;font-weight:700}.uib-code-tab:hover{color:var(--t0)}.uib-code-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.uib-palette-row{flex-wrap:wrap;gap:5px;margin:2px 0 6px;display:flex}.uib-palette-swatch{border:1px solid var(--border);cursor:pointer;width:24px;height:24px;transition:transform var(--t),box-shadow var(--t);border-radius:6px;padding:0}.uib-palette-swatch:hover{transform:scale(1.1)}.uib-palette-swatch.active{box-shadow:0 0 0 2px var(--bg-1),0 0 0 4px var(--brand)}.uib-alpha-tag{border-radius:var(--radius-s);letter-spacing:.08em;text-transform:uppercase;background:var(--brand-bg);color:var(--brand);border:1px solid var(--brand);vertical-align:middle;align-items:center;margin-left:8px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-flex}.uib-intro{border-radius:var(--radius);background:var(--brand-bg);color:var(--t0);border:1px solid #3b82f633;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:12px;line-height:1.5;display:flex}.uib-intro a{color:var(--brand);font-weight:600}.uib-intro-close{color:var(--t2);cursor:pointer;border-radius:var(--radius-s);background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:4px}.uib-intro-close:hover{color:var(--t0);background:var(--hvr)}.proj-folders{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.proj-folder-chip{font-size:11px;font-weight:600;font-family:var(--font);border:1px solid var(--border);color:var(--t2);cursor:pointer;transition:all var(--t);background:0 0;border-radius:999px;padding:5px 14px}.proj-folder-chip:hover{color:var(--t0);border-color:var(--bh)}.proj-folder-chip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.proj-folder-note{color:var(--t2);align-self:center;margin-left:auto;font-size:11px}.proj-folder-note a{color:var(--accent);font-weight:600;text-decoration:none}.proj-folder-note a:hover{text-decoration:underline}.proj-detail{max-width:520px}.proj-detail-swatches{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.proj-detail-swatch{flex-direction:column;gap:6px;display:flex}.proj-detail-swatch-chip{border-radius:var(--radius-s);border:1px solid var(--border);height:48px}.proj-detail-swatch-hex{font-family:var(--mono);color:var(--t2);text-align:center;font-size:10px}.proj-detail-meta{flex-direction:column;gap:8px;display:flex}.proj-detail-meta-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.proj-detail-meta-row span{color:var(--t2)}.proj-detail-meta-row strong{color:var(--t0);font-weight:600}.proj-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.proj-tab{font-size:13px;font-weight:600;font-family:var(--font);color:var(--t2);cursor:pointer;transition:all var(--t);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px}.proj-tab:hover{color:var(--t0)}.proj-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.proj-card{transition:transform .15s,box-shadow .15s}.proj-card:hover{box-shadow:var(--warm-shadow-lg);transform:translateY(-2px)}.proj-card-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.proj-card-icon{object-fit:contain;background:#ffffffe6;border-radius:6px;width:28px;height:28px;padding:3px;position:absolute;top:12px;right:12px;box-shadow:0 1px 6px #0003}.proj-detail-icon{object-fit:contain;border:1px solid var(--border);background:var(--bg-2);border-radius:6px;width:32px;height:32px;padding:2px}.proj-detail-icon-lg{object-fit:contain;border:1px solid var(--border);background:var(--bg-2);border-radius:8px;width:56px;height:56px;padding:4px}.proj-detail-icon-empty{color:var(--t2);justify-content:center;align-items:center;font-size:20px;display:flex}.proj-new-modal{max-width:460px}.proj-new-folders{flex-wrap:wrap;gap:6px;display:flex}.proj-new-start{grid-template-columns:1fr 1fr;gap:10px;display:grid}.proj-new-start-opt{text-align:left;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-1);cursor:pointer;flex-direction:column;gap:4px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.proj-new-start-opt:hover{border-color:var(--brand)}.proj-new-start-opt.active{border-color:var(--brand);background:var(--brand-bg)}.proj-new-start-opt strong{color:var(--t0);font-size:13px;font-weight:700}.proj-new-start-opt span{color:var(--t2);font-size:11px;line-height:1.4}@media (width<=520px){.proj-new-start{grid-template-columns:1fr}}.adm{max-width:1200px}.adm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.adm-header-left h1{font-family:var(--serif);letter-spacing:-.03em;margin-bottom:4px;font-size:clamp(28px,5vw,36px);font-weight:500}.adm-status{letter-spacing:.06em;text-transform:uppercase;color:var(--ok);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.adm-status-dot{background:var(--ok);border-radius:50%;width:6px;height:6px;animation:2s infinite adm-pulse}@keyframes adm-pulse{0%,to{opacity:1}50%{opacity:.4}}.adm-actions{flex-wrap:wrap;gap:6px;display:flex}.adm-tabs{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-m);flex-wrap:wrap;gap:2px;margin-bottom:28px;padding:3px;display:flex}.adm-tab{font-size:12px;font-weight:600;font-family:var(--font);color:var(--t2);cursor:pointer;border-radius:var(--radius-s);white-space:nowrap;background:0 0;border:none;padding:8px 16px;transition:all .15s;position:relative}.adm-tab:hover{color:var(--t0);background:var(--hvr)}.adm-tab.active{color:var(--t0);background:var(--card);box-shadow:0 1px 3px #00000014}.adm-tab-badge{background:var(--accent);color:var(--accent-fg);border-radius:10px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:700}.adm-time-filter{background:var(--bg-2);border-radius:var(--radius-s);gap:2px;padding:2px;display:flex}.adm-time-btn{font-size:11px;font-weight:600;font-family:var(--font);color:var(--t2);cursor:pointer;border-radius:var(--radius-xs,4px);background:0 0;border:none;padding:5px 12px;transition:all .15s}.adm-time-btn:hover{color:var(--t0)}.adm-time-btn.active{color:var(--t0);background:var(--card);box-shadow:0 1px 2px #0000000f}.adm-section{margin-bottom:32px}.adm-section-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.adm-section-title{letter-spacing:-.01em;color:var(--t0);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.adm-section-bar{background:var(--accent);border-radius:1px;width:20px;height:2px}.adm-stats{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.adm-stat{border-radius:var(--radius-m);background:var(--card-grad);border:1px solid var(--border);box-shadow:var(--warm-shadow);padding:18px 20px;transition:border-color .15s}.adm-stat:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.adm-stat-value{letter-spacing:-.03em;color:var(--t0);font-size:28px;font-weight:800;line-height:1}.adm-stat-label{color:var(--t2);letter-spacing:.02em;margin-top:8px;font-size:11px;font-weight:600}.adm-stat-sub{color:var(--t3);margin-top:3px;font-size:10px}.adm-stat-delta{border-radius:4px;align-items:center;gap:3px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.adm-stat-delta.up{color:var(--ok);background:#10b9811a}.adm-stat-delta.down{color:var(--err);background:#ef44441a}.adm-stat-delta.neutral{color:var(--t3);background:var(--bg-2)}.adm-grid-2{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:14px;display:grid}.adm-grid-3{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:14px;display:grid}.adm-card{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--warm-shadow);overflow:hidden}.adm-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:16px 20px 12px;display:flex}.adm-card-title{letter-spacing:.04em;text-transform:uppercase;color:var(--t2);font-size:12px;font-weight:700}.adm-card-body{padding:16px 20px}.adm-card-body.compact{padding:12px 16px}.adm-chart{width:100%;position:relative}.adm-chart svg{width:100%;display:block;overflow:visible}.adm-bar{flex-direction:column;gap:10px;display:flex}.adm-bar-row{align-items:center;gap:10px;display:flex}.adm-bar-label{color:var(--t1);text-overflow:ellipsis;white-space:nowrap;width:100px;font-size:11px;font-weight:500;font-family:var(--mono);flex-shrink:0;overflow:hidden}.adm-bar-track{background:var(--bg-2);border-radius:4px;flex:1;height:8px;overflow:hidden}.adm-bar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .4s}.adm-bar-value{color:var(--t2);text-align:right;width:40px;font-size:11px;font-weight:700;font-family:var(--mono);flex-shrink:0}.adm-donut-wrap{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.adm-donut-legend{flex-direction:column;flex:1;gap:6px;min-width:120px;display:flex}.adm-donut-item{color:var(--t1);align-items:center;gap:8px;font-size:12px;display:flex}.adm-donut-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.adm-donut-count{font-weight:700;font-family:var(--mono);color:var(--t0);margin-left:auto}.adm-list{flex-direction:column;display:flex}.adm-list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.adm-list-row:last-child{border-bottom:none}.adm-list-rank{width:20px;color:var(--t3);text-align:center;flex-shrink:0;font-size:10px;font-weight:700}.adm-list-name{color:var(--t0);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.adm-list-name.mono{font-family:var(--mono)}.adm-list-value{color:var(--accent);font-size:12px;font-weight:700;font-family:var(--mono);flex-shrink:0}.adm-feed{flex-direction:column;gap:0;display:flex}.adm-feed-item{border-bottom:1px solid var(--border);gap:10px;padding:10px 0;display:flex}.adm-feed-item:last-child{border-bottom:none}.adm-feed-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.adm-feed-body{flex:1;min-width:0}.adm-feed-text{color:var(--t0);font-size:12px;font-weight:500}.adm-feed-meta{color:var(--t3);margin-top:2px;font-size:10px}.adm-badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.adm-table{border-collapse:collapse;width:100%;min-width:fit-content}.adm-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.adm-table thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--t2);border-bottom:1px solid var(--border);background:var(--bg-1);padding:10px 14px;font-size:10px;font-weight:700}.adm-table tbody td{border-bottom:1px solid var(--border);color:var(--t0);padding:10px 14px;font-size:12px}.adm-table tbody tr:last-child td{border-bottom:none}.adm-table tbody tr:nth-child(2n){background:var(--bg-1)}.adm-table .mono{font-family:var(--mono)}.adm-table .bold{font-weight:600}.adm-table .accent{color:var(--accent);font-weight:700}.adm-checklist{flex-direction:column;gap:0;display:flex}.adm-check-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.adm-check-row:last-child{border-bottom:none}.adm-check-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.adm-check-icon.done{background:#10b9811a}.adm-check-icon.pending{background:#f59e0b1a}.adm-check-label{color:var(--t0);font-size:12px;font-weight:600}.adm-check-note{color:var(--t2);margin-top:2px;font-size:11px;line-height:1.5}.adm-swatch-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:6px 0;display:flex}.adm-swatch-row:last-child{border-bottom:none}.adm-swatch{border-radius:var(--radius-s);border:1px solid var(--border);flex-shrink:0;width:24px;height:24px}.adm-swatch-grid{flex-wrap:wrap;gap:4px;display:flex}.adm-swatch-grid .adm-swatch{cursor:default;transition:transform .15s}.adm-swatch-grid .adm-swatch:hover{transform:scale(1.15)}.adm-empty{text-align:center;color:var(--t3);padding:32px 16px;font-size:13px}.adm-pipe-bar{border-radius:var(--radius-pill);background:var(--bg-2);height:5px;overflow:hidden}.adm-pipe-bar-fill{border-radius:var(--radius-pill);height:100%;transition:width var(--t);display:block}.adm-pipe-todo{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-s);align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .15s;display:flex}.adm-pipe-todo:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.adm-pipe-prio{letter-spacing:.04em;font-size:10px;font-weight:800;font-family:var(--mono);border-radius:var(--radius-xs,4px);border:1px solid;flex-shrink:0;padding:3px 7px;line-height:1}.adm-pipe-status{letter-spacing:.03em;border-radius:var(--radius-pill);white-space:nowrap;padding:3px 9px;font-size:10px;font-weight:700}.adm-submission{border-left:3px solid var(--border);transition:opacity .2s}.adm-submission.done{opacity:.7}.adm-submission-head{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.adm-submission-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.adm-submission-title{color:var(--t0);margin-bottom:2px;font-size:14px;font-weight:600}.adm-submission-preview{color:var(--t1);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.adm-submission-preview.expanded{white-space:normal}.adm-submission-body{border-top:1px solid var(--border);padding:14px 16px 16px}.adm-submission-msg{color:var(--t0);white-space:pre-wrap;margin-bottom:12px;font-size:13px;line-height:1.7}.adm-submission-notes{background:var(--bg-2);border-radius:var(--radius-s);margin-bottom:12px;padding:12px}.adm-submission-notes-title{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);margin-bottom:8px;font-size:10px;font-weight:700}.adm-submission-actions{flex-wrap:wrap;gap:6px;display:flex}.adm-prompt{border-left:3px solid var(--border);margin-bottom:8px}.adm-prompt-header{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.adm-prompt-tags{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.adm-prompt-tag{background:var(--bg-2);color:var(--t2);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.adm-prompt-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:10px;display:flex}.adm-sparkline{align-items:end;gap:2px;height:32px;display:flex}.adm-sparkline-bar{background:var(--accent);opacity:.6;border-radius:2px 2px 0 0;flex:1;transition:opacity .15s,height .3s}.adm-sparkline-bar:hover{opacity:1}.adm-verify-error{border-left:3px solid var(--err);margin-bottom:20px;padding:16px}.adm-lock{text-align:center;max-width:400px;margin:80px auto}.adm-lock-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700;font-family:var(--mono);margin-bottom:16px}.adm-lock h1{letter-spacing:-.03em;margin-bottom:8px;font-size:28px;font-weight:800}.adm-lock p{color:var(--t1);margin-bottom:24px;font-size:14px}.adm-lock form{gap:8px;display:flex}.adm-lock input{text-align:center;letter-spacing:.04em;flex:1;font-size:14px}.adm-stripe-desc{color:var(--t1);margin-bottom:4px;font-size:13px;line-height:1.7}.adm-stripe-tip{color:var(--t3);margin-bottom:16px;font-size:11px}.adm-stripe-table{border-collapse:collapse;width:100%;min-width:360px}.adm-stripe-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--t2);border-bottom:1px solid var(--border);padding:8px 10px;font-size:10px;font-weight:700}.adm-stripe-table td{border-bottom:1px solid var(--border);padding:8px 10px}.adm-stripe-input{align-items:center;gap:4px;display:flex}.adm-stripe-input span{color:var(--t3);min-width:24px;font-size:11px}.adm-stripe-input input{width:90px;font-size:12px;font-family:var(--mono)}.adm-stripe-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.adm-stripe-env{font-size:12px;font-family:var(--mono);color:var(--t1);line-height:2.2}.adm-stripe-env span{color:var(--t3)}.adm-stripe-autofill{color:var(--t1);cursor:pointer;align-items:center;gap:8px;margin-top:14px;font-size:12px;line-height:1.5;display:flex}.adm-stripe-autofill input{accent-color:var(--accent);flex-shrink:0}.adm-cat{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--card-grad);flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;display:flex}.adm-cat-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:12px;display:flex}.adm-cat-title{letter-spacing:-.01em;color:var(--t0);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.adm-cat-desc{color:var(--t3);font-size:11px}.adm-mask{align-items:center;gap:6px;max-width:100%;display:inline-flex}.adm-mask-text{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.adm-mask-blur{filter:blur(4px);-webkit-user-select:none;user-select:none;opacity:.8}.adm-eye-btn{border-radius:var(--radius-s);width:24px;height:24px;color:var(--t3);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.adm-eye-btn:hover{color:var(--t0);background:var(--bg-2)}.adm-user-sub{color:var(--t3);margin-top:3px;font-size:11px}.adm-flag{font-size:15px;line-height:1}.adm-flag-cell{cursor:default;font-family:var(--mono);align-items:center;gap:6px;font-size:11px;display:inline-flex}.adm-th-sort{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:10px;font-weight:700;transition:color .15s;display:inline-flex}.adm-th-sort:hover{color:var(--t0)}.adm-th-sort.active{color:var(--accent)}.adm-th-arrow{opacity:.75;font-size:10px}.adm-country-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.adm-country-chip{border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font);color:var(--t2);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.adm-country-chip:hover{color:var(--t0);background:var(--bg-2)}.adm-country-chip.active{color:var(--t0);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.adm-users-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.adm-search{flex:220px;min-width:180px;font-size:12px}.adm-users-table td{vertical-align:top}.adm-plan-pro{color:var(--ok);background:#10b9811f}.adm-plan-free{background:var(--bg-2);color:var(--t2)}.adm-sub-summary{flex-wrap:wrap;align-items:center;gap:14px;font-size:11px;font-weight:600;display:flex}.adm-sub-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}@media (width<=768px){.adm-stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.adm-stat-value{font-size:24px}.adm-grid-2{grid-template-columns:1fr}.adm-tabs{gap:1px}.adm-tab{padding:6px 12px;font-size:11px}.adm-bar-label{width:70px;font-size:10px}}@media (width<=480px){.adm-stats{grid-template-columns:repeat(2,1fr)}.adm-stat{padding:14px}.adm-stat-value{font-size:20px}}.fc-tabs{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-pill);flex-wrap:wrap;gap:2px;margin-bottom:24px;padding:3px;display:inline-flex}.fc-tab{border-radius:var(--radius-pill);font-family:var(--font);color:var(--t2);cursor:pointer;transition:background var(--t),color var(--t);background:0 0;border:none;align-items:center;gap:6px;padding:7px 15px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.fc-tab:hover{color:var(--t0)}.fc-tab.on{background:var(--card);color:var(--t0);box-shadow:var(--ring)}.fc-soon{letter-spacing:.05em;text-transform:uppercase;background:var(--bg-3);color:var(--t3);border-radius:999px;padding:1px 6px;font-size:8px;font-weight:700}.fc-alpha{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-s);background:var(--accent);color:var(--accent-fg);vertical-align:middle;margin-left:10px;padding:2px 8px;font-size:9px;font-weight:700}.fc-drop{cursor:pointer;transition:border-color var(--t),background var(--t),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.fc-drop:hover{box-shadow:var(--warm-shadow-lg);transform:translateY(-2px)}.fc-drop-ico{border-radius:var(--radius);background:var(--accent-bg);width:46px;height:46px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.fc-drop-ico svg{width:22px;height:22px}.fc-drop-hint{color:var(--t0);margin-bottom:4px;font-size:14px;font-weight:600}.fc-drop-sub{color:var(--t2);font-size:11px}.fc-drop-on{box-shadow:var(--warm-shadow-lg);transform:translateY(-2px);border-color:var(--brand)!important;background:var(--brand-bg)!important}.fc-card{flex-direction:column;align-items:stretch;gap:8px;padding:12px;display:flex;position:relative}.fc-remove{background:var(--bg-3);width:24px;height:24px;color:var(--t1);cursor:pointer;transition:all var(--t);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.fc-remove:hover{background:var(--err);color:#fff}.fc-remove:disabled{opacity:.4;cursor:not-allowed}.fc-thumb{aspect-ratio:16/10;border-radius:var(--radius-s);background:var(--bg-2);border:1px solid var(--border);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.fc-thumb img{object-fit:contain;width:100%;height:100%}.fc-name{color:var(--t0);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.fc-dl{justify-content:center;width:100%;margin-top:auto}.fc-video{border-radius:var(--radius);background:#000;width:100%;max-height:380px;display:block}.fc-status{color:var(--t2);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.fc-status-err{color:var(--err)}.fc-progress{background:var(--bg-3);border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.fc-progress-bar{background:var(--brand);border-radius:999px;height:100%;transition:width .25s cubic-bezier(.16,1,.3,1)}.fc-soon-card{text-align:left;border-style:dashed;padding:36px 28px}.fc-soon-badge{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,var(--brand),var(--brand-soft));color:var(--accent-fg);border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-block}.fc-spinner{border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite fc-spin;display:inline-block}@keyframes fc-spin{to{transform:rotate(360deg)}}.fc-settings{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:10px;display:flex}.fc-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.fc-note{color:var(--t2);margin-top:2px;font-size:10px}.fc-draft-note{border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:var(--radius-s);background:color-mix(in srgb,var(--accent) 7%,var(--bg-1));font-size:var(--fs-caption);color:var(--t1);margin-top:12px;padding:10px 14px;line-height:1.5}.fc-draft-note strong{color:var(--t0);font-weight:650}.fc-field-grow{flex:1;min-width:200px}.fc-bg-pick{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);cursor:pointer;width:42px;height:30px;padding:2px}@media (width<=768px){.fc-tabs{gap:4px}.fc-tab{padding:6px 12px;font-size:12px}.fc-video{max-height:260px}.fc-soon-card{padding:24px 18px}.fc-soon-card h2{font-size:20px}.fc-soon-card p{font-size:13px}}@media (width<=480px){.fc-tabs{gap:2px}.fc-tab{padding:5px 10px;font-size:11px}.fc-card{padding:10px}.fc-video{max-height:200px}.fc-soon-card{padding:20px 14px}.fc-soon-card h2{font-size:18px}.fc-drop{padding:28px 14px}}.kbd-overlay{background:var(--scrim);-webkit-backdrop-filter:blur(6px);z-index:9999;justify-content:center;align-items:center;animation:.14s cp-fade;display:flex;position:fixed;inset:0}.kbd-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(420px,100vw - 32px);box-shadow:var(--warm-shadow-lg);animation:.2s cubic-bezier(.2,0,0,1) cp-rise;overflow:hidden}.kbd-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.kbd-header h3{color:var(--t0);margin:0;font-size:15px;font-weight:600}.kbd-close{cursor:pointer;color:var(--t2);border-radius:var(--radius-s);background:0 0;border:none;padding:4px 6px;font-size:16px;line-height:1}.kbd-close:hover{background:var(--bg-2);color:var(--t0)}.kbd-list{margin:0;padding:10px 22px 18px;list-style:none}.kbd-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.kbd-row:last-child{border-bottom:none}.kbd-keys{flex-shrink:0;align-items:center;gap:4px;display:flex}.kbd-key{font-family:var(--mono);color:var(--t1);background:var(--bg-2);border-radius:var(--radius-s);border:1px solid var(--border);white-space:nowrap;padding:3px 8px;font-size:11px}.kbd-plus{color:var(--t3);margin:0 1px;font-size:11px}.kbd-desc{color:var(--t1);text-align:right;font-size:13px}@media (width<=480px){.kbd-panel{width:calc(100vw - 24px)}.kbd-header{padding:14px 16px 10px}.kbd-list{padding:8px 16px 14px}.kbd-desc{font-size:12px}}.rc-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.rc-panel{padding:20px;overflow:visible}.rc-tabs{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-pill);gap:2px;margin-bottom:14px;padding:3px;display:inline-flex}.rc-tab{border-radius:var(--radius-pill);font-family:var(--font);color:var(--t2);cursor:pointer;transition:background var(--t),color var(--t);background:0 0;border:none;padding:6px 14px;font-size:11px;font-weight:600}.rc-tab:hover{color:var(--t0)}.rc-tab.on{background:var(--card);color:var(--t0);box-shadow:var(--ring)}.rc-presets{flex-wrap:wrap;gap:6px;display:flex}.rc-field{margin-top:18px}.rc-known{flex-direction:column;gap:8px;display:flex}.rc-known input{width:100%}.rc-ratio-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rc-ratio-row input{width:88px}.rc-flip{border:1px solid var(--border);background:var(--bg-1);width:32px;height:32px;color:var(--t2);border-radius:var(--radius-s);cursor:pointer;transition:all var(--t);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rc-flip svg{width:15px;height:15px}.rc-flip:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.rc-colon{color:var(--t2);font-weight:700}.rc-simplified{font-family:var(--mono);color:var(--accent);margin-left:6px;font-size:13px}.rc-out{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.rc-out-size{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.rc-result-dims{align-items:center;gap:10px;display:flex}.rc-dim{font-family:var(--mono);color:var(--t0);cursor:pointer;border-radius:var(--radius-s);background:0 0;border:none;align-items:baseline;gap:3px;padding:4px 8px;font-size:22px;font-weight:700;display:inline-flex}.rc-dim:hover{background:var(--accent-bg);color:var(--accent)}.rc-dim small{color:var(--t3);font-size:11px;font-weight:500}.rc-times{color:var(--t3);font-size:18px}.rc-vis-panel{flex-direction:column;display:flex}.rc-vis-head{justify-content:space-between;align-items:center;display:flex}.rc-vis-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 8px;font-size:9px;font-weight:700}.rc-vis-stage{flex:1;justify-content:center;align-items:center;min-height:280px;padding:20px;display:flex}.rc-vis-box{border:2px solid var(--accent);background:var(--accent-bg);border-radius:var(--radius-s);transition:width var(--dur-3) var(--ease-out),height var(--dur-3) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.rc-vis-diag{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rc-vis-diag line{stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 4;opacity:.45}.rc-vis-ratio{font-family:var(--mono);color:var(--accent);font-size:14px;font-weight:700}.rc-vis-dims{font-family:var(--mono);color:var(--accent);opacity:.7;font-size:10px;font-weight:500}.rc-vis-empty{color:var(--t3);font-size:13px}.arc-select{position:relative}.arc-select-btn{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-s);width:100%;font-family:var(--font);text-align:left;cursor:pointer;transition:border-color var(--t);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.arc-select-btn:hover{border-color:var(--accent)}.arc-select-ph{color:var(--t3);font-size:13px}.arc-select-chev{width:14px;height:14px;color:var(--t3);flex-shrink:0}.arc-select-pop{z-index:30;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-m);max-height:320px;box-shadow:var(--shadow-l);padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.arc-opt{border-radius:var(--radius-s);width:100%;font-family:var(--font);text-align:left;cursor:pointer;transition:background var(--t);background:0 0;border:none;padding:8px 10px;display:block}.arc-opt:hover{background:var(--bg-2)}.arc-opt.on{background:var(--accent-bg)}.arc-opt-row{align-items:center;gap:10px;min-width:0;display:flex}.arc-opt-text{flex-direction:column;gap:1px;min-width:0;display:flex}.arc-opt-name{color:var(--t0);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.arc-opt-meta{font-family:var(--mono);color:var(--t3);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.arc-thumb{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:18px;display:inline-flex}.arc-thumb-big{width:48px;height:34px}.arc-thumb-box{border:1.5px solid var(--accent);background:var(--accent-bg);border-radius:2px}.arc-note{color:var(--t3);margin:8px 0 0;font-size:11.5px}.arc-ratio-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-top:12px;display:grid}.arc-ratio-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-s);font-family:var(--font);cursor:pointer;transition:border-color var(--t),background var(--t);flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;display:flex}.arc-ratio-card:hover{border-color:var(--accent)}.arc-ratio-card.on{border-color:var(--accent);background:var(--accent-bg)}.arc-ratio-card-name{font-family:var(--mono);color:var(--t0);font-size:12px;font-weight:700}.arc-ratio-card-use{color:var(--t3);text-align:center;font-size:10px;line-height:1.3}.arc-ppi-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.arc-ppi-field{align-items:center;gap:6px;display:inline-flex}.arc-ppi-field input{width:88px}.arc-ppi-field span{font-family:var(--mono);color:var(--t3);font-size:11px}.arc-ppi-or{color:var(--t3);font-size:11.5px}.arc-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:14px;display:grid}.arc-stat{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-s);font-family:var(--font);text-align:left;cursor:pointer;transition:border-color var(--t);flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.arc-stat:hover{border-color:var(--accent)}.arc-stat-k{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-size:9px;font-weight:700}.arc-stat-v{font-family:var(--mono);color:var(--t0);font-size:13.5px;font-weight:600}.arc-stat-sub{font-family:var(--mono);color:var(--accent);font-size:10px}@media (width<=760px){.rc-grid{grid-template-columns:1fr}.rc-vis-stage{min-height:200px}.rc-tabs{flex-wrap:wrap;display:flex}}.fp-wrap{flex-direction:column;gap:24px;max-width:920px;margin:0 auto;display:flex}.fp-head-eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:10px;font-weight:700}.fp-head-title{letter-spacing:-.02em;color:var(--t0);margin:0 0 6px;font-size:30px;font-weight:700}.fp-head-sub{color:var(--t2);max-width:560px;margin:0;font-size:13.5px;line-height:1.6}.fp-filters{flex-wrap:wrap;gap:6px;display:flex}.fp-filter{border-radius:var(--radius-pill);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--bg-2);color:var(--t1);transition:all var(--t);padding:6px 14px}.fp-filter:hover{border-color:var(--bh);color:var(--t0)}.fp-filter.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.fp-group{flex-direction:column;gap:12px;display:flex}.fp-group-head{align-items:center;gap:10px;display:flex}.fp-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--t1);margin:0;font-size:13px;font-weight:700}.fp-group-count{font-family:var(--mono);color:var(--t3);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px 9px;font-size:11px;font-weight:600}.fp-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.fp-dot-progress{background:var(--accent)}.fp-dot-planned{background:var(--t2)}.fp-dot-exploring{background:var(--warn)}.fp-dot-shipped{background:var(--ok)}.fp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.fp-card{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);padding:18px;transition:border-color .2s,transform .2s}.fp-card:hover{border-color:var(--bh);transform:translateY(-2px)}.fp-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.fp-card-title{color:var(--t0);margin:0;font-size:14px;font-weight:650;line-height:1.35}.fp-card-tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-s);flex-shrink:0;padding:3px 8px;font-size:9px;font-weight:700}.fp-card-desc{color:var(--t2);margin:0;font-size:12.5px;line-height:1.6}@media (width<=560px){.fp-grid{grid-template-columns:1fr}.fp-head-title{font-size:24px}}.ch-wrap{flex-direction:column;gap:20px;max-width:1080px;margin:0 auto;display:flex}.ch-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ch-title{letter-spacing:-.02em;color:var(--t0);margin:0 0 6px;font-size:28px;font-weight:700}.ch-sub{color:var(--t2);max-width:560px;margin:0;font-size:13.5px;line-height:1.6}.ch-submit-btn{flex-shrink:0}.ch-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ch-filters{flex-wrap:wrap;gap:6px;display:flex}.ch-filter{border-radius:var(--radius-pill);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--bg-2);color:var(--t1);transition:all var(--t);padding:6px 14px}.ch-filter:hover{border-color:var(--bh);color:var(--t0)}.ch-filter.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.ch-sort{background:var(--bg-2);border-radius:var(--radius-pill);flex-shrink:0;gap:2px;padding:3px;display:flex}.ch-sort-btn{border-radius:var(--radius-pill);cursor:pointer;color:var(--t2);font-size:12px;font-weight:600;font-family:var(--font);background:0 0;border:none;padding:5px 14px;transition:all .15s}.ch-sort-btn.is-active{background:var(--brand);color:var(--accent-fg)}.ch-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.ch-card{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.ch-card:hover{border-color:var(--bh);transform:translateY(-3px)}.ch-thumb{background:linear-gradient(135deg,var(--c1,var(--accent)),var(--c2,var(--accent-strong)));justify-content:center;align-items:center;height:150px;display:flex;position:relative;text-decoration:none!important}.ch-thumb-mono{font-family:var(--mono);color:#ffffffeb;letter-spacing:.04em;text-shadow:0 1px 8px #00000040;font-size:30px;font-weight:700}.ch-heart{border-radius:var(--radius-pill);cursor:pointer;color:#fff;font-family:var(--font);opacity:0;-webkit-backdrop-filter:blur(4px);background:#00000080;border:none;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:opacity .18s,transform .18s,background .15s;display:inline-flex;position:absolute;top:10px;right:10px;transform:translateY(-2px)}.ch-card:hover .ch-heart,.ch-heart:focus-visible{opacity:1;transform:translateY(0)}.ch-heart.is-saved{opacity:1;color:#fb7185;transform:translateY(0)}.ch-heart:hover{background:#000000b3}.ch-heart-count{font-variant-numeric:tabular-nums;line-height:1}.ch-card-body{padding:12px 14px 14px}.ch-card-name{color:var(--t0);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13.5px;font-weight:650;overflow:hidden}.ch-card-meta{color:var(--t2);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.ch-card-tag{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-s);flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:700}.ch-empty{text-align:center;color:var(--t2);border:1.5px dashed var(--border);border-radius:var(--radius-l);padding:48px 24px;font-size:13.5px}@media (width<=560px){.ch-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ch-toolbar{align-items:stretch}}.ic-wrap{flex-direction:column;gap:20px;max-width:820px;margin:0 auto;display:flex}.ic-head-eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:10px;font-size:10px;font-weight:700;display:inline-flex}.ic-head-title{letter-spacing:-.02em;color:var(--t0);margin:0 0 8px;font-size:30px;font-weight:700;line-height:1.15}.ic-head-sub{color:var(--t2);max-width:600px;margin:0;font-size:14px;line-height:1.6}.ic-intro{background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-l);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.ic-intro-emoji{flex-shrink:0;font-size:20px;line-height:1.4}.ic-intro-body{color:var(--t1);flex:1;font-size:13px;line-height:1.55}.ic-intro-close{width:28px;height:28px;color:var(--t2);cursor:pointer;border-radius:var(--radius-s);transition:all var(--t);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ic-intro-close:hover{background:var(--hvr);color:var(--t0)}.ic-toc{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-l);flex-wrap:wrap;gap:6px;padding:14px;display:flex}.ic-toc-link{border-radius:var(--radius-pill);color:var(--t1);background:var(--card);border:1px solid var(--border);transition:all var(--t);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;text-decoration:none!important}.ic-toc-link:hover{border-color:var(--accent);color:var(--accent)}.ic-sections{flex-direction:column;gap:10px;display:flex}.ic-acc{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);scroll-margin-top:72px;overflow:hidden}.ic-acc-h{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.ic-acc-head{cursor:pointer;width:100%;font-family:var(--font);text-align:left;transition:background var(--t);background:0 0;border:none;align-items:center;gap:12px;padding:16px 18px;display:flex}.ic-acc-head:hover{background:var(--hvr)}.ic-acc-emoji{flex-shrink:0;font-size:19px;line-height:1}.ic-acc-title{color:var(--t0);flex:1;margin:0;font-size:15px;font-weight:650}.ic-acc-chevron{color:var(--t2);flex-shrink:0;transition:transform .25s}.ic-acc-head.is-open .ic-acc-chevron{transform:rotate(180deg)}.ic-acc-body{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.16,1,.3,1);display:grid}.ic-acc-body.is-open{grid-template-rows:1fr}.ic-acc-body-inner{min-height:0;overflow:hidden}.ic-acc-body.is-open .ic-acc-body-inner{border-top:1px solid var(--border);padding:0 18px 18px}.ic-acc-body-inner p{color:var(--t1);margin:14px 0 0;font-size:13.5px;line-height:1.7}.ic-acc-body-inner ul{flex-direction:column;gap:7px;margin:12px 0 0;padding-left:18px;display:flex}.ic-acc-body-inner li{color:var(--t1);font-size:13.5px;line-height:1.6}.ic-acc-body-inner a{color:var(--accent);font-weight:500}.ic-acc-body-inner kbd{font-family:var(--mono);background:var(--bg-3);border:1px solid var(--border);color:var(--t1);border-radius:4px;padding:2px 6px;font-size:11px}.ic-kbd-list{list-style:none;padding-left:0!important}.ic-stats{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);padding:22px;scroll-margin-top:72px}.ic-stats-head h2{color:var(--t0);align-items:center;gap:8px;margin:0 0 4px;font-size:16px;font-weight:700;display:flex}.ic-stats-head p{color:var(--t2);margin:0 0 18px;font-size:13px;line-height:1.55}.ic-stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.ic-stat{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.ic-stat-num{color:var(--accent);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}.ic-stat-num span{color:var(--t3);margin-left:2px;font-size:13px;font-weight:500}.ic-stat-sm{font-size:16px}.ic-stat-lbl{letter-spacing:.04em;text-transform:uppercase;color:var(--t3);margin-top:8px;font-size:10px;font-weight:600}.ic-bp-current{color:var(--t0);align-items:center;gap:6px;margin-bottom:30px;font-size:13px;font-weight:650;display:inline-flex}.ic-bp-ruler{background:var(--bg-3);border-radius:2px;height:3px;margin:0 8px 26px;position:relative}.ic-bp-marker{background:var(--accent);border:2px solid var(--card);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);z-index:2;border-radius:50%;transition:left .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.ic-bp-tick{background:var(--border);width:2px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.ic-bp-tick-lbl{letter-spacing:.04em;text-transform:uppercase;color:var(--t2);white-space:nowrap;font-size:9px;font-weight:700;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.ic-bp-tick-px{font-family:var(--mono);color:var(--t3);font-size:9px;position:absolute;top:12px;left:50%;transform:translate(-50%)}@media (width<=560px){.ic-stats-grid{grid-template-columns:repeat(2,1fr)}.ic-head-title{font-size:24px}}.seo-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-bottom:24px;display:grid}.seo-inputs{flex-direction:column;gap:16px;display:flex}.seo-field{flex-direction:column;gap:7px;display:flex}.seo-field-label{color:var(--t1);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.seo-field-label em{font-style:normal;font-family:var(--mono);color:var(--t3);font-size:10px;font-weight:500}.seo-field input,.seo-field textarea{width:100%}.seo-field textarea{resize:vertical;line-height:1.5}.seo-meter{background:var(--bg-3);border-radius:2px;height:4px;display:block;overflow:hidden}.seo-meter-fill{border-radius:2px;height:100%;transition:width .2s,background .2s;display:block}.seo-preview-col{flex-direction:column;gap:16px;display:flex}.seo-score{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);border-left-width:3px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 16px;padding:18px 20px;display:grid}.seo-score-num{font-variant-numeric:tabular-nums;grid-row:1/span 2;font-size:42px;font-weight:800;line-height:1}.seo-score-band{font-size:14px;font-weight:700}.seo-score-lbl{color:var(--t2);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.seo-score-bar{background:var(--bg-3);border-radius:3px;grid-column:1/-1;height:5px;margin-top:8px;overflow:hidden}.seo-score-bar-fill{border-radius:3px;height:100%;transition:width .3s,background .3s}.seo-preview{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);overflow:hidden}.seo-preview-head{border-bottom:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;color:var(--t2);justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;font-weight:700;display:flex}.seo-seg{background:var(--bg-2);border-radius:var(--radius-pill);gap:2px;padding:2px;display:flex}.seo-seg button{border-radius:var(--radius-pill);color:var(--t2);font-size:11px;font-weight:600;font-family:var(--font);cursor:pointer;letter-spacing:0;text-transform:none;background:0 0;border:none;padding:3px 12px}.seo-seg button.is-active{background:var(--brand);color:var(--accent-fg)}.seo-serp{padding:16px}.seo-serp.is-mobile{max-width:360px}.seo-serp-url{align-items:center;gap:8px;margin-bottom:4px;display:flex}.seo-serp-fav{background:var(--bg-3);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:18px;height:18px}.seo-serp-domain{color:var(--t1);font-size:12px}.seo-serp-path{color:var(--t3)}.seo-serp-title{color:#8ab4f8;margin:2px 0 3px;font-size:18px;font-weight:400;line-height:1.3}[data-theme=light] .seo-serp-title{color:#1a0dab}.seo-serp.is-mobile .seo-serp-title{font-size:16px}.seo-serp-desc{color:var(--t1);font-size:13px;line-height:1.5}.seo-social{padding:16px}.seo-social-img{border-radius:var(--radius-s) var(--radius-s) 0 0;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#8b5cf6));justify-content:center;align-items:center;height:150px;display:flex}.seo-social-img span{font-family:var(--mono);color:#ffffffb3;letter-spacing:.05em;font-size:11px}.seo-social-body{border:1px solid var(--border);border-radius:0 0 var(--radius-s) var(--radius-s);background:var(--bg-2);border-top:none;padding:12px 14px}.seo-social-domain{color:var(--t3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px}.seo-social-title{color:var(--t0);margin-bottom:3px;font-size:14px;font-weight:600;line-height:1.3}.seo-social-desc{color:var(--t2);font-size:12px;line-height:1.45}.seo-checklist{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);padding:20px}.seo-checklist-h{color:var(--t0);margin:0 0 14px;font-size:15px;font-weight:700}.seo-check{border-top:1px solid var(--border);gap:12px;padding:11px 0;display:flex}.seo-check:first-of-type{border-top:none;padding-top:0}.seo-check-icon{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:flex}.seo-check-label{color:var(--t0);margin-bottom:2px;font-size:13px;font-weight:600}.seo-check-detail{color:var(--t2);font-size:12.5px;line-height:1.5}.seo-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.seo-tab{cursor:pointer;font-family:var(--font);color:var(--t2);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 16px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.seo-tab:hover{color:var(--t0)}.seo-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.seo-faqs{flex-direction:column;gap:14px;display:flex}.seo-faq{flex-direction:column;gap:7px;display:flex}.seo-faq-head{justify-content:space-between;align-items:center;display:flex}.seo-faq-del{color:var(--t3);cursor:pointer;border-radius:var(--radius-s);background:0 0;border:none;padding:2px;transition:color .15s;display:flex}.seo-faq-del:hover{color:var(--err)}.seo-tags{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);margin-top:16px;padding:20px}.seo-tags-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.seo-tags-note{color:var(--t2);margin:8px 0 12px;font-size:12.5px;line-height:1.5}.seo-tags-note code{font-family:var(--mono);background:var(--bg-3);border:1px solid var(--border);color:var(--t1);border-radius:4px;padding:1px 5px;font-size:11px}.seo-tags-code{font-family:var(--mono);color:var(--t1);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);white-space:pre;margin:0;padding:14px 16px;font-size:12px;line-height:1.6;overflow-x:auto}@media (width<=760px){.seo-grid{grid-template-columns:1fr}}.seo-ca-empty{text-align:center;color:var(--t3);border:1.5px dashed var(--border);border-radius:var(--radius-l);padding:40px 20px;font-size:13px}.seo-ca-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.seo-ca-stat{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.seo-ca-num{color:var(--t0);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1}.seo-ca-num span{color:var(--t3);font-size:11px;font-weight:500}.seo-ca-lbl{letter-spacing:.04em;text-transform:uppercase;color:var(--t3);margin-top:7px;font-size:9.5px;font-weight:600}.seo-ca-ease{align-items:center;gap:18px;display:flex}.seo-ca-ease-score{font-variant-numeric:tabular-nums;font-size:38px;font-weight:800;line-height:1}.seo-ca-ease-label{font-size:15px;font-weight:700}.seo-ca-ease-grade{color:var(--t2);margin-top:3px;font-size:12px}.seo-ca-kwline{color:var(--t1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.seo-ca-kw-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seo-ca-kw{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);justify-content:space-between;align-items:center;gap:8px;padding:7px 11px;display:flex}.seo-ca-kw-word{color:var(--t0);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.seo-ca-kw-meta{font-family:var(--mono);color:var(--t2);flex-shrink:0;font-size:10.5px}.seo-ca-phrases{flex-wrap:wrap;gap:7px;display:flex}.seo-ca-phrase{color:var(--t1);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 12px;font-size:12px}.seo-ca-phrase em{font-style:normal;font-family:var(--mono);color:var(--t3);margin-left:3px;font-size:10px}@media (width<=560px){.seo-ca-stats{grid-template-columns:repeat(2,1fr)}.seo-ca-kw-grid{grid-template-columns:1fr}}.cmt{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);margin-bottom:24px;padding:16px 18px}.cmt-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cmt-title{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);font-size:11px;font-weight:700}.cmt-link{color:var(--accent);font-size:11px;font-weight:600;text-decoration:none!important}.cmt-action{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-2);color:var(--t1);font-family:var(--font);cursor:pointer;transition:all var(--t);align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.cmt-action:hover{border-color:var(--bh);color:var(--t0)}.cmt-action kbd{font-family:var(--mono);background:var(--bg-3);border:1px solid var(--border);color:var(--t2);border-radius:4px;padding:1px 5px;font-size:9px}.cmt-action-full{justify-content:center;width:100%;margin-top:2px}.cmt-swatches{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.cmt-swatch{aspect-ratio:3/2;border-radius:var(--radius-s);cursor:pointer;font-family:var(--mono);opacity:.95;border:none;justify-content:center;align-items:flex-end;padding-bottom:7px;font-size:10px;font-weight:600;transition:transform .15s;display:flex}.cmt-swatch:hover{opacity:1;transform:translateY(-2px)}.cmt-ratio{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cmt-ratio input{width:84px;font-family:var(--mono)}.cmt-ratio-op{color:var(--t3);font-size:15px}.cmt-ratio-out{font-family:var(--mono);color:var(--accent);background:var(--accent-bg);border-radius:var(--radius-s);text-align:center;min-width:64px;padding:6px 12px;font-size:15px;font-weight:700}.cmt-chips{flex-wrap:wrap;gap:6px;display:flex}.cmt-chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-2);color:var(--t2);font-family:var(--font);cursor:pointer;transition:all var(--t);padding:4px 12px;font-size:11px;font-weight:600}.cmt-chip:hover{border-color:var(--bh);color:var(--t0)}.cmt-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.cmt-emoji-grid{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.cmt-emoji{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);cursor:pointer;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:all .15s;display:flex}.cmt-emoji:hover{background:var(--bg-3);transform:translateY(-2px)}.cmt-emoji.is-copied{background:var(--accent);color:#fff;font-size:14px;font-weight:700}.cmt-shadow{grid-template-columns:1fr 1.2fr;align-items:center;gap:18px;display:grid}.cmt-shadow-stage{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;min-height:130px;display:flex}.cmt-shadow-box{border-radius:var(--radius);background:var(--accent);width:64px;height:64px}.cmt-shadow-controls{flex-direction:column;gap:9px;display:flex}.cmt-slider{color:var(--t2);grid-template-columns:54px 1fr;align-items:center;gap:10px;font-size:11px;font-weight:600;display:grid}.cmt-slider input{width:100%}.glass{background:var(--glass-bg);-webkit-backdrop-filter:saturate(160%)blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-l);box-shadow:var(--glass-shadow),var(--ring)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){[data-theme=dark] .glass{--glass-bg:color-mix(in srgb,var(--bg-1) 94%,transparent)}[data-theme=light] .glass{--glass-bg:#fffffff0}}.pro-lock{border-radius:var(--radius-l);isolation:isolate;position:relative;overflow:hidden}.pro-lock-veil{background:var(--scrim);-webkit-backdrop-filter:blur(10px)saturate(120%);position:absolute;inset:0}.pro-lock-cta{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:360px;min-height:200px;margin:0 auto;padding:32px 28px;display:flex;position:relative}.pro-lock-badge{font:700 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-fg);background:var(--brand);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.pro-lock-title{font:600 18px/1.3 var(--font);letter-spacing:-.02em;color:var(--t0)}.pro-lock-sub{font:400 13px/1.6 var(--font);color:var(--t1);max-width:42ch}.pro-lock-cta .btn-primary{margin-top:4px}.pro-lock-skeleton{z-index:0;background:linear-gradient(100deg,var(--bg-2) 30%,var(--bg-3) 50%,var(--bg-2) 70%);background-size:200% 100%;animation:1.4s linear infinite pl-shimmer;position:absolute;inset:0}@keyframes pl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cs-ctx{z-index:1200;left:var(--cs-ctx-x,0);top:var(--cs-ctx-y,0);background:color-mix(in srgb, var(--bg-1) 90%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--border);border-radius:var(--radius-l);min-width:208px;max-width:256px;box-shadow:var(--shadow-l), var(--ring);transform-origin:var(--cs-ctx-origin,top left);padding:6px;animation:.14s cubic-bezier(.16,1,.3,1) both cs-ctx-in;position:fixed}@keyframes cs-ctx-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.cs-ctx-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:4px;padding:7px 9px 9px;display:flex}.cs-ctx-chip{border:1px solid var(--border);background:var(--cs-ctx-chip,#000);border-radius:5px;flex:none;width:16px;height:16px}.cs-ctx-role{font-family:var(--mono);letter-spacing:.1em;color:var(--t2);text-transform:uppercase;font-size:9px;font-weight:700}.cs-ctx-hex{font-family:var(--mono);color:var(--t0);margin-left:auto;font-size:12px;font-weight:700}.cs-ctx-item{cursor:pointer;text-align:left;width:100%;min-height:36px;font-family:var(--font);color:var(--t1);border-radius:var(--radius-s);background:0 0;border:none;align-items:center;gap:10px;padding:8px 9px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.cs-ctx-item:hover,.cs-ctx-item.cs-ctx-active{background:var(--hvr);color:var(--t0)}.cs-ctx-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cs-ctx-item svg{opacity:.7;flex:0 0 16px}.cs-ctx-kbd{font-family:var(--mono);color:var(--t3);margin-left:auto;font-size:10px;font-weight:600}.cs-ctx-arrow{opacity:.5;margin-left:auto}.cs-ctx-sep{background:var(--border);height:1px;margin:4px 6px}.cs-ctx-danger{color:var(--err)}.cs-ctx-danger svg{opacity:.85}.cs-ctx-danger:hover{background:color-mix(in srgb, var(--err) 12%, transparent);color:var(--err)}.cs-sw-overlay{z-index:1100;pointer-events:none;display:flex;position:fixed;inset:0}.cs-sw-overlay .cs-sw{pointer-events:auto}.cs-sw{z-index:1150;width:340px;max-width:calc(100vw - 24px);max-height:min(560px,100vh - 24px);left:var(--cs-sw-x,12px);top:var(--cs-sw-y,12px);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-l), var(--ring);flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) both cs-sw-in;display:flex;position:fixed;overflow:hidden}@keyframes cs-sw-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.cs-sw-hero{padding:var(--s-5) var(--s-5) var(--s-4);background:var(--cs-sw-bg,#000);color:var(--cs-sw-fg,#fff);flex-direction:column;flex:none;gap:2px;display:flex;position:relative}.cs-sw-role{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:10px;font-weight:700}.cs-sw-name{letter-spacing:-.01em;opacity:.85;font-size:13px;font-weight:700}.cs-sw-hex{font-family:var(--mono);letter-spacing:-.01em;font-size:26px;font-weight:700}.cs-sw-edit-pill{top:var(--s-3);right:var(--s-3);border-radius:var(--radius-pill);background:color-mix(in srgb,currentColor 0%,transparent);color:currentColor;cursor:pointer;border:1.5px solid;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute}.cs-sw-edit-pill:hover{background:color-mix(in srgb,currentColor 14%,transparent)}.cs-sw-close{top:var(--s-3);left:var(--s-3);color:#fff;cursor:pointer;z-index:2;background:#0000004d;border:none;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;display:grid;position:absolute}.cs-sw-close:hover{background:#0000007a}.cs-sw-tabs{border-bottom:1px solid var(--border);background:var(--bg-2);flex:none;display:flex;position:relative}.cs-sw-tab{font-family:var(--font);letter-spacing:.04em;color:var(--t2);cursor:pointer;background:0 0;border:none;flex:1;padding:11px 6px;font-size:11px;font-weight:700;transition:color .14s}.cs-sw-tab:hover{color:var(--t0)}.cs-sw-tab.active{color:var(--accent)}.cs-sw-tab-underline{background:var(--accent);height:2px;width:var(--cs-sw-tab-w,0);transform:translateX(var(--cs-sw-tab-x,0));transition:transform .28s cubic-bezier(.34,1.56,.64,1),width .28s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-1px;left:0}.cs-sw-body{padding:var(--s-4) var(--s-5) var(--s-5);overscroll-behavior:contain;flex:auto;overflow-y:auto}.cs-sw-values{margin-bottom:var(--s-4);flex-direction:column;gap:2px;display:flex}.cs-sw-val-row{background:var(--bg-2);border-radius:var(--radius-s);cursor:pointer;color:var(--t1);text-align:left;border:none;align-items:center;gap:12px;padding:9px 12px;transition:background .12s;display:flex}.cs-sw-val-row:hover{background:var(--bg-3)}.cs-sw-val-row svg{color:var(--t3);flex:none;margin-left:auto}.cs-sw-val-label{letter-spacing:.06em;color:var(--t3);text-align:left;flex:none;width:40px;font-size:10px;font-weight:700}.cs-sw-val-text{font-family:var(--mono);color:var(--t0);font-size:13px;font-weight:600}.cs-sw-val-copied{color:var(--ok);margin-left:auto;font-size:10px;font-weight:700}.cs-sw-quick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cs-sw-qc{border-radius:var(--radius);border:1px solid var(--border);background:var(--cs-qc-bg,#fff);align-items:center;gap:8px;padding:12px;display:flex}.cs-sw-qc-aa{font-size:22px;font-weight:800;font-family:var(--font);color:var(--cs-qc-fg,#000);line-height:1}.cs-sw-qc-ratio{font-family:var(--mono);color:var(--cs-qc-tx,var(--t1));font-size:11px;font-weight:600}.cs-sw-contrast{gap:var(--s-3);flex-direction:column;display:flex}.cs-sw-group-label{letter-spacing:.06em;color:var(--t3);text-transform:uppercase;margin:4px 0 2px;font-size:10px;font-weight:700}.cs-sw-cc-pair{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.cs-sw-cc{padding:var(--s-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--cs-cc-bg,#fff);flex-direction:column;align-items:center;gap:4px;display:flex}.cs-sw-cc-aa{color:var(--cs-cc-fg,#000);font-size:26px;font-weight:800;line-height:1}.cs-sw-cc-ratio{font-family:var(--mono);color:var(--cs-cc-tx,var(--t1));font-size:13px;font-weight:700}.cs-sw-badges{gap:4px;display:flex}.cs-sw-badge{letter-spacing:.04em;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:700}.cs-sw-badge.pass{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.cs-sw-badge.warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.cs-sw-badge.fail{background:color-mix(in srgb,var(--err) 16%,transparent);color:var(--err)}.cs-sw-fix{color:var(--accent);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;background:0 0;margin-top:6px;padding:5px 10px;font-size:11px;font-weight:700}.cs-sw-fix:hover{border-color:var(--bh);background:var(--hvr)}.cs-sw-siblings{flex-direction:column;gap:2px;display:flex}.cs-sw-sib-row{border-radius:var(--radius-s);align-items:center;gap:10px;padding:7px 8px;display:flex}.cs-sw-sib-chip{border:1px solid var(--border);background:var(--cs-sib,#000);border-radius:5px;flex:none;width:18px;height:18px}.cs-sw-sib-role{font-family:var(--mono);color:var(--t2);letter-spacing:.06em;font-size:10px}.cs-sw-sib-ratio{font-family:var(--mono);color:var(--t1);margin-left:auto;font-size:12px;font-weight:700}.cs-sw-helper{color:var(--t2);margin-bottom:var(--s-3);font-size:11px;line-height:1.5}.cs-sw-shade-strip{border-radius:var(--radius-s);border:1px solid var(--border);height:40px;margin-bottom:var(--s-3);display:flex;overflow:hidden}.cs-sw-shade-seg{cursor:pointer;background:var(--cs-seg,#000);border:none;flex:1;padding:0;transition:flex .18s cubic-bezier(.16,1,.3,1)}.cs-sw-shade-seg:hover{flex:1.6}.cs-sw-shade-row{cursor:pointer;border-radius:var(--radius-s);background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px;transition:background .12s;display:flex}.cs-sw-shade-row:hover{background:var(--hvr)}.cs-sw-shade-row[aria-current=true]{box-shadow:inset 0 0 0 2px var(--accent)}.cs-sw-shade-dot{border:1px solid var(--border);background:var(--cs-dot,#000);border-radius:6px;flex:none;width:22px;height:22px}.cs-sw-shade-tone{font-family:var(--mono);color:var(--t3);text-align:left;width:24px;font-size:10px}.cs-sw-shade-hex{font-family:var(--mono);color:var(--t1);font-size:12px;font-weight:700}.cs-sw-shade-ratio{font-family:var(--mono);color:var(--t3);margin-left:auto;font-size:10px}.cs-sw-shade-copy{color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;place-items:center;padding:4px;display:grid}.cs-sw-shade-copy:hover{color:var(--t0);background:var(--hvr)}.cs-sw-edit-label{letter-spacing:.06em;color:var(--t3);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}.cs-sw-edit-field{margin-bottom:var(--s-3);align-items:center;gap:8px;display:flex}.cs-sw-edit-chip{border-radius:var(--radius-s);border:1px solid var(--border);cursor:pointer;background:var(--cs-edit-chip,#000);flex:none;width:40px;height:40px;position:relative;overflow:hidden}.cs-sw-edit-chip input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.cs-sw-edit-hex{font-family:var(--mono);letter-spacing:.04em;background:var(--inp);border:1px solid var(--border);border-radius:var(--radius-s);height:40px;color:var(--t0);flex:auto;min-width:0;padding:0 12px;font-size:15px;font-weight:700}.cs-sw-edit-hex:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.cs-sw-edit-hex.invalid{border-color:var(--err)}.cs-sw-edit-pick{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--card);height:40px;color:var(--t1);cursor:pointer;flex:none;padding:0 14px;font-size:12px;font-weight:700}.cs-sw-edit-pick:hover{border-color:var(--bh);background:var(--hvr)}.cs-sw-edit-err{color:var(--err);margin-bottom:var(--s-3);align-items:center;gap:5px;font-size:11px;display:flex}.cs-sw-edit-note{color:var(--t2);margin-bottom:var(--s-3);font-size:11px;line-height:1.5}.cs-sw-edit-note button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.cs-sw-edit-sub{font-family:var(--mono);color:var(--t2);margin-bottom:var(--s-3);font-size:11px}.cs-sw-edit-sep{background:var(--border);height:1px;margin:0 0 var(--s-3)}.cs-sw-recent{margin-bottom:var(--s-3);flex-wrap:wrap;gap:6px;display:flex}.cs-sw-recent-chip{border:1px solid var(--border);cursor:pointer;background:var(--cs-recent,#000);border-radius:6px;width:24px;height:24px}.cs-cb-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cs-cb-title{color:var(--t2);white-space:nowrap;font-size:12px;font-weight:600}.cs-cb-toggle{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-pill);gap:0;padding:3px;display:inline-flex;position:relative}.cs-cb-seg-full{display:inline}.cs-cb-seg-abbr{display:none}.cs-cb-select-wrap{align-items:center;gap:8px;display:none}.cs-cb-select-label{color:var(--t2);font-size:12px;font-weight:600}.cs-cb-seg{z-index:1;cursor:pointer;min-height:32px;font-family:var(--font);color:var(--t2);white-space:nowrap;background:0 0;border:none;padding:6px 12px;font-size:12px;font-weight:600;transition:color .18s;position:relative}.cs-cb-seg:hover{color:var(--t0)}.cs-cb-seg.active{color:var(--accent-fg)}.cs-cb-thumb{z-index:0;border-radius:var(--radius-pill);background:var(--brand);height:calc(100% - 6px);box-shadow:0 2px 8px -2px var(--brand-glow);transform:translateX(var(--cs-cb-x,0));width:var(--cs-cb-w,0);transition:transform .42s cubic-bezier(.34,1.56,.64,1),width .42s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px}.cs-cb-select{height:34px;font-family:var(--font);color:var(--t1);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;padding:0 30px 0 12px;font-size:12px;font-weight:600}.cs-cb-banner{margin-bottom:var(--s-3);padding:9px var(--s-4);border-radius:var(--radius);background:color-mix(in srgb,var(--brand) 8%,var(--bg-2));border:1px solid color-mix(in srgb,var(--brand) 24%,var(--border));color:var(--t1);align-items:center;gap:10px;font-size:12px;display:flex}.cs-cb-banner-icon{color:var(--brand);flex:none}.cs-cb-banner-exit{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;margin-left:auto;font-size:12px;font-weight:700}.cs-cb-tag{letter-spacing:.06em;text-transform:uppercase;color:#fff;z-index:3;background:#00000061;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:6px;right:6px}.cs-pb-rail.cb-on .cs-pb-swatch{cursor:default}.cs-pb-rail.cb-on .cs-pb-tools,.cs-pb-rail.cb-on .cs-pb-tints,.cs-pb-rail.cb-on .cs-pb-gap{pointer-events:none;opacity:.4}.cs-pb-rail.cb-on .cs-pb-swatch.cs-cb-clash{box-shadow:inset 0 0 0 2px var(--warn)}@media (width<=480px){.cs-sw-overlay{background:var(--scrim,#08090b9e);pointer-events:auto;align-items:flex-end}.cs-sw{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-width:100%;max-height:85vh;animation:.24s cubic-bezier(.16,1,.3,1) both cs-sheet-up;position:relative;top:auto;left:auto}.cs-sw:before{content:"";background:var(--t3);border-radius:2px;width:36px;height:4px;margin:10px auto 2px;display:block}.cs-ctx{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;min-width:0;max-width:100%;padding:8px 8px max(8px,env(safe-area-inset-bottom));animation:.24s cubic-bezier(.16,1,.3,1) both cs-sheet-up;position:fixed;bottom:0;right:0;top:auto!important;left:0!important}.cs-ctx-item{min-height:48px;font-size:15px}}@keyframes cs-sheet-up{0%{transform:translateY(100%)}to{transform:none}}.cs-csys-trigger svg{flex:none}.cs-csys-popup{z-index:1150;left:var(--cs-csys-x,12px);top:var(--cs-csys-y,12px);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);width:380px;max-width:calc(100vw - 24px);max-height:min(620px,100vh - 24px);box-shadow:var(--shadow-l), var(--ring);flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) both cs-sw-in;display:flex;position:fixed;overflow:hidden}.cs-csys-grabber{display:none}.cs-csys-head{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.cs-csys-title{letter-spacing:-.01em;color:var(--t0);margin:0;font-size:16px;font-weight:600;line-height:1.2}.cs-csys-close{border-radius:var(--radius-s);width:32px;height:32px;color:var(--t2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);background:0 0;border:none;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.cs-csys-close:hover{background:var(--hvr);color:var(--t0)}.cs-csys-close:focus-visible{box-shadow:0 0 0 2px var(--brand);outline:none}.cs-csys-tabs{border-bottom:1px solid var(--border);background:var(--bg-1);flex:none;display:flex;position:relative}.cs-csys-tab{min-height:44px;font-family:var(--font);color:var(--t2);cursor:pointer;background:0 0;border:none;flex:1;padding:11px 6px;font-size:13px;font-weight:550;transition:color .14s}.cs-csys-tab:hover{color:var(--t0)}.cs-csys-tab.active{color:var(--brand)}.cs-csys-tab:focus-visible{box-shadow:inset 0 0 0 2px var(--brand);outline:none}.cs-csys-tab-underline{background:var(--brand);height:2px;width:var(--cs-csys-tab-w,0);transform:translateX(var(--cs-csys-tab-x,0));transition:transform .28s cubic-bezier(.34,1.56,.64,1),width .28s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-1px;left:0}.cs-csys-body{padding:var(--s-4);overscroll-behavior:contain;flex:auto;overflow-y:auto}.cs-csys-panel{flex-direction:column;display:flex}.cs-csys-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);margin-bottom:var(--s-2);align-items:center;gap:8px;font-size:11px;font-weight:600;line-height:1;display:flex}.cs-csys-eyebrow+.cs-csys-eyebrow,.cs-csys-auto+.cs-csys-eyebrow{margin-top:var(--s-5)}.cs-csys-free-badge{font-family:var(--mono);letter-spacing:.02em;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);border-radius:var(--radius-pill);text-transform:none;padding:2px 6px;font-size:9px;font-weight:600}.cs-csys-foot{align-items:center;gap:var(--s-3);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--border);display:flex}.cs-csys-add{border-radius:var(--radius-s);background:var(--brand);min-height:40px;color:var(--accent-fg);font-family:var(--font);cursor:pointer;transition:filter var(--t-fast),opacity var(--t-fast);border:none;flex:1;padding:10px 16px;font-size:13px;font-weight:600}.cs-csys-add:hover:not(:disabled){filter:brightness(1.08)}.cs-csys-add:disabled{opacity:.45;cursor:not-allowed}.cs-csys-add:focus-visible{box-shadow:0 0 0 3px var(--brand-glow);outline:none}.cs-csys-ghost{min-height:40px;color:var(--t2);font-family:var(--font);cursor:pointer;border-radius:var(--radius-s);transition:background var(--t-fast),color var(--t-fast);background:0 0;border:none;flex:none;padding:10px 12px;font-size:12px;font-weight:550}.cs-csys-ghost:hover{background:var(--hvr);color:var(--t0)}.cs-csys-ghost:focus-visible{box-shadow:0 0 0 2px var(--brand);outline:none}.cs-csys-foot-note{color:var(--t2);font-size:12px;line-height:1.45}.cs-csys-lock{color:var(--t3);transition:color var(--t-fast);display:inline-flex;position:absolute;top:6px;right:6px}.cs-csys-live{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cs-csys-auto{border-radius:var(--radius);display:flex;overflow:hidden}.cs-csys-auto-tile{background:var(--cs-csys-tile,var(--bg-3));flex:1;height:40px}.cs-csys-harm{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.cs-csys-harm-chip{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);min-height:44px;color:var(--t1);font-family:var(--font);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:550;transition:background .12s cubic-bezier(.2,0,0,1),border-color .12s cubic-bezier(.2,0,0,1);display:flex;position:relative}.cs-csys-harm-chip:hover{background:var(--bh)}.cs-csys-harm-chip:focus-visible{box-shadow:0 0 0 2px var(--brand);outline:none}.cs-csys-harm-chip.is-selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand),0 0 0 3px var(--brand-glow);transition:box-shadow .2s cubic-bezier(.16,1,.3,1)}.cs-csys-harm-chip.is-locked{color:var(--t2);padding-right:22px}.cs-csys-harm-chip.is-locked:hover .cs-csys-lock{color:var(--t1)}.cs-csys-harm-diagram{color:var(--t2);flex:none}.cs-csys-harm-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.cs-csys-drop{width:100%;min-height:240px;padding:var(--s-5);border:2px dashed var(--border);border-radius:var(--radius-l);background:var(--bg-2);color:var(--t2);cursor:pointer;font-family:var(--font);flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:border-color .12s linear,background .12s linear,color .12s linear;display:flex}.cs-csys-drop:hover{border-color:var(--bh);color:var(--t1)}.cs-csys-drop:focus-visible{box-shadow:0 0 0 2px var(--brand);outline:none}.cs-csys-drop.is-dragover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--bg-2));color:var(--t0)}.cs-csys-drop.is-error{border-color:var(--err);animation:.32s cubic-bezier(.36,.07,.19,.97) cs-csys-shake}.cs-csys-drop svg{color:var(--t3);margin-bottom:2px}.cs-csys-drop-title{color:var(--t1);font-size:13px;font-weight:600}.cs-csys-drop-sub{color:var(--t3);font-size:12px}.cs-csys-drop-err{color:var(--err);text-align:center;margin-top:6px;font-size:12px;font-weight:550}.cs-csys-file{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes cs-csys-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.cs-csys-zoom{margin-bottom:var(--s-3);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.cs-csys-zoom-seg{border-radius:var(--radius-xs);min-width:34px;min-height:28px;color:var(--t2);font-family:var(--mono);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);background:0 0;border:none;padding:4px 10px;font-size:11px;font-weight:600}.cs-csys-zoom-seg:hover{color:var(--t0)}.cs-csys-zoom-seg.active{background:var(--brand);color:var(--accent-fg)}.cs-csys-zoom-seg:focus-visible{box-shadow:0 0 0 2px var(--brand);outline:none}.cs-csys-stage{--cs-csys-stage-h:300px;border-radius:var(--radius);background:var(--bg-0);touch-action:none;width:100%;position:relative;overflow:hidden}.cs-csys-stage:focus-visible{box-shadow:0 0 0 2px var(--brand);outline:none}.cs-csys-canvas{width:100%;height:var(--cs-csys-stage-h);background:var(--bg-0);display:block}.cs-csys-pt{left:var(--cs-x);top:var(--cs-y);box-sizing:border-box;cursor:grab;touch-action:none;width:44px;height:44px;padding:8px;position:absolute;transform:translate(-50%,-50%)}.cs-csys-pt.is-dragging{cursor:grabbing;z-index:3}.cs-csys-pt:focus-visible{outline:none}.cs-csys-pt-ring{background:var(--cs-c,#000);border-radius:50%;width:100%;height:100%;transition:transform .1s cubic-bezier(.2,0,0,1);display:block;box-shadow:0 0 0 1px #000,0 0 0 2px #fff}.cs-csys-pt:hover .cs-csys-pt-ring,.cs-csys-pt.is-active .cs-csys-pt-ring{transform:scale(1.08)}.cs-csys-pt:focus-visible .cs-csys-pt-ring{box-shadow:0 0 0 1px #000,0 0 0 2px #fff,0 0 0 4px var(--brand)}.cs-csys-pt-del{background:var(--bg-4);width:24px;height:24px;color:var(--t0);cursor:pointer;box-shadow:var(--shadow-s);border:none;border-radius:50%;place-items:center;font-size:12px;line-height:1;display:none;position:absolute;top:0;right:0}.cs-csys-pt:hover .cs-csys-pt-del,.cs-csys-pt:focus-within .cs-csys-pt-del,.cs-csys-pt.is-active .cs-csys-pt-del{display:grid}.cs-csys-readout{left:var(--cs-x);top:var(--cs-y);border-radius:var(--radius-s);background:var(--bg-1);border:1px solid var(--border);box-shadow:var(--shadow-m);pointer-events:none;white-space:nowrap;z-index:4;align-items:center;gap:6px;padding:4px 8px;display:inline-flex;position:absolute;transform:translate(-50%,calc(-100% - 26px))}.cs-csys-readout-sw{background:var(--cs-c,#000);border-radius:4px;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0003}.cs-csys-readout-hex{font-family:var(--mono);color:var(--t0);font-size:12px;font-weight:500}.cs-csys-readout-badge{font-family:var(--mono);border-radius:var(--radius-pill);padding:1px 5px;font-size:10px;font-weight:600}.cs-csys-readout-badge.pass{color:var(--ok);background:color-mix(in srgb,var(--ok) 16%,transparent)}.cs-csys-readout-badge.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 18%,transparent)}.cs-csys-readout-badge.fail{color:var(--err);background:color-mix(in srgb,var(--err) 16%,transparent)}.cs-csys-loupe{left:var(--cs-loupe-x,0);top:var(--cs-loupe-y,0);width:var(--cs-loupe-size,96px);height:var(--cs-loupe-size,96px);border:2px solid var(--bg-1);box-shadow:0 0 0 1px var(--border),var(--shadow-m);pointer-events:none;opacity:0;z-index:5;border-radius:50%;transition:opacity .12s cubic-bezier(.2,0,0,1);position:absolute;overflow:hidden}.cs-csys-stage:hover .cs-csys-loupe,.cs-csys-pt:focus-within~.cs-csys-loupe,.cs-csys-pt.is-dragging~.cs-csys-loupe{opacity:1}.cs-csys-loupe-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.cs-csys-loupe-cross{pointer-events:none;position:absolute;inset:0}.cs-csys-loupe-cross:before,.cs-csys-loupe-cross:after{content:"";background:#ffffffb3;position:absolute;box-shadow:0 0 0 .5px #0009}.cs-csys-loupe-cross:before{width:1px;top:0;bottom:0;left:50%;transform:translate(-.5px)}.cs-csys-loupe-cross:after{height:1px;top:50%;left:0;right:0;transform:translateY(-.5px)}.cs-csys-state{background:color-mix(in srgb,var(--bg-0) 82%,transparent);color:var(--t1);z-index:6;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:550;display:flex;position:absolute;inset:0}.cs-csys-state.is-loading{background:var(--bg-2)}.cs-csys-spinner{border:2.5px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite cs-csys-spin}@keyframes cs-csys-spin{to{transform:rotate(360deg)}}.cs-csys-hint{margin:var(--s-3) 0 0;color:var(--t2);font-size:12px;line-height:1.45}.cs-csys-tray{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.cs-csys-tray-tile{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--cs-c,var(--bg-3));cursor:pointer;width:36px;height:36px;transition:transform var(--t-fast),box-shadow var(--t-fast);flex:none;padding:0;position:relative}.cs-csys-tray-tile:hover{box-shadow:var(--shadow-s);transform:translateY(-1px)}.cs-csys-tray-tile.is-active{box-shadow:0 0 0 2px var(--brand)}.cs-csys-tray-tile:focus-visible{box-shadow:0 0 0 2px var(--brand);outline:none}.cs-csys-tray-x{background:var(--bg-4);width:16px;height:16px;color:var(--t0);text-align:center;opacity:0;box-shadow:var(--shadow-xs);transition:opacity var(--t-fast);border-radius:50%;font-size:11px;line-height:16px;position:absolute;top:-5px;right:-5px}.cs-csys-tray-tile:hover .cs-csys-tray-x,.cs-csys-tray-tile:focus-visible .cs-csys-tray-x{opacity:1}.cs-csys-brand-grid{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.cs-csys-brand{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);cursor:pointer;flex-direction:column;gap:8px;padding:10px;transition:transform .12s cubic-bezier(.2,0,0,1),box-shadow .12s cubic-bezier(.2,0,0,1),border-color .12s cubic-bezier(.2,0,0,1);display:flex}.cs-csys-brand:hover{box-shadow:var(--shadow-s);transform:translateY(-1px)}.cs-csys-brand:focus-visible{box-shadow:0 0 0 2px var(--brand);outline:none}.cs-csys-brand.is-selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.cs-csys-brand-name{color:var(--t1);font-size:13px;font-weight:550}.cs-csys-brand-bar{border-radius:var(--radius-xs);height:24px;display:flex;overflow:hidden}.cs-csys-brand-sw{background:var(--cs-c,var(--bg-3));cursor:pointer;transition:flex var(--t-fast);border:none;flex:1;padding:0}.cs-csys-brand-sw:hover{flex:1.6}.cs-csys-brand-sw:focus-visible{box-shadow:inset 0 0 0 2px var(--brand);outline:none}@media (width<=768px){.cs-csys-canvas{height:260px}.cs-csys-stage{--cs-csys-stage-h:260px}}@media (width<=480px){.cs-csys-sheet-overlay{background:var(--scrim,#08090b9e);pointer-events:auto;align-items:flex-end}.cs-csys-popup{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:100%;max-height:85vh;animation:.24s cubic-bezier(.16,1,.3,1) both cs-sheet-up;position:relative;top:auto;left:auto}.cs-csys-grabber{background:var(--t3);border-radius:2px;flex:none;width:36px;height:4px;margin:10px auto 2px;display:block}.cs-csys-tabs{z-index:2;position:sticky;top:0}.cs-csys-canvas{height:44vh}.cs-csys-stage{--cs-csys-stage-h:44vh}}@media (width<=380px){.cs-csys-tab{font-size:12px}.cs-csys-harm{gap:var(--s-1)}.cs-csys-brand-grid{grid-template-columns:1fr}}@media (width<=320px){.cs-csys-foot{flex-wrap:wrap}.cs-csys-add,.cs-csys-ghost{flex:100%}.cs-csys-tray-tile{width:32px;height:32px}}[data-reduced-motion] .cs-csys-loupe{transition:none}[data-reduced-motion] .cs-csys-drop.is-error{animation:none}.cs-pv{margin-bottom:var(--s-7);scroll-margin-top:100px}.cs-pv-header{cursor:pointer;align-items:center;gap:12px;margin-bottom:14px;display:flex}.cs-pv-header.is-collapsed{margin-bottom:0}.cs-pv-header h2{font-size:18px;font-weight:700}.cs-pv-sublabel{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);font-size:10px;font-weight:600;line-height:1.4}.cs-pv-body{max-width:1280px;margin-inline:auto}.cs-pv-legend{margin-bottom:var(--s-5);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-1);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 14px;display:flex}.cs-pv-legend-item{align-items:center;gap:7px;display:inline-flex}.cs-pv-legend-dot{border-radius:var(--radius-pill);border:1px solid var(--bh);width:14px;height:14px;transition:transform var(--t-fast);flex-shrink:0}.cs-pv-legend-item:hover .cs-pv-legend-dot{transform:scale(1.15)}.cs-pv-legend-dot[data-role=bg]{background:var(--pv-bg)}.cs-pv-legend-dot[data-role=surface]{background:var(--pv-surface)}.cs-pv-legend-dot[data-role=primary]{background:var(--pv-primary)}.cs-pv-legend-dot[data-role=accent]{background:var(--pv-accent)}.cs-pv-legend-dot[data-role=text]{background:var(--pv-text)}.cs-pv-legend-name{letter-spacing:.04em;text-transform:uppercase;color:var(--t1);font-size:10px;font-weight:700;line-height:1}.cs-pv-legend-hex{font-family:var(--mono);color:var(--t2);font-size:10px;font-weight:500;line-height:1}.cs-pv-legend-hint{color:var(--t2);margin-left:auto;font-size:10px;font-style:italic}.cs-pv-grid{gap:var(--s-4);grid-template-columns:repeat(2,1fr);display:grid}.cs-pv-scene{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow),var(--ring);transition:transform var(--t),box-shadow var(--t);animation:.32s cubic-bezier(.16,1,.3,1) backwards cs-deal;overflow:hidden}.cs-pv-scene:nth-child(2){animation-delay:50ms}.cs-pv-scene:nth-child(3){animation-delay:.1s}.cs-pv-scene:nth-child(4){animation-delay:.15s}.cs-pv-scene:hover{box-shadow:var(--warm-shadow-lg),var(--ring);transform:translateY(-2px)}.cs-pv-scene-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;display:flex}.cs-pv-scene-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--t2);font-size:10px;font-weight:700;line-height:1}.cs-pv-scene-mode{letter-spacing:.06em;text-transform:uppercase;color:var(--t3);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 7px;font-size:9px;font-weight:600;line-height:1}.cs-pv-canvas{aspect-ratio:16/10;background:var(--pv-bg);color:var(--pv-text);padding:var(--s-4);font-family:var(--font);position:relative;overflow:hidden;container:pv-canvas/inline-size}.cs-pv-btn{background:var(--pv-primary);color:var(--pv-on-primary);border:1px solid var(--pv-primary-border,transparent);border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;padding:7px 13px;font-size:11px;font-weight:650;line-height:1;display:inline-flex}.cs-pv-btn.is-ghost{color:var(--pv-text);border:1px solid var(--pv-border);background:0 0}.cs-pv-tag{border-radius:var(--radius-pill);color:var(--pv-accent);background:color-mix(in srgb,var(--pv-accent) 12%,transparent);align-items:center;padding:4px 10px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.cs-pv-headline{color:var(--pv-text);letter-spacing:-.02em;margin:0;font-size:clamp(22px,4cqi,30px);font-weight:800;line-height:1.1}.cs-pv-sub{color:var(--pv-muted);max-width:60ch;margin:0;font-size:12px;font-weight:450;line-height:1.55}.cs-pv-glow{pointer-events:none;background:radial-gradient(60% 50% at 50% 28%,color-mix(in srgb,var(--pv-primary) 18%,transparent),transparent 70%);position:absolute;inset:0}.cs-pv-nav{z-index:1;margin-bottom:var(--s-5);justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.cs-pv-wordmark{color:var(--pv-text);align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.cs-pv-dot{border-radius:var(--radius-s);background:var(--pv-primary);width:14px;height:14px;display:inline-block}.cs-pv-nav-links{align-items:center;gap:14px;display:inline-flex}.cs-pv-link{color:var(--pv-muted);font-size:11px;font-weight:500}.cs-pv-hero{z-index:1;align-items:flex-start;gap:var(--s-3);flex-direction:column;display:flex;position:relative}.cs-pv-cta-row{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.cs-pv-logos{margin-top:var(--s-3);opacity:.5;gap:16px;display:flex}.cs-pv-logos span{border-radius:var(--radius-pill);background:var(--pv-muted);width:48px;height:9px}.cs-pv-app{margin:calc(var(--s-4) * -1);height:calc(100% + var(--s-4) * 2);gap:0;display:flex}.cs-pv-side{background:var(--pv-surface);border-right:1px solid var(--pv-border);flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:54px;padding:14px 0;display:flex}.cs-pv-side-mark{border-radius:var(--radius-s);background:var(--pv-primary);width:22px;height:22px}.cs-pv-side-item{border-radius:var(--radius-s);justify-content:center;align-items:center;width:30px;height:30px;display:flex}.cs-pv-side-item i{background:var(--pv-muted);opacity:.55;border-radius:5px;width:15px;height:15px}.cs-pv-side-item.is-active{background:color-mix(in srgb,var(--pv-primary) 14%,transparent)}.cs-pv-side-item.is-active i{background:var(--pv-primary);opacity:1}.cs-pv-app-main{flex-direction:column;flex:1;gap:12px;min-width:0;padding:14px;display:flex}.cs-pv-topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.cs-pv-topbar-title{color:var(--pv-text);font-size:15px;font-weight:700}.cs-pv-kpis{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cs-pv-kpi{background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:var(--radius-s);flex-direction:column;gap:3px;padding:10px;display:flex}.cs-pv-kpi-label{color:var(--pv-muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:500;line-height:1.3}.cs-pv-kpi-num{color:var(--pv-primary);font-size:22px;font-weight:800;line-height:1}.cs-pv-kpi-chip{color:var(--pv-accent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--pv-accent) 14%,transparent);align-self:flex-start;padding:2px 6px;font-size:9px;font-weight:700}.cs-pv-chart{background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:var(--radius-s);flex:1;align-items:flex-end;gap:6px;min-height:0;padding:12px;display:flex}.cs-pv-bar{background:var(--pv-primary);opacity:.45;border-radius:3px 3px 0 0;flex:1}.cs-pv-bar:first-child{height:42%}.cs-pv-bar:nth-child(2){height:68%}.cs-pv-bar:nth-child(3){height:55%}.cs-pv-bar:nth-child(4){height:80%}.cs-pv-bar:nth-child(5){height:62%}.cs-pv-bar:nth-child(6){height:95%}.cs-pv-bar:nth-child(7){height:58%}.cs-pv-bar:nth-child(8){height:74%}.cs-pv-bar.is-peak{background:var(--pv-accent);opacity:1}.cs-pv-mobile{justify-content:center;align-items:center;height:100%;display:flex}.cs-pv-phone{aspect-ratio:9/16;background:var(--pv-bg);border:3px solid var(--pv-border);border-radius:22px;width:46cqi;max-width:170px;overflow:hidden;box-shadow:0 8px 24px #0000002e}.cs-pv-screen{background:var(--pv-surface);flex-direction:column;gap:8px;height:100%;padding:10px;display:flex;position:relative}.cs-pv-status{justify-content:space-between;align-items:center;display:flex}.cs-pv-status>span:first-child{border-radius:var(--radius-pill);background:var(--pv-muted);opacity:.5;width:26px;height:5px}.cs-pv-status-dots{gap:3px;display:inline-flex}.cs-pv-status-dots i{background:var(--pv-muted);opacity:.5;border-radius:50%;width:4px;height:4px}.cs-pv-feed-head{align-items:center;gap:8px;display:flex}.cs-pv-avatar{background:var(--pv-accent);border-radius:50%;width:26px;height:26px}.cs-pv-feed-title{color:var(--pv-text);font-size:13px;font-weight:700}.cs-pv-feed-card{background:var(--pv-bg);border:1px solid var(--pv-border);border-radius:var(--radius-s);flex-direction:column;gap:5px;padding:8px;display:flex}.cs-pv-feed-img{background:linear-gradient(135deg,color-mix(in srgb,var(--pv-primary) 55%,transparent),color-mix(in srgb,var(--pv-accent) 45%,transparent));border-radius:5px;height:34px}.cs-pv-feed-line{border-radius:var(--radius-pill);background:var(--pv-text);opacity:.78;height:5px}.cs-pv-feed-line.is-short{background:var(--pv-muted);opacity:.6;width:55%}.cs-pv-feed-actions{gap:8px;margin-top:1px;display:inline-flex}.cs-pv-feed-actions i{background:var(--pv-muted);opacity:.5;border-radius:3px;width:11px;height:11px}.cs-pv-feed-actions i.is-active{background:var(--pv-primary);opacity:1}.cs-pv-fab{background:var(--pv-primary);width:30px;height:30px;color:var(--pv-on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;line-height:1;display:flex;position:absolute;bottom:42px;right:12px;box-shadow:0 4px 10px #0003}.cs-pv-tabbar{border-top:1px solid var(--pv-border);justify-content:space-around;align-items:center;margin-top:auto;padding:8px 0 2px;display:flex}.cs-pv-tabbar i{background:var(--pv-muted);opacity:.5;border-radius:4px;width:14px;height:14px}.cs-pv-tabbar i.is-active{background:var(--pv-primary);opacity:1}.cs-pv-article{gap:var(--s-2);flex-direction:column;max-width:66ch;height:100%;margin-inline:auto;display:flex;overflow:hidden}.cs-pv-kicker{color:var(--pv-accent);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1}.cs-pv-art-headline{color:var(--pv-text);letter-spacing:-.015em;margin:0;font-size:clamp(18px,5cqi,24px);font-weight:750;line-height:1.15}.cs-pv-byline{color:var(--pv-muted);font-size:11px;font-weight:500}.cs-pv-rule{border-radius:var(--radius-pill);background:var(--pv-primary);width:42px;height:2px}.cs-pv-cols{columns:2;column-gap:var(--s-4);color:var(--pv-text);font-size:11.5px;font-weight:450;line-height:1.7}.cs-pv-cols p{margin:0 0 8px}.cs-pv-a{color:var(--pv-accent);text-underline-offset:2px;text-decoration:underline}.cs-pv-quote{background:var(--pv-surface);border-left:3px solid var(--pv-primary);border-radius:0 var(--radius-s) var(--radius-s) 0;color:var(--pv-text);margin:0;padding:8px 12px;font-size:14px;font-weight:600;line-height:1.4}.cs-pv-scene.is-locked .cs-pv-canvas{background:var(--bg-2);color:var(--t3)}.cs-pv-lock-art{padding:var(--s-5);filter:grayscale();opacity:.5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cs-pv-lock-phone{border:2px solid var(--t3);border-radius:14px;flex-direction:column;gap:7px;width:90px;padding:12px;display:flex}.cs-pv-lock-phone .cs-pv-lock-bar{background:var(--border);border-radius:5px;height:18px}.cs-pv-lock-phone .cs-pv-lock-block{background:var(--border);border-radius:5px;height:24px}.cs-pv-lock-doc{flex-direction:column;gap:8px;width:60%;max-width:220px;display:flex}.cs-pv-lock-line{border-radius:var(--radius-pill);background:var(--border);height:7px}.cs-pv-lock-line.is-short{width:60%}.cs-pv-lock-line.is-kicker{background:var(--t3);width:35%}.cs-pv-lock-head{background:var(--t3);border-radius:5px;height:14px}.cs-pv-lock-rule{border-radius:var(--radius-pill);background:var(--t3);width:30px;height:2px;margin:2px 0}.cs-pv-lock{justify-content:center;align-items:center;gap:var(--s-3);text-align:center;padding:var(--s-5);background:color-mix(in srgb,var(--bg-2) 72%,transparent);flex-direction:column;display:flex;position:absolute;inset:0}.cs-pv-lock-badge{border-radius:var(--radius-pill);background:var(--brand-bg);color:var(--brand);align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.cs-pv-lock-label{color:var(--t1);font-size:13px;font-weight:700}.cs-pv-lock-cta{border-radius:var(--radius-pill);border:1px solid var(--brand);min-height:44px;color:var(--brand);font-family:var(--font);cursor:pointer;transition:background var(--t),color var(--t);background:0 0;justify-content:center;align-items:center;padding:0 18px;font-size:12px;font-weight:650;display:inline-flex}.cs-pv-lock-cta:hover{background:var(--brand);color:var(--accent-fg)}.cs-pv-upsell{justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-5);padding:var(--s-5);border-radius:var(--radius-l);border:1px solid var(--brand);background:var(--brand-bg);display:flex}.cs-pv-upsell-copy{flex-direction:column;gap:3px;display:flex}.cs-pv-upsell-copy strong{color:var(--t0);font-size:15px;font-weight:700}.cs-pv-upsell-copy span{color:var(--t2);font-size:12px}.cs-pv-upsell-cta{flex-shrink:0;min-height:44px}@container pv-canvas (width<=340px){.cs-pv-app .cs-pv-side{display:none}.cs-pv-kpis{grid-template-columns:repeat(2,1fr)}.cs-pv-cols{columns:1}}@media (width<=768px){.cs-pv-grid{grid-template-columns:1fr}.cs-pv-canvas{aspect-ratio:16/9}}@media (width<=480px){.cs-pv-canvas{aspect-ratio:4/3}.cs-pv-upsell{text-align:center;flex-direction:column;align-items:stretch}.cs-pv-upsell-cta{width:100%}}@media (width<=380px){.cs-pv-legend{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.cs-pv-legend-item{flex-shrink:0}.cs-pv-legend-hex{display:none}}@media (width<=320px){.cs-pv-canvas{aspect-ratio:1}.cs-pv-lock{flex-wrap:wrap}}[data-reduced-motion] .cs-pv-scene{transition:none;animation:none}[data-reduced-motion] .cs-pv-scene:hover{transform:none}@media (width<=768px){.cs-cb-wrap{flex:100%;order:10;margin-top:4px}.cs-cb-toggle{width:100%;display:flex}.cs-cb-seg{flex:1;padding:6px 4px}}@media (width<=480px){.cs-cb-seg-full{display:none}.cs-cb-seg-abbr{display:inline}.cs-cb-seg{padding:6px 2px;font-size:11px}}@media (width<=380px){.cs-cb-toggle{display:none}.cs-cb-select-wrap{flex:100%;display:flex}.cs-cb-select{flex:1}}[data-cat]{--dsc-c:var(--accent);--dsc-text:var(--dsc-c)}[data-cat=gradients]{--dsc-c:#8b5cf6}[data-cat=palettes]{--dsc-c:#ec4899}[data-cat=inspiration]{--dsc-c:#3b82f6}[data-cat=dev-tools]{--dsc-c:#10b981}[data-cat=free-assets]{--dsc-c:#f59e0b}[data-cat=fonts]{--dsc-c:#06b6d4}[data-cat=components]{--dsc-c:#f43f5e}[data-cat=community]{--dsc-c:var(--accent)}[data-theme=dark] [data-cat=gradients]{--dsc-text:#9b73f7}[data-theme=dark] [data-cat=palettes]{--dsc-text:#ec4d9c}[data-theme=dark] [data-cat=inspiration]{--dsc-text:#478af7}[data-theme=dark] [data-cat=components]{--dsc-text:#f54a67}[data-theme=light] [data-cat=gradients]{--dsc-text:#754dcf}[data-theme=light] [data-cat=palettes]{--dsc-text:#b33774}[data-theme=light] [data-cat=inspiration]{--dsc-text:#2e66c1}[data-theme=light] [data-cat=dev-tools]{--dsc-text:#0a7954}[data-theme=light] [data-cat=free-assets]{--dsc-text:#956007}[data-theme=light] [data-cat=fonts]{--dsc-text:#047589}[data-theme=light] [data-cat=components]{--dsc-text:#bd3149}.dsc-wrap{padding-bottom:64px}.dsc-head{margin-bottom:28px}.dsc-submit{margin-top:20px}.dsc-offline{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--warn) 9%,var(--bg-1));color:var(--t1);align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.dsc-offline svg{color:var(--warn);flex-shrink:0}.dsc-toolbar{z-index:30;background:color-mix(in srgb,var(--bg-0) 82%,transparent);-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;padding:12px 0;display:flex;position:sticky;top:0}.dsc-search{flex:240px;max-width:380px}.dsc-chips-row{flex:100%;order:3}.dsc-sort{margin-left:auto}.dsc-chip-cat{align-items:center;gap:7px;display:inline-flex}.dsc-chip-dot{background:var(--dsc-c);border-radius:50%;flex-shrink:0;width:7px;height:7px}.dsc-chip-cat.active{background:color-mix(in srgb,var(--dsc-c) 12%,transparent);border-color:var(--dsc-c);color:var(--dsc-text)}.dsc-featured{margin-bottom:40px}.dsc-featured-h{margin-bottom:16px}.dsc-rail-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:16px;padding:4px 2px 14px;display:flex;overflow-x:auto}.dsc-rail-track::-webkit-scrollbar{height:8px}.dsc-rail-track::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:var(--radius-pill)}.dsc-feat-card{scroll-snap-align:start;background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);max-width:320px;box-shadow:var(--warm-shadow);flex-direction:column;flex:0 0 320px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.dsc-feat-card:hover{border-color:var(--bh);box-shadow:var(--warm-shadow-lg);transform:translateY(-3px)}.dsc-feat-card:before{content:"";background:var(--dsc-c);z-index:1;width:3px;position:absolute;inset:0 auto 0 0}.dsc-feat-badge{z-index:2;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dsc-text);background:color-mix(in srgb,var(--dsc-c) 14%,var(--bg-1));border:1px solid color-mix(in srgb,var(--dsc-c) 30%,transparent);border-radius:var(--radius-pill);padding:4px 8px;font-size:9px;font-weight:700;position:absolute;top:12px;right:12px}.dsc-feat-top{cursor:pointer;flex-direction:column;flex:1;gap:14px;padding:20px;display:flex}.dsc-feat-top:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:var(--radius-l)}.dsc-feat-face{border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--dsc-c) 24%,var(--bg-2)),color-mix(in srgb,var(--dsc-c) 8%,var(--bg-2)));height:96px;color:var(--dsc-c);justify-content:center;align-items:center;display:flex}.dsc-feat-meta{flex-direction:column;gap:8px;display:flex}.dsc-feat-title{color:var(--t0);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.dsc-feat-desc{color:var(--t2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.dsc-feat-foot{padding:0 20px 18px}.dsc-browse{margin-bottom:40px}.dsc-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.dsc-tile{border-radius:var(--radius-l);border:1px solid var(--border);background:var(--card-grad);cursor:pointer;font-family:var(--font);text-align:left;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.dsc-tile:hover{border-color:color-mix(in srgb,var(--dsc-c) 40%,var(--border));box-shadow:var(--warm-shadow);transform:translateY(-2px)}.dsc-tile.is-active{border-color:var(--dsc-c);box-shadow:0 0 0 1px var(--dsc-c)}.dsc-tile-icon{border-radius:var(--radius-s);width:34px;height:34px;color:var(--dsc-text);background:color-mix(in srgb,var(--dsc-c) 12%,transparent);justify-content:center;align-items:center;display:inline-flex}.dsc-tile-label{color:var(--t0);font-size:13px;font-weight:600}.dsc-tile-count{font-family:var(--mono);color:var(--t2);font-size:11px;font-weight:600}.dsc-grid-band{margin-bottom:40px;scroll-margin-top:88px}.dsc-grid{margin-top:4px}.dsc-card{background:var(--card-grad);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.dsc-card:hover{border-color:var(--bh);box-shadow:var(--warm-shadow-lg);transform:translateY(-3px)}.dsc-rail{background:var(--dsc-c);z-index:1;pointer-events:none;width:3px;position:absolute;inset:0 auto 0 0}.dsc-face{background:linear-gradient(135deg,color-mix(in srgb,var(--dsc-c) 22%,var(--bg-2)),color-mix(in srgb,var(--dsc-c) 6%,var(--bg-2)));height:104px;color:var(--dsc-c);justify-content:center;align-items:center;display:flex;position:relative}.dsc-face-mono{font-family:var(--mono);letter-spacing:.02em;color:color-mix(in srgb,var(--dsc-c) 86%,var(--t0));font-size:26px;font-weight:700}.dsc-face-glyph{opacity:.55;position:absolute;top:10px;left:12px}.dsc-face-swatches{background:var(--bg-2);justify-content:stretch;align-items:stretch;padding:0}.dsc-swatch{flex:1;min-width:0;transition:flex .25s cubic-bezier(.2,0,0,1)}.dsc-card:hover .dsc-swatch:hover{flex:1.8}.dsc-face-swatches .dsc-face-glyph{border-radius:var(--radius-s);color:#fff;opacity:.92;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0e6b;justify-content:center;align-items:center;padding:4px;display:inline-flex}.dsc-face-ui{justify-content:center;align-items:flex-end;padding:14px 22px 0;overflow:hidden}.dsc-ui-window{background:var(--bg-1);border:1px solid color-mix(in srgb,var(--dsc-c) 30%,var(--border));border-radius:var(--radius-s) var(--radius-s) 0 0;width:100%;max-width:190px;box-shadow:0 -4px 18px color-mix(in srgb,var(--dsc-c) 14%,transparent);border-bottom:none}.dsc-ui-bar{border-bottom:1px solid var(--border);gap:4px;padding:6px 8px;display:flex}.dsc-ui-bar span{background:color-mix(in srgb,var(--dsc-c) 45%,var(--bg-3));border-radius:50%;width:5px;height:5px}.dsc-ui-body{flex-direction:column;gap:5px;padding:9px 10px 12px;display:flex}.dsc-ui-line{background:color-mix(in srgb,var(--dsc-c) 22%,var(--bg-3));border-radius:3px;height:5px}.dsc-ui-line-w60{width:60%}.dsc-ui-line-w40{width:40%}.dsc-ui-btns{gap:5px;margin-top:3px;display:flex}.dsc-ui-btn{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--dsc-c) 35%,var(--border));background:0 0;width:34px;height:11px}.dsc-ui-btn.is-primary{background:color-mix(in srgb,var(--dsc-c) 65%,var(--bg-2));border-color:#0000}.pgal-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px 18px;display:grid}.pgal-card{flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.pgal-stripes{border-radius:var(--radius-l);border:1px solid var(--border);flex-direction:column;height:196px;transition:transform .18s cubic-bezier(.2,0,0,1),box-shadow .18s,outline-color .18s;display:flex;overflow:hidden}.pgal-card:hover .pgal-stripes{box-shadow:var(--warm-shadow);transform:translateY(-2px)}.pgal-card.is-selected .pgal-stripes{outline:2px solid var(--brand);outline-offset:2px}.pgal-tick{z-index:2;border-radius:var(--radius-pill);background:var(--brand);width:24px;height:24px;color:var(--accent-fg,#fff);box-shadow:var(--shadow-s);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}.pgal-stripe{cursor:pointer;border:none;flex:1;justify-content:flex-end;align-items:center;min-height:0;padding:0;display:flex;position:relative}.pgal-stripe:first-child{flex:2.4}.pgal-hex{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#fff;border-radius:var(--radius-pill);opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#0a0a0e80;margin-right:8px;padding:2px 7px;font-size:10.5px;font-weight:700;transition:opacity .15s}.pgal-stripe:hover .pgal-hex,.pgal-stripe:focus-visible .pgal-hex{opacity:1}.pgal-stripe:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.pgal-foot{align-items:center;gap:8px;min-width:0;padding:0 2px;display:flex}.pgal-like{border-radius:var(--radius-pill);border:1px solid var(--border);width:26px;height:26px;color:var(--t2);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.pgal-like:hover{color:var(--t0);border-color:var(--bh)}.pgal-like.is-liked{color:#fb7185;border-color:#fb718566}.pgal-name{min-width:0;color:var(--t1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.pgal-use{font-family:var(--font);color:var(--t2);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:4px 2px;font-size:11.5px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.pgal-use:hover,.pgal-use.is-selected{color:var(--brand)}.pgal-use.is-selected svg{stroke:var(--brand)}.pgal-cmp{border-radius:var(--radius-pill);border:1px solid var(--border);width:26px;height:26px;color:var(--t2);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.pgal-cmp:hover{color:var(--brand);border-color:var(--bh)}.dsc-save{z-index:3;border-radius:var(--radius-pill);border:1px solid var(--border);cursor:pointer;background:color-mix(in srgb,var(--bg-1) 78%,transparent);width:30px;height:30px;color:var(--t2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:absolute;top:10px;right:10px}.dsc-save:hover{color:var(--t0);border-color:var(--bh)}.dsc-save.is-saved{color:#fb7185;border-color:#fb718566}.dsc-menu-wrap{z-index:3;position:absolute;top:10px;right:46px}.dsc-menu-btn{border-radius:var(--radius-pill);border:1px solid var(--border);cursor:pointer;background:color-mix(in srgb,var(--bg-1) 78%,transparent);width:30px;height:30px;color:var(--t2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.dsc-menu-btn:hover{color:var(--t0);border-color:var(--bh)}.dsc-menu{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:170px;box-shadow:var(--warm-shadow-lg);z-index:10;padding:5px;animation:.12s cubic-bezier(.2,0,0,1) cp-rise;position:absolute;top:36px;right:0}.dsc-menu-item{text-align:left;border-radius:var(--radius-s);width:100%;font-family:var(--font);color:var(--t1);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:12.5px;transition:background .12s,color .12s;display:block}.dsc-menu-item:hover:not(:disabled){background:var(--hvr);color:var(--t0)}.dsc-menu-item:disabled{color:var(--t3);cursor:default}.dsc-card-body{cursor:pointer;flex-direction:column;flex:1;gap:8px;padding:14px 16px 10px;display:flex}.dsc-card-body:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:var(--radius-s)}.dsc-card-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dsc-pill{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dsc-text);background:color-mix(in srgb,var(--dsc-c) 12%,transparent);border:1px solid color-mix(in srgb,var(--dsc-c) 26%,transparent);border-radius:var(--radius-pill);align-items:center;gap:5px;padding:3px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.dsc-pill-free{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent);border:1px solid color-mix(in srgb,var(--ok) 24%,transparent);border-radius:var(--radius-pill);padding:3px 8px;font-size:9.5px;font-weight:700}.dsc-pill-free.is-paid{color:var(--t2);background:var(--bg-2);border-color:var(--border)}.dsc-pill-broken{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);border:1px solid color-mix(in srgb,var(--warn) 24%,transparent);border-radius:var(--radius-pill);padding:3px 8px;font-size:9.5px;font-weight:700}.dsc-card-title{align-items:center;gap:6px;min-width:0;display:flex}.dsc-card-title-text{color:var(--t0);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14.5px;font-weight:700;overflow:hidden}.dsc-ext-glyph{color:var(--t3);flex-shrink:0}.dsc-card-desc{color:var(--t2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.dsc-chips{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.dsc-chip{color:var(--t2);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 8px;font-size:10.5px;font-weight:600}.dsc-chip-diff{color:var(--t1)}.dsc-foot{align-items:center;gap:8px;margin-top:auto;padding:10px 16px 14px;display:flex}.dsc-foot-cta{border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--brand) 40%,var(--border));background:var(--brand-bg);color:var(--brand);font-family:var(--font);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.dsc-foot-cta:hover{background:color-mix(in srgb,var(--brand) 16%,transparent);border-color:var(--brand)}.dsc-foot-visit{border-radius:var(--radius);border:1px solid var(--border);color:var(--t1);background:0 0;align-items:center;gap:5px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex;text-decoration:none!important}.dsc-foot-visit:hover{color:var(--t0);border-color:var(--bh)}.dsc-foot-visit-primary{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);color:var(--t0);flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex;text-decoration:none!important}.dsc-foot-visit-primary:hover{background:var(--bg-3);border-color:var(--bh)}.dsc-foot-visit.is-disabled,.dsc-foot-visit-primary.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:auto}.dsc-collections{margin-bottom:8px}.dsc-coll-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.dsc-coll-card{border-radius:var(--radius-l);border:1px solid var(--border);background:var(--card-grad);cursor:pointer;text-align:left;font-family:var(--font);align-items:center;gap:14px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.dsc-coll-card:hover{border-color:var(--bh);box-shadow:var(--warm-shadow);transform:translateY(-2px)}.dsc-coll-preview{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:4px;width:64px;height:64px;display:grid}.dsc-coll-tile{border-radius:var(--radius-xs);font-family:var(--mono);color:color-mix(in srgb,var(--dsc-c) 88%,var(--t0));background:linear-gradient(135deg,color-mix(in srgb,var(--dsc-c) 26%,var(--bg-2)),color-mix(in srgb,var(--dsc-c) 8%,var(--bg-2)));justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.dsc-coll-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.dsc-coll-title{color:var(--t0);letter-spacing:-.01em;font-size:14px;font-weight:700}.dsc-coll-blurb{color:var(--t2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.dsc-coll-count{font-family:var(--mono);color:var(--t3);margin-top:2px;font-size:10px;font-weight:600}.dsc-empty .dsc-empty-recovery{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.dsc-empty-try{color:var(--t3);font-size:12px;font-weight:600}.dsc-empty .dsc-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.dsc-modal-top{align-items:center;gap:14px;display:flex}.dsc-modal-face{border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--dsc-c) 24%,var(--bg-2)),color-mix(in srgb,var(--dsc-c) 8%,var(--bg-2)));width:64px;height:64px;color:var(--dsc-c);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dsc-modal-face .dsc-face-mono{font-size:22px}.dsc-modal-id{flex-direction:column;gap:8px;min-width:0;display:flex}.dsc-modal-host{font-family:var(--mono);color:var(--t2);font-size:12px}.dsc-modal-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dsc-modal-section{flex-direction:column;gap:8px;display:flex}.dsc-modal-h{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t2);margin:0;font-size:10px;font-weight:700}.dsc-modal-why{color:var(--t1);margin:0;font-size:13.5px;line-height:1.65}.dsc-modal-blurb{color:var(--t1);margin:0;font-size:13.5px;line-height:1.6}.dsc-modal-tags{flex-wrap:wrap;gap:6px;display:flex}.dsc-modal-tag{font-family:var(--mono);color:var(--t2);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 9px;font-size:11px}.dsc-modal-tools{flex-wrap:wrap;gap:8px;display:flex}.dsc-modal-tool{border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--brand) 40%,var(--border));background:var(--brand-bg);color:var(--brand);font-family:var(--font);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.dsc-modal-tool:hover{background:color-mix(in srgb,var(--brand) 16%,transparent);border-color:var(--brand)}.dsc-modal-members{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dsc-modal-member{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-1);cursor:pointer;width:100%;font-family:var(--font);align-items:center;gap:12px;padding:10px;transition:background .15s,border-color .15s;display:flex}.dsc-modal-member:hover{background:var(--hvr);border-color:var(--bh)}.dsc-modal-member-face{border-radius:var(--radius-s);width:40px;height:40px;font-family:var(--mono);color:color-mix(in srgb,var(--dsc-c) 88%,var(--t0));background:linear-gradient(135deg,color-mix(in srgb,var(--dsc-c) 26%,var(--bg-2)),color-mix(in srgb,var(--dsc-c) 8%,var(--bg-2)));flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.dsc-modal-member-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.dsc-modal-member-title{color:var(--t0);font-size:13.5px;font-weight:600}.dsc-modal-member-host{color:var(--t2);font-size:11.5px}.btn.is-disabled{opacity:.5;cursor:not-allowed}.dsc-card-sk{pointer-events:none}.dsc-face-sk{border-radius:0;height:104px}.dsc-card-sk .dsc-card-body{gap:0}.dsc-sk-gap{margin-top:10px}@media (width<=768px){.dsc-toolbar{gap:10px}.dsc-sort{flex:100%;order:4;margin-left:0}.dsc-tiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (width<=480px){.dsc-feat-card{flex-basis:100%;max-width:100%}.dsc-rail-track{scroll-snap-type:none}.dsc-coll-card{align-items:flex-start}.dsc-tiles{grid-template-columns:repeat(2,1fr)}}@media (width<=380px){.dsc-foot{flex-wrap:wrap}.dsc-foot-visit{flex:1;justify-content:center}}html[data-reduced-motion=true] .dsc-rail-track{scroll-snap-type:none}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) .dsc-rail-track{scroll-snap-type:none}}:root{--hue-colour:#2563eb;--hue-type:#0f766e;--hue-component:#7c3aed;--hue-imagery:#b45309;--hue-ai:#be185d;--hue-icons:#047857;--dur-1:.12s;--dur-2:.2s;--dur-3:.28s;--dur-4:.42s;--dur-5:.6s;--dur-6:.7s;--ease-out:cubic-bezier(.16,1,.3,1);--ease-inout:cubic-bezier(.45,0,.15,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--stagger:70ms;--accent-active:#1e40af;--s-11:160px;--s-12:192px;--sec-pad:clamp(96px,calc(8vw + 48px),160px);--fs-display:clamp(2.75rem,calc(1.8rem + 4vw),5rem);--fs-h1:clamp(2.25rem,calc(1.725rem + 2.2vw),3.5rem);--fs-h2:clamp(1.625rem,calc(1.36rem + 1.1vw),2.25rem);--fs-h3:1.5rem;--fs-h4:1.25rem;--fs-h5:1.0625rem;--fs-lede:clamp(1.0625rem,calc(.96rem + .45vw),1.3125rem);--fs-body:1rem;--fs-body-s:.875rem;--fs-caption:.8125rem;--fs-micro:.6875rem;--nav-h:60px;--nav-top:0px;--nav-clear:calc(var(--nav-top) + var(--nav-h) + 8px)}[data-theme=light]{--bg-0:#fafafa;--bg-1:#fff;--bg-2:#f4f4f5;--bg-3:#e9e9eb;--bg-4:#d9d9de;--card:#fff;--card-grad:#fff;--inp:#fff;--cbg:#f4f4f5;--t0:#0a0a0b;--t1:#50505a;--t2:#6c6c76;--t3:#858590;--border:#0a0a0b14;--bh:#0a0a0b29;--hvr:#0a0a0b0a;--scrim:#0a0a0b52;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#3b82f6;--accent-bg:#2563eb14;--brand:#2563eb;--brand-soft:#3b82f6;--brand-bg:#2563eb14;--info:#2563eb;--info-bg:#2563eb14;--avatar-grad:linear-gradient(140deg,var(--brand),var(--accent-strong));--ok:#15803d;--warn:#a16207;--err:#dc2626;--shadow-xs:0 1px 2px #0a0a0b0a;--shadow-s:0 1px 2px #0a0a0b0a,0 2px 8px #0a0a0b0a;--shadow-m:0 2px 4px #0a0a0b08,0 12px 32px -8px #0a0a0b1a;--shadow-l:0 4px 8px #0a0a0b08,0 32px 64px -16px #0a0a0b24;--shadow-nav:0 1px 2px #0a0a0b0a,0 8px 32px -12px #0a0a0b1f}[data-hue=colour]{--hue:var(--hue-colour)}[data-hue=type]{--hue:var(--hue-type)}[data-hue=component]{--hue:var(--hue-component)}[data-hue=imagery]{--hue:var(--hue-imagery)}[data-hue=ai]{--hue:var(--hue-ai)}[data-hue=icons]{--hue:var(--hue-icons)}[data-hue=accent]{--hue:var(--accent)}.smap-surface{margin-top:64px}.smap-surface:first-of-type{margin-top:48px}.smap-surface-h{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px}.smap-surface-h h2{font-family:var(--serif);font-size:var(--fs-h2);letter-spacing:-.02em;color:var(--t0);margin:0 0 6px;font-weight:500}.smap-surface-h p{font-size:var(--fs-body-s);color:var(--t2);max-width:60ch;margin:0}.smap-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.smap-grid--two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.smap-cat{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);transition:border-color var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out);padding:20px}.smap-cat:hover{border-color:var(--bh);box-shadow:var(--shadow-s)}.smap-cat-h{align-items:center;gap:8px;margin-bottom:6px;display:flex}.smap-cat-h h3{font-size:var(--fs-h5);letter-spacing:-.01em;color:var(--t0);margin:0;font-weight:600}.smap-cat-dot{background:var(--hue,var(--accent));border-radius:50%;flex:none;width:8px;height:8px}.smap-cat-desc{font-size:var(--fs-caption);color:var(--t2);margin:0 0 14px;line-height:1.5}.smap-links{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.smap-link{margin:0}.smap-link-a{border-radius:calc(var(--radius) - 4px);transition:background var(--dur-2) var(--ease-out);grid-template-columns:1fr auto;align-items:baseline;gap:8px 12px;margin:0 -10px;padding:8px 10px;text-decoration:none;display:grid}.smap-link-a:hover{background:var(--hvr)}.smap-link-a--soon{cursor:default}.smap-link-a--soon:hover{background:0 0}.smap-link-a.active .smap-link-label{color:var(--hue,var(--accent))}.smap-link-label{font-size:var(--fs-body-s);color:var(--t0);align-items:center;gap:8px;font-weight:500;display:inline-flex}.smap-link-a:hover .smap-link-label{color:var(--hue,var(--accent))}.smap-link-a--soon:hover .smap-link-label{color:var(--t0)}.smap-link-route{font-family:var(--mono);font-size:var(--fs-micro);color:var(--t3);text-align:right;white-space:nowrap}.smap-link-note{font-size:var(--fs-caption);color:var(--t2);grid-column:1/-1;line-height:1.45}.smap-soon{font-size:var(--fs-micro);letter-spacing:.03em;text-transform:uppercase;color:var(--hue,var(--accent));background:color-mix(in srgb,var(--hue,var(--accent)) 12%,transparent);border-radius:999px;flex:none;align-items:center;padding:2px 7px;font-weight:600;line-height:1;display:inline-flex}.smap-soon--inline{vertical-align:middle;margin:0 1px}.smap-stage{font-size:var(--fs-micro);letter-spacing:.03em;text-transform:uppercase;color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent);border-radius:999px;flex:none;align-items:center;padding:2px 7px;font-weight:600;line-height:1;display:inline-flex}@media (width<=520px){.smap-link-a{grid-template-columns:1fr}.smap-link-route{text-align:left}}.fx-dot{background:var(--hue,var(--accent));width:8px;height:8px;transition:transform var(--dur-2) var(--ease-spring);border-radius:50%;flex:none;display:inline-block}.fx-underline{transition:background-size var(--dur-3) var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px}.fx-underline:hover,a:hover>.fx-underline{background-size:100% 1px}.fx-lift{transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),border-color var(--dur-3) var(--ease-out)}.fx-lift:hover{box-shadow:var(--shadow-m);border-color:var(--bh);transform:translateY(-4px)}@keyframes fx-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fx-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes fx-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}[data-reveal]{opacity:0;transition:opacity var(--dur-5) var(--ease-out),transform var(--dur-5) var(--ease-out);transform:translateY(16px)}[data-reveal].is-in{opacity:1;transform:none}.home-anim{animation-fill-mode:both}html[data-reduced-motion=true] [data-reveal],html[data-reduced-motion=true] .home-anim{opacity:1!important;animation:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) [data-reveal],html:not([data-reduced-motion=false]) .home-anim{opacity:1!important;animation:none!important;transform:none!important}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.home.has-gsap [data-reveal]{transition:none}.home.motion-armed .home-hero-h1,.home.motion-armed .home-hero-sub,.home.motion-armed .home-hero-cta,.home.motion-armed .home-hero-hint{opacity:0}.ui-pill{border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;white-space:nowrap;transition:transform var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:580;line-height:1;text-decoration:none;display:inline-flex}.ui-pill:hover{text-decoration:none;transform:translateY(-1px)}.ui-pill:active{transform:scale(.98)}.ui-pill-ink{background:var(--t0);color:var(--bg-0);border-color:var(--t0)}.ui-pill-ink:hover{color:var(--bg-0);box-shadow:var(--shadow-s)}.ui-pill-out{background:var(--bg-1);color:var(--t0);border-color:var(--bh)}.ui-pill-out:hover{border-color:var(--t0)}.ui-pill-accent{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.ui-pill-accent:hover{background:var(--accent-strong);color:var(--accent-fg)}.ui-pill-ghost{color:var(--t1);background:0 0}.ui-pill-ghost:hover{background:var(--hvr);color:var(--t0)}.ui-pill-sm{height:40px;font-size:var(--fs-body-s);padding:0 18px}.ui-pill-md{height:44px;font-size:var(--fs-body);padding:0 22px}.ui-pill-lg{height:52px;font-size:var(--fs-body);padding:0 28px}.ui-pill-block{width:100%}.ui-pill-arrow{transition:transform var(--dur-2) var(--ease-out)}.ui-pill:hover .ui-pill-arrow{transform:translate(3px)}.ui-pill:disabled,.ui-pill[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ui-pill:disabled:hover,.ui-pill[aria-disabled=true]:hover{box-shadow:none;transform:none}.ui-pill:disabled:active,.ui-pill[aria-disabled=true]:active{transform:none}.spec-frame{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xl);place-items:center;display:grid;position:relative;overflow:hidden}.spec-frame:before{content:"";background:linear-gradient(45deg,transparent calc(50% - .5px),var(--border) calc(50% - .5px),var(--border) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(-45deg,transparent calc(50% - .5px),var(--border) calc(50% - .5px),var(--border) calc(50% + .5px),transparent calc(50% + .5px));position:absolute;inset:0}.spec-label{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 10px;position:relative}.soon-badge{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--t2);background:var(--bg-2);flex:none;align-items:center;padding:2px 7px;font-weight:500;line-height:1;display:inline-flex}.soon-badge-accent{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.pnav{height:var(--nav-h);z-index:120;-webkit-backdrop-filter:blur(16px)saturate(1.6);border-bottom:1px solid var(--border);transition:background var(--dur-3) var(--ease-inout),box-shadow var(--dur-3) var(--ease-inout);background:#ffffffd1;position:fixed;top:0;left:0;right:0}.pnav.is-scrolled{box-shadow:var(--shadow-s);background:#ffffffeb}[data-theme=dark] .pnav{border-bottom-color:var(--bh);background:#16181cb8}[data-theme=dark] .pnav.is-scrolled{background:#16181ce6;box-shadow:0 2px 10px #0000008c}.pnav-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1440px;height:100%;margin:0 auto;padding:0 20px;display:grid}.pnav-lead{justify-self:start;align-items:center;gap:18px;min-width:0;display:flex}.pnav-logo{color:var(--t0);align-items:center;gap:10px;text-decoration:none;display:flex}.pnav-logo:hover{text-decoration:none}.pnav-word{font-size:var(--fs-h5);letter-spacing:-.03em;color:var(--t0);font-weight:700}.pnav-items{transition:gap var(--dur-3) var(--ease-inout);align-items:center;gap:2px;display:flex}.pnav-trigger{height:40px;font-family:var(--font);font-size:var(--fs-body-s);color:var(--t1);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:0 14px;font-weight:560;display:inline-flex}.pnav-trigger:hover,.pnav-trigger[aria-expanded=true]{background:var(--hvr);color:var(--t0)}.pnav-chev{width:10px;height:10px;transition:transform var(--dur-2) var(--ease-out)}.pnav-trigger[aria-expanded=true] .pnav-chev{transform:rotate(180deg)}.pnav-actions{transition:gap var(--dur-3) var(--ease-inout);justify-self:end;align-items:center;gap:8px;display:flex}.pnav-cta{max-width:150px;transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out),max-width var(--dur-3) var(--ease-inout),padding var(--dur-3) var(--ease-inout),margin var(--dur-3) var(--ease-inout),background var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);overflow:hidden}.pnav-cta.is-waiting{opacity:0;pointer-events:none;max-width:0;margin-left:-8px;padding-left:0;padding-right:0;transform:translateY(-6px)}.pnav-avatar{object-fit:cover;background:var(--avatar-grad);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}.pnav-mobile{width:40px;height:40px;color:var(--t0);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.pnav-mobile:hover{background:var(--hvr)}.pnav-search{flex:0 300px;justify-content:flex-start;align-items:center;min-width:0;display:flex}.pnav-search-field{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-1);width:100%;min-width:40px;height:40px;color:var(--t2);font-family:var(--font);font-size:var(--fs-body-s);white-space:nowrap;cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);justify-content:flex-start;align-items:center;gap:9px;padding:0 14px;font-weight:500;display:flex}.pnav-search-field:hover{border-color:var(--bh);background:var(--hvr);color:var(--t0)}.pnav-search-field .pnav-search-ico{color:var(--t2);flex:none}.pnav-search-field:hover .pnav-search-ico{color:var(--t1)}.pnav-search-ph{white-space:nowrap;text-align:left;flex:auto}.pnav-search-kbd{border:1px solid var(--border);background:var(--bg-2);min-width:20px;height:20px;color:var(--t2);font-family:var(--font);border-radius:6px;flex:none;place-items:center;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:grid}.pnav--sales .pnav-search-field{display:none}.pnav-iconbtn{border:1px solid var(--border);background:var(--bg-1);width:40px;height:40px;color:var(--t1);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pnav-iconbtn:hover,.pnav-iconbtn[aria-expanded=true]{border-color:var(--bh);background:var(--hvr);color:var(--t0)}.pnav-export{background:var(--accent-bg);color:var(--accent);border-color:#0000}.pnav-export:hover,.pnav-export[aria-expanded=true]{background:color-mix(in srgb,var(--accent) 18%,var(--bg-2));color:var(--accent);border-color:#0000}.pnav-more-wrap{flex:none}.pnav-more{border:1px solid var(--border);background:var(--bg-1);width:40px;height:40px;color:var(--t1);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.pnav-more:hover,.pnav-more[aria-expanded=true]{border-color:var(--bh);background:var(--hvr);color:var(--t0)}.pnav-avatar-btn{position:relative}.pnav-avatar-cog{color:#fff;-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out);background:#11111380;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.pnav-avatar-cog svg{width:17px;height:17px}.pnav-avatar-btn:hover .pnav-avatar-cog,.pnav-avatar-btn:focus-visible .pnav-avatar-cog,.pnav-avatar-btn[aria-expanded=true] .pnav-avatar-cog{opacity:1}.pnav-avatar-btn{border:1px solid var(--border);background:var(--bg-1);cursor:pointer;width:40px;height:40px;transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.pnav-avatar-btn:hover,.pnav-avatar-btn[aria-expanded=true]{border-color:var(--bh);box-shadow:var(--shadow-xs)}.pnav-avatar-btn .pnav-avatar{width:100%;height:100%}.pnav-pop-wrap{flex:none;position:relative}.pnav-util{align-items:center;gap:8px;display:flex}.pnav-util .pnav-pop-wrap{flex:none}.pnav-pop{z-index:130;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);width:260px;max-width:calc(100vw - 24px);box-shadow:var(--warm-shadow-lg);animation:cp-rise var(--dur-2) var(--ease-out);padding:8px;position:absolute;top:calc(100% + 10px);right:0}.pnav-pop-head{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);padding:8px 10px 4px}.pnav-pop-row{flex-direction:column;gap:8px;padding:6px 10px 10px;display:flex}.pnav-pop-row-label{font-size:var(--fs-body-s);color:var(--t0);font-weight:560}.pnav-seg{background:var(--bg-2);border-radius:var(--radius-l);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.pnav-seg-btn{border-radius:var(--radius);height:34px;font-family:var(--font);font-size:var(--fs-body-s);color:var(--t2);cursor:pointer;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;font-weight:560;display:inline-flex}.pnav-seg-btn:hover{color:var(--t0)}.pnav-seg-btn[aria-pressed=true]{background:var(--bg-1);color:var(--t0);box-shadow:var(--shadow-xs)}.pnav-pop-sep{background:var(--border);height:1px;margin:4px 6px}.pnav-pop-item{border-radius:var(--radius);width:100%;min-height:40px;font-family:var(--font);font-size:var(--fs-body-s);color:var(--t1);text-align:left;cursor:pointer;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;padding:0 10px;font-weight:560;text-decoration:none;display:flex}.pnav-pop-item:hover{background:var(--hvr);color:var(--t0);text-decoration:none}.pnav-pop-item svg{color:var(--t2);flex:none}.pnav-pop-kbd{margin-left:auto}.pnav-pop-item--accent{color:var(--accent);font-weight:600}.pnav-pop-item--accent svg{color:var(--accent)}.pnav-pop-item--accent:hover{background:color-mix(in srgb,var(--accent) 12%,var(--bg-1));color:var(--accent)}.pnav-pop-item--danger{color:var(--danger,#dc2626)}.pnav-pop-item--danger:hover{background:color-mix(in srgb,var(--danger,#dc2626) 12%,var(--bg-1));color:var(--danger,#dc2626)}.pnav-pop--account{width:280px}.pnav-pop-id{align-items:center;gap:12px;padding:10px;display:flex}.pnav-pop-avatar{object-fit:cover;background:var(--avatar-grad);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:grid}.pnav-pop-id-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pnav-pop-id-name{font-size:var(--fs-body-s);color:var(--t0);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:inline-flex;overflow:hidden}.pnav-pop-tag{font-family:var(--mono);font-style:normal;font-size:var(--fs-micro);letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-pill);padding:0 6px}.pnav-pop-id-email{font-size:var(--fs-caption);color:var(--t2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pnav-pop-acct{min-height:46px;padding:5px 10px}.pnav-pop-acct-avatar{object-fit:cover;background:var(--avatar-grad);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:10px;font-weight:600;display:grid}.pnav-pop-acct-text{flex-direction:column;gap:1px;min-width:0;display:flex}.pnav-pop-acct-name{font-size:var(--fs-body-s);color:var(--t1);text-overflow:ellipsis;white-space:nowrap;font-weight:560;overflow:hidden}.pnav-pop-acct:hover .pnav-pop-acct-name{color:var(--t0)}.pnav-pop-acct-email{font-size:var(--fs-caption);color:var(--t2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pnav-pop-acct:disabled{cursor:wait;opacity:.66}.pnav-switch-status{border-radius:var(--radius-s);background:var(--bg-2);color:var(--t2);font-size:var(--fs-caption);margin:7px 10px 3px;padding:8px 10px;line-height:1.45}.pnav-menu{top:calc(var(--nav-top) + var(--nav-h) + 8px);z-index:119;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-2xl);width:1040px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-l);transition:width var(--dur-4) var(--ease-inout);animation:pnav-menu-in var(--dur-4) var(--ease-out);position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes pnav-menu-in{0%{opacity:0;transform:translate(-50%,-10px)scale(.975)}to{opacity:1;transform:translate(-50%)scale(1)}}.pnav-menu[data-menu=create]{width:1260px}.pnav-menu[data-menu=discover]{width:940px}.pnav-menu[data-menu=learn]{width:1020px}.pnav-menu-body{animation:fx-fade var(--dur-2) var(--ease-out);padding:32px 40px}.pnav-menu-cols{grid-template-columns:260px minmax(0,1fr);align-items:stretch;gap:40px;display:grid}.pnav-editorial{border-right:1px solid var(--border);flex-direction:column;align-items:flex-start;padding-right:32px;display:flex}.pnav-editorial-visual{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-2);width:100%;margin-bottom:20px;overflow:hidden}.pnav-editorial-title{font-size:var(--fs-h3);letter-spacing:-.025em;color:var(--t0);margin-top:10px;font-weight:700;line-height:1.1}.pnav-editorial-blurb{font-size:var(--fs-caption);color:var(--t2);margin-top:10px;line-height:1.5}.pnav-editorial-link{font-size:var(--fs-body-s);color:var(--t0);transition:gap var(--t);align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-weight:650;text-decoration:none;display:inline-flex}.pnav-editorial-link:hover{color:var(--accent);gap:12px;text-decoration:none}.pnav-grid{gap:0 32px;display:grid}.pnav-menu[data-menu=create] .pnav-grid{grid-template-columns:repeat(3,1fr)}.pnav-menu[data-menu=discover] .pnav-grid,.pnav-menu[data-menu=learn] .pnav-grid{grid-template-columns:repeat(2,1fr)}.pnav-colstack{flex-direction:column;gap:30px;min-width:0;display:flex;position:relative}.pnav-col{flex-direction:column;min-width:0;display:flex;position:relative}.pnav-col-label{border-bottom:1px solid var(--border);font-family:var(--mono);font-size:var(--fs-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--t1);align-items:center;gap:9px;margin:0 0 22px;padding-bottom:12px;font-weight:700;display:flex}.pnav-col-label:before{content:"";background:var(--accent);border-radius:1px;flex:none;width:16px;height:2px}.pnav-col[data-soon] .pnav-col-label{color:var(--t3)}.pnav-col[data-soon] .pnav-col-label:before{background:var(--t3)}.pnav-menu .pnav-colstack+.pnav-colstack:before{content:"";background:var(--border);width:1px;position:absolute;top:3px;bottom:2px;left:-28px}.pnav-col-groups{flex-direction:column;gap:30px;min-width:0;display:flex}.pnav-menu[data-menu=discover] .pnav-col-groups,.pnav-menu[data-menu=learn] .pnav-col-groups{gap:10px}.pnav-group{min-width:0}.pnav-group-head{color:var(--t0);align-items:flex-start;gap:12px;text-decoration:none;display:flex}.pnav-group-head:hover{text-decoration:none}.pnav-ico{border-radius:var(--radius);background:color-mix(in srgb,var(--hue,var(--accent)) 12%,var(--bg-2));width:40px;height:40px;color:var(--hue,var(--accent));transition:background var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out);flex:none;place-items:center;display:grid}.pnav-group-head:hover .pnav-ico{background:color-mix(in srgb,var(--hue,var(--accent)) 20%,var(--bg-2));transform:translateY(-1px)}.pnav-group-text{flex-direction:column;gap:3px;min-width:0;padding-top:1px;display:flex}.pnav-group-title{font-size:var(--fs-h5);letter-spacing:-.012em;color:var(--t0);transition:color var(--dur-2) var(--ease-out);flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:inline-flex}.pnav-group-head:hover .pnav-group-title{color:var(--hue,var(--accent))}.pnav-group-desc{font-size:var(--fs-caption);color:var(--t2);max-width:32ch;line-height:1.45}.pnav-menu[data-menu=create] .pnav-group-head:after{content:"→";color:var(--t3);opacity:.4;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);align-self:center;margin-left:auto;font-size:16px;transform:translate(-2px)}.pnav-menu[data-menu=create] .pnav-group-head:hover:after{opacity:1;color:var(--hue,var(--accent));transform:translate(0)}.pnav-sub{flex-direction:column;gap:1px;margin:10px 0 0 52px;list-style:none;display:flex}.pnav-sublink{border-radius:var(--radius-s);min-height:32px;font-size:var(--fs-body-s);color:var(--t1);transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out);align-items:center;gap:9px;padding:5px 10px;font-weight:500;text-decoration:none;display:flex}.pnav-sub-dot{background:var(--hue,var(--accent));width:6px;height:6px;transition:background var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out);border-radius:50%;flex:none}.pnav-sub-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pnav-sublink .soon-badge{margin-left:auto}.pnav-sublink:hover{background:var(--hvr);color:var(--t0);text-decoration:none}.pnav-sublink:hover .pnav-sub-dot{transform:scale(1.2)}.pnav-sublink[data-soon]{color:var(--t3);opacity:.55}.pnav-sublink[data-soon] .pnav-sub-dot{box-shadow:inset 0 0 0 1.5px var(--t3);background:0 0}.pnav-sublink[data-soon]:hover{color:var(--t2);opacity:.8}.pnav-sublink[data-soon]:hover .pnav-sub-dot{box-shadow:inset 0 0 0 1.5px var(--t2);transform:none}.pnav-group--card .pnav-group-head{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-0);transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);padding:14px 16px}.pnav-group--card .pnav-group-head:hover{border-color:color-mix(in srgb,var(--hue,var(--accent)) 40%,var(--border));background:var(--bg-1);box-shadow:var(--shadow-s);transform:translateY(-2px)}.pnav-toollist{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pnav-tool{border-radius:var(--radius-s);min-height:50px;color:var(--t1);transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out);align-items:flex-start;gap:11px;padding:7px 8px;text-decoration:none;display:flex}.pnav-tool:hover{background:var(--hvr);color:var(--t0);text-decoration:none}.pnav-tool-ico{width:28px;height:28px;color:var(--hue,var(--accent));transition:transform var(--dur-2) var(--ease-out);flex:none;place-items:center;display:grid}.pnav-tool:hover .pnav-tool-ico{transform:translateY(-1px)}.pnav-tool-ico svg{width:16px;height:16px}.pnav-tool-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pnav-tool-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-body-s);color:var(--t0);font-weight:650;overflow:hidden}.pnav-tool-desc{font-size:var(--fs-micro);color:var(--t2);line-height:1.35}.pnav-tool .soon-badge{margin-left:auto}.pnav-tool[data-soon]{opacity:.45}.pnav-tool[data-soon] .pnav-tool-label{color:var(--t3)}.pnav-tool[data-soon] .pnav-tool-ico{opacity:.6;filter:grayscale()}.pnav-tool[data-soon]:hover{opacity:.75}.pnav-tool[data-soon]:hover .pnav-tool-label{color:var(--t2)}.pnav-tool[data-soon]:hover .pnav-tool-ico{transform:none}.pnav-tool:focus-visible{outline-offset:-2px}@keyframes pnav-tool-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pnav-tool{animation:pnav-tool-in var(--dur-2) var(--ease-out) backwards}.pnav-toollist li:nth-child(2) .pnav-tool{animation-delay:24ms}.pnav-toollist li:nth-child(3) .pnav-tool{animation-delay:48ms}.pnav-toollist li:nth-child(4) .pnav-tool{animation-delay:72ms}.pnav-toollist li:nth-child(5) .pnav-tool{animation-delay:96ms}.pnav-toollist li:nth-child(6) .pnav-tool{animation-delay:.12s}.pnav-toollist li:nth-child(7) .pnav-tool{animation-delay:.144s}.pnav-toollist li:nth-child(8) .pnav-tool{animation-delay:.168s}.pnav-viewall{font-family:var(--mono);font-size:var(--fs-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);transition:gap var(--dur-2) var(--ease-out);grid-column:1/-1;align-items:center;gap:6px;margin-top:8px;font-weight:700;text-decoration:none;display:inline-flex}.pnav-viewall:hover{color:var(--accent-strong);gap:10px;text-decoration:none}.pnav-promo{border-radius:var(--radius-xl);background:color-mix(in srgb,var(--accent) 8%,var(--bg-0));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));box-shadow:var(--ring);flex-direction:column;gap:12px;padding:20px;display:flex}.pnav-promo-visual{border-radius:var(--radius-l);background:var(--bg-1);border:1px solid var(--border);aspect-ratio:16/10;margin-bottom:4px;overflow:hidden}.pnav-promo-svg{width:100%;height:100%;display:block}.pnav-promo-eyebrow{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.pnav-promo-title{font-size:var(--fs-h4);letter-spacing:-.015em;color:var(--t0);font-weight:700;line-height:1.2}.pnav-promo-blurb{font-size:var(--fs-body-s);color:var(--t2);line-height:1.5}.pnav-promo-actions{gap:8px;margin-top:auto;display:flex}.pnav-promo-actions .ui-pill{flex:1}.pnav-menu-foot{border-top:1px solid var(--border);background:var(--bg-0);justify-content:space-between;align-items:center;gap:16px;padding:18px 48px;display:flex}.pnav-menu-foot-note{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}.pnav-menu-foot-link{font-size:var(--fs-body-s);color:var(--t0);font-weight:560;text-decoration:none}.pnav-sheet{z-index:110;background:var(--bg-1);padding:calc(var(--nav-top) + var(--nav-h) + 16px) 20px 20px;overscroll-behavior:contain;animation:pnav-sheet-in var(--dur-3) var(--ease-out);position:fixed;inset:0;overflow-y:auto}@keyframes pnav-sheet-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pnav-acc{border-top:1px solid var(--border)}.pnav-acc:first-child{border-top:none}.pnav-acc-trigger{width:100%;min-height:60px;font-family:var(--font);font-size:var(--fs-h3);color:var(--t0);cursor:pointer;transition:color var(--dur-2) var(--ease-out);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0 4px;font-weight:650;display:flex}.pnav-acc-trigger[aria-expanded=true]{color:var(--accent)}.pnav-acc-trigger .pnav-chev{width:16px;height:16px;color:var(--t2);transition:transform var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);flex:none}.pnav-acc-trigger[aria-expanded=true] .pnav-chev{color:var(--accent);transform:rotate(180deg)}.pnav-acc-panel{animation:pnav-acc-in var(--dur-2) var(--ease-out);padding:0 0 12px}@keyframes pnav-acc-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.pnav-acc-link{border-radius:var(--radius-s);min-height:52px;font-size:var(--fs-body);color:var(--t1);transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out);align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}.pnav-acc-link:hover,.pnav-acc-link:active{color:var(--t0);background:var(--hvr);text-decoration:none}.pnav-acc-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pnav-acc-desc{font-size:var(--fs-caption);color:var(--t2);line-height:1.35}.pnav-acc-ico{border-radius:var(--radius-s);background:color-mix(in srgb,var(--hue,var(--accent)) 12%,var(--bg-2));width:36px;height:36px;color:var(--hue,var(--accent));flex:none;place-items:center;display:grid}.pnav-acc-label{font-weight:560}.pnav-acc-col+.pnav-acc-col{margin-top:4px}.pnav-acc-colhead{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--t2);margin:14px 0 6px}.pnav-acc-col[data-soon] .pnav-acc-colhead{color:var(--t3)}.pnav-acc-link .soon-badge{margin-left:auto}.pnav-acc-link[data-soon]{opacity:.45}.pnav-acc-link[data-soon] .pnav-acc-label{color:var(--t3)}.pnav-acc-link[data-soon] .pnav-acc-ico{opacity:.6;filter:grayscale()}.pnav-sheet-promo{border-radius:var(--radius-l);background:color-mix(in srgb,var(--accent) 8%,var(--bg-0));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));margin-top:20px;padding:16px}.pnav-sheet-promo .pnav-promo-title{font-size:var(--fs-h5)}.pnav-sheet-promo .pnav-promo-actions{margin-top:12px}.pnav-sheet-cta{background:var(--bg-1);flex-direction:column;gap:8px;margin-top:24px;padding-top:16px;display:flex;position:sticky;bottom:0}@media (width<=380px){.pnav-sheet-promo .pnav-promo-actions{flex-direction:column}}.exp-overlay{z-index:9997;background:var(--scrim);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:flex-start;padding:max(8vh,64px) 16px 32px;animation:.14s cp-fade;display:flex;position:fixed;inset:0}.exp-panel{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-2xl);width:min(560px,100vw - 32px);max-height:min(84vh,720px);box-shadow:var(--warm-shadow-lg);animation:cp-rise var(--dur-2) var(--ease-out);flex-direction:column;display:flex;overflow-y:auto}.exp-head{align-items:flex-start;gap:16px;padding:24px 24px 16px;display:flex}.exp-head-text{flex-direction:column;gap:6px;min-width:0;display:flex}.exp-eyebrow{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.exp-title{font-size:var(--fs-h4);letter-spacing:-.015em;color:var(--t0);font-weight:700;line-height:1.2}.exp-sub{font-size:var(--fs-body-s);color:var(--t2);line-height:1.5}.exp-close{border:1px solid var(--border);background:var(--bg-1);width:36px;height:36px;color:var(--t2);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);flex:none;place-items:center;margin-left:auto;display:grid}.exp-close:hover{border-color:var(--bh);background:var(--hvr);color:var(--t0)}.exp-formats{flex-direction:column;gap:8px;padding:8px 24px 20px;display:flex}.exp-fmt{text-align:left;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-l);cursor:pointer;width:100%;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out);align-items:center;gap:14px;padding:14px 16px;display:flex}.exp-fmt:hover{border-color:var(--bh);background:var(--bg-1)}.exp-fmt.is-active{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--bg-1))}.exp-fmt-check{border:2px solid var(--bh);width:18px;height:18px;transition:border-color var(--dur-2) var(--ease-out);border-radius:50%;flex:none}.exp-fmt.is-active .exp-fmt-check{border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--accent)}.exp-fmt-text{flex-direction:column;gap:3px;min-width:0;display:flex}.exp-fmt-name{font-size:var(--fs-body-s);color:var(--t0);font-weight:600}.exp-fmt-desc{font-size:var(--fs-caption);color:var(--t2);line-height:1.45}.exp-fmt-soon{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);border:1px solid var(--border);border-radius:var(--radius-pill);flex:none;margin-left:auto;padding:2px 8px}.exp-foot{border-top:1px solid var(--border);background:var(--bg-0);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.icust-overlay{z-index:9998;background:var(--scrim);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:flex-start;padding:max(6vh,48px) 16px 32px;animation:.14s cp-fade;display:flex;position:fixed;inset:0;overflow:hidden}.icust-panel{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-2xl);width:min(600px,100vw - 32px);max-height:min(880px,100dvh - max(6vh,48px) - 32px);box-shadow:var(--warm-shadow-lg);animation:cp-rise var(--dur-2) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.icust-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden auto}.icust-head{flex:none;align-items:flex-start;gap:16px;padding:24px 24px 12px;display:flex}.icust-head-text{flex-direction:column;gap:6px;min-width:0;display:flex}.icust-eyebrow{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.icust-title{font-size:var(--fs-h4);letter-spacing:-.015em;color:var(--t0);font-weight:700;line-height:1.2}.icust-close{border:1px solid var(--border);background:var(--bg-1);width:36px;height:36px;color:var(--t2);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);flex:none;place-items:center;margin-left:auto;display:grid}.icust-close:hover{border-color:var(--bh);background:var(--hvr);color:var(--t0)}.icust-paste{flex-direction:column;gap:12px;padding:8px 24px 24px;display:flex}.icust-paste-help{font-size:var(--fs-body-s);color:var(--t1);line-height:1.55}.icust-paste-help code{font-family:var(--mono);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--t0);padding:1px 5px;font-size:.85em}.icust-paste-input{resize:vertical;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-s);width:100%;min-height:160px;font-family:var(--mono);font-size:var(--fs-caption);color:var(--t0);transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);outline:none;padding:14px 16px;line-height:1.6}.icust-paste-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.icust-paste-input::placeholder{color:var(--t3)}.icust-err{font-size:var(--fs-caption);color:var(--err)}.icust-paste .icust-foot{padding:16px 0 0}.icust-paste .icust-foot .ui-pill{flex:0 auto}.icust-stage{border-radius:var(--radius-xl);--ig-size:48px;--ig-stroke:2;--ig-color:#f4f4f5;--ig-transform:none;--ig-cap:round;--ig-join:round;background:radial-gradient(120% 120% at 50% 0,#17171b 0%,#0e0e11 62%);place-items:center;min-height:220px;margin:4px 24px 0;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.icust-stage--light{background:radial-gradient(120% 120% at 50% 0,#fff 0%,#ededf0 72%);box-shadow:inset 0 0 0 1px #0a0a0b14}.icust-stage-host{place-items:center;line-height:0;display:grid}.icust-stage-host svg{width:var(--ig-size);height:var(--ig-size);color:var(--ig-color);transform:var(--ig-transform,none);transform-origin:50%;transition:width var(--dur-2) var(--ease-out),height var(--dur-2) var(--ease-out)}.icust-stage-host svg,.icust-stage-host svg *{stroke-width:var(--ig-stroke);stroke-linecap:var(--ig-cap);stroke-linejoin:var(--ig-join)}.icust-stage.is-abs .icust-stage-host svg,.icust-stage.is-abs .icust-stage-host svg *{vector-effect:non-scaling-stroke}.icust-stage-img{max-width:100%;height:auto;display:block}.icust-stage-msg{font-family:var(--mono);font-size:var(--fs-caption);color:#f4f4f58c;position:absolute}.icust-stage--light .icust-stage-msg{color:#0a0a0b80}.icust-meta{flex-wrap:wrap;gap:6px;padding:12px 24px 0;display:flex}.icust-tag{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.03em;color:var(--t2);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 9px}.icust-controls{flex-direction:column;gap:14px;padding:18px 24px 4px;display:flex}.icust-row{align-items:center;gap:12px;min-height:32px;display:flex}.icust-row>label{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);flex:0 0 56px;font-weight:600}.icust-row input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.icust-value{text-align:right;min-width:42px;font-family:var(--mono);font-size:var(--fs-caption);color:var(--t1);flex:none}.icust-note{font-size:var(--fs-caption);color:var(--t2);flex:1;font-style:italic}.snapv{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.snapv input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.snapv-value{border-radius:var(--radius-xs);text-align:right;min-width:48px;font-family:var(--mono);font-size:var(--fs-caption);color:var(--t1);cursor:text;transition:border-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out);background:0 0;border:1px solid #0000;flex:none;padding:2px 6px}.snapv-value:hover{border-color:var(--border);color:var(--t0)}.snapv-value:disabled{cursor:not-allowed;opacity:.6}.snapv-input{border:1px solid var(--accent);border-radius:var(--radius-xs);background:var(--inp);text-align:right;width:72px;font-family:var(--mono);font-size:var(--fs-caption);color:var(--t0);appearance:textfield;outline:none;flex:none;padding:2px 6px}.snapv-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.snapv-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.icust-seg{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);flex:1;gap:3px;padding:3px;display:inline-flex}.icust-seg button{border-radius:var(--radius-xs);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.03em;color:var(--t2);cursor:pointer;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out);background:0 0;border:none;flex:1;padding:6px 8px;font-weight:600}.icust-seg button:hover{color:var(--t0)}.icust-seg button.active{background:var(--bg-0);color:var(--t0);box-shadow:var(--shadow-xs)}.cpk-wrap{flex:none;position:relative}.cpk-trigger{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);cursor:pointer;width:34px;height:34px;transition:border-color var(--dur-2) var(--ease-out);place-items:center;padding:0;display:grid}.cpk-trigger:hover,.cpk-trigger[aria-expanded=true]{border-color:var(--bh)}.cpk-trigger-chip{border-radius:var(--radius-xs);border:1px solid var(--border);width:22px;height:22px}.cpk-pop{z-index:40;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-l);width:232px;box-shadow:var(--warm-shadow-lg);animation:cp-rise var(--dur-2) var(--ease-out);flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.cpk-pad{border-radius:var(--radius-s);border:1px solid var(--border);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);width:100%;height:130px;position:relative}.cpk-pad:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cpk-pad-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #00000059}.cpk-hue{appearance:none;border-radius:var(--radius-pill);border:1px solid var(--border);cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);width:100%;height:12px;margin:0}.cpk-hue::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--border);width:16px;height:16px;box-shadow:var(--shadow-xs);cursor:grab;background:#fff;border-radius:50%}.cpk-hue::-moz-range-thumb{border:1px solid var(--border);width:16px;height:16px;box-shadow:var(--shadow-xs);cursor:grab;background:#fff;border-radius:50%}.cpk-row{align-items:center;gap:8px;display:flex}.cpk-chip{border-radius:var(--radius-xs);border:1px solid var(--border);flex:none;width:26px;height:26px}.cpk-hex{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--inp);min-width:0;height:32px;color:var(--t0);font-family:var(--mono);font-size:var(--fs-body-s);transition:border-color var(--dur-2) var(--ease-out);flex:auto;padding:0 10px}.cpk-hex:focus{border-color:var(--accent);outline:none}.cpk-swatches{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.cpk-swatch{aspect-ratio:1;border-radius:var(--radius-xs);border:1px solid var(--border);cursor:pointer;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out);padding:0}.cpk-swatch:hover{transform:scale(1.08)}.cpk-swatch.is-active{box-shadow:0 0 0 2px var(--bg-1),0 0 0 4px var(--accent)}.icust-abs{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.03em;color:var(--t2);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out);flex:none;padding:6px 12px;font-weight:600}.icust-abs:hover{border-color:var(--bh);color:var(--t0)}.icust-abs.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.icust-seg--icon button{padding:6px}.icust-seg--icon svg{width:22px;height:22px;color:var(--t2);margin:0 auto;display:block}.icust-seg--icon button:hover svg,.icust-seg--icon button.active svg{color:var(--t0)}.icust-pro{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);flex-direction:column;gap:12px;margin-top:2px;padding:14px;display:flex}.icust-pro-head{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);justify-content:space-between;align-items:center;font-weight:600;display:flex}.icust-pro.is-locked .icust-seg--icon button{cursor:pointer}.icust-pro.is-locked .icust-seg--icon svg{opacity:.55}.icust-pro.is-locked .icust-seg--icon button.active svg{opacity:1}.icust-pro.is-locked{cursor:pointer}.icust-gate-backdrop{z-index:20;background:var(--scrim);place-items:center;padding:16px;animation:.14s cp-fade;display:grid;position:fixed;inset:0}.icust-gate{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(380px,100%);box-shadow:var(--warm-shadow-lg);animation:cp-rise var(--dur-2) var(--ease-out);flex-direction:column;align-items:flex-start;gap:10px;padding:22px;display:flex}.icust-gate-title{font-size:var(--fs-h5);color:var(--t0);margin:0;font-weight:640}.icust-gate-copy{font-size:var(--fs-body-s);color:var(--t1);margin:0;line-height:1.55}.icust-gate-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.icust-gate-dismiss{border-radius:var(--radius-pill);font-family:var(--font);font-size:var(--fs-body-s);color:var(--t2);cursor:pointer;transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out);background:0 0;border:none;align-self:center;margin-top:2px;padding:6px 12px;font-weight:560}.icust-gate-dismiss:hover{color:var(--t0);background:var(--hvr)}.icust-proj-list{flex-direction:column;gap:6px;width:100%;max-height:240px;margin-top:2px;display:flex;overflow-y:auto}.icust-proj-btn{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;font-family:var(--font);font-size:var(--fs-body-s);color:var(--t0);cursor:pointer;text-align:left;transition:border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:560;display:flex}.icust-proj-btn:hover:not(:disabled){border-color:var(--accent);background:var(--hvr)}.icust-proj-btn:disabled{opacity:.55;cursor:not-allowed}.icust-proj-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icust-proj-count{font-size:var(--fs-caption);color:var(--t2);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.icust-proj-btn--new{color:var(--t1);background:0 0;border-style:dashed;width:100%}.icust-proj-btn--new:hover{color:var(--t0)}.icust-newproj{gap:8px;width:100%;margin-top:2px;display:flex}.icust-newproj-input{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--inp);min-width:0;height:38px;color:var(--t0);font-family:var(--font);font-size:var(--fs-body-s);transition:border-color var(--dur-2) var(--ease-out);flex:1;padding:0 12px}.icust-newproj-input:focus{border-color:var(--accent);outline:none}.icust-newproj-input::placeholder{color:var(--t3)}.icust-savedin{font-size:var(--fs-caption);color:var(--t2);margin:0;padding:10px 24px 20px}.icust-savedin strong{color:var(--t1);font-weight:600}.icust-code{margin:12px 24px 0}.icust-code-label{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);margin-bottom:8px;font-weight:600}.icust-code-box{text-align:left;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;width:100%;transition:border-color var(--dur-2) var(--ease-out);padding:26px 16px 14px;display:block;position:relative}.icust-code-box:hover{border-color:var(--accent)}.icust-code-hint{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--t3);pointer-events:none;transition:color var(--dur-2) var(--ease-out);position:absolute;top:8px;right:10px}.icust-code-box:hover .icust-code-hint{color:var(--accent)}.icust-code-box code{max-height:120px;font-family:var(--mono);font-size:var(--fs-caption);color:var(--t1);white-space:pre-wrap;word-break:break-all;-webkit-user-select:none;user-select:none;line-height:1.55;display:block;overflow:auto}.icust-foot{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:18px 24px 24px;display:flex}.icust-foot .ui-pill{min-width:max-content;height:40px;font-size:var(--fs-body-s);white-space:nowrap;flex:auto;padding:0 14px}.icust-reset{margin-left:0}.icust-save-lock{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.icust-save--locked{cursor:pointer;opacity:.85}.icust-save--locked:hover{opacity:1}.icust-lock-glyph{place-items:center;display:inline-grid}.icust-upgrade{font-size:var(--fs-caption);color:var(--accent);white-space:nowrap;font-weight:600}.icust-upgrade:hover{text-decoration:underline}.icust-similar{border-top:1px solid var(--border);padding:16px 24px 24px}.icust-similar-label{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);margin-bottom:12px;font-weight:600}.icust-similar-row{flex-wrap:wrap;gap:8px;display:flex}.icust-similar-btn{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);cursor:pointer;width:44px;height:44px;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out);place-items:center;padding:0;display:grid}.icust-similar-btn:hover{border-color:var(--bh);background:var(--hvr);transform:translateY(-1px)}.icust-similar-btn img{width:24px;height:24px;display:block}.ig-rail{margin:8px 0 28px}.ig-rail-head{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--t2);align-items:center;gap:12px;margin-bottom:10px;font-weight:600;display:flex}.ig-rail-clear{border-radius:var(--radius-s);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);cursor:pointer;transition:color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.ig-rail-clear:hover{color:var(--accent);border-color:var(--border);background:var(--bg-1)}.ig-rail-clear svg{width:11px;height:11px}.ig-rail-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.ig-rail-track::-webkit-scrollbar{display:none}.ig-rail-item{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);cursor:pointer;width:46px;height:46px;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out);flex:none;place-items:center;display:grid;position:relative}.ig-rail-item:hover{border-color:var(--bh);background:var(--bg-2)}.ig-rail-item:active{transform:scale(.94)}.ig-rail-item img,.ig-rail-item svg{width:24px;height:24px}.ig-rail-item svg{color:var(--t0);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.ig-rail-badge{border:2px solid var(--bg-0);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-5px;right:-5px}.ig-rail-badge svg{width:9px;height:9px}.ig-rail-badge--edit{background:var(--accent)}.ig-rail-badge--copy{background:var(--t2)}.ig-addbtn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);height:40px;color:var(--t0);font-family:var(--font);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);flex-shrink:0;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.ig-addbtn:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.ig-addbtn svg{flex-shrink:0}.ig-custom-lock{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;max-width:420px;margin:0 auto;padding:72px 24px;display:flex}.ig-custom-lock-glyph{border-radius:var(--radius-l);background:var(--accent-bg);width:56px;height:56px;color:var(--accent);place-items:center;display:grid}.ig-custom-lock-title{font-family:var(--serif);font-size:var(--fs-h4);letter-spacing:-.01em;color:var(--t0);font-weight:600}.ig-custom-lock-sub{max-width:340px;font-size:var(--fs-body-s);color:var(--t2);line-height:1.55}.ig-custom-empty{text-align:center;max-width:460px;font-size:var(--fs-body-s);color:var(--t2);margin:0 auto;padding:56px 24px;line-height:1.6}.ig-myicons{flex-direction:column;gap:32px;display:flex}.ig-mysec{flex-direction:column;gap:14px;display:flex}.ig-mysec-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.ig-mysec-title{font-family:var(--serif);font-size:var(--fs-h5);letter-spacing:-.01em;color:var(--t0);font-weight:600}.ig-mysec .ig-custom-empty{text-align:left;margin:0;padding:32px 24px}.ig-mysec .ig-custom-lock{padding:48px 24px}.ig-custom-hint{font-size:var(--fs-caption);color:var(--t3);margin-top:4px}.ig-custom-hint-link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.ig-custom-hint-link:hover{text-decoration:underline}.ig-notice{border:1px solid color-mix(in srgb,var(--warn) 40%,var(--border));border-radius:var(--radius-s);background:color-mix(in srgb,var(--warn) 8%,var(--bg-1));font-size:var(--fs-body-s);color:var(--t1);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.ig-notice span{flex:1;min-width:180px}.ig-skel{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:80px;padding:16px 6px 12px;display:flex}.ig-skel-glyph{border-radius:var(--radius-xs);width:24px;height:24px}.ig-skel-label{border-radius:var(--radius-pill);width:60%;max-width:52px;height:8px}.ig-sentinel{width:100%;height:1px}.ig-status{text-align:center;font-family:var(--mono);font-size:var(--fs-caption);color:var(--t3);padding:20px 0}.ig-inv{filter:var(--icon-inv)}.ig-chip{background:radial-gradient(120% 120% at 50% 0,#fff 0%,#ededf0 72%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:inset 0 0 0 1px #0a0a0b14}.ig-chip--dark{background:radial-gradient(120% 120% at 50% 0,#17171b 0%,#0e0e11 62%);box-shadow:inset 0 0 0 1px #ffffff14}.ig-chip img{width:24px;height:24px;display:block}.ic img.ig-logo{object-fit:contain;border-radius:5px;width:28px;height:28px}.ig-chip img.ig-logo{width:28px;height:28px}.ig-attrib{text-align:center;font-size:var(--fs-caption);color:var(--t3);padding:6px 0 20px;line-height:1.5}.ig-attrib code{font-family:var(--mono);color:var(--t2);font-size:.92em}.ig-attrib a{color:var(--brand);font-weight:600;text-decoration:none}.ig-attrib a:hover{text-decoration:underline}.ic .ic-pack{letter-spacing:.05em;text-transform:uppercase;color:var(--t3);font-size:7.5px;line-height:1}@media (width<=560px){.icust-overlay{padding:24px 12px 32px}.icust-panel{max-height:min(880px,100dvh - 56px)}.icust-head{padding:20px 16px 12px}.icust-paste{padding:8px 16px 20px}.icust-stage{margin:4px 16px 0;padding:20px}.icust-meta{padding:12px 16px 0}.icust-controls{padding:16px 16px 4px}.icust-code{margin:12px 16px 0}.icust-foot{flex-wrap:wrap;padding:16px 16px 20px}.icust-row{flex-wrap:wrap}.icust-row>label{flex-basis:100%}}.pnav-clear{padding-top:calc(var(--nav-clear) + 16px)}.page-shell{max-width:1216px;padding-inline:clamp(20px,4vw,32px);padding-bottom:var(--s-9);min-height:60vh;margin:0 auto}.app-shell{background:var(--bg-0);flex-direction:column;min-height:100dvh;display:flex}.app-page{width:100%;padding:var(--nav-clear) clamp(16px,5vw,64px) clamp(48px,6vw,80px);flex-direction:column;flex:1 0 auto;display:flex}.app-page>*{min-width:0}.app-page>:first-child{padding-top:clamp(12px,3vw,32px)}.rail-shell{min-height:100vh;padding-top:var(--nav-clear);grid-template-columns:1fr;display:grid}.rail-content{min-width:0;padding:24px clamp(20px,4vw,48px) var(--s-9)}.rail-content .pl-toolbar{top:var(--nav-clear);margin-left:calc(-1*clamp(20px,4vw,48px));margin-right:calc(-1*clamp(20px,4vw,48px));padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}.soon{max-width:560px;padding:var(--s-9) 0;margin:0 auto}.soon .spec-frame{aspect-ratio:16/10;margin-bottom:var(--s-6)}.soon-mark{margin-bottom:var(--s-4)}.soon-title{font-size:var(--fs-h2);letter-spacing:-.02em;color:var(--t0);text-wrap:balance;margin-bottom:12px;font-weight:700;line-height:1.12}.soon-text{font-size:var(--fs-body);color:var(--t1);margin-bottom:var(--s-6);max-width:48ch;line-height:1.6}.soon-actions{flex-wrap:wrap;gap:12px;display:flex}.surface-grid{gap:var(--s-4);margin-top:var(--s-7);grid-template-columns:repeat(3,1fr);display:grid}.surface-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);flex-direction:column;gap:8px;padding:20px;display:flex}.surface-card-title{font-size:var(--fs-h3);letter-spacing:-.016em;color:var(--t0);align-items:center;gap:8px;font-weight:600;display:flex}.surface-card-desc{font-size:var(--fs-body-s);color:var(--t2);line-height:1.5}.surface-card .soon-badge{align-self:flex-start;margin-top:auto}.surface-card--link{text-decoration:none;transition:border-color .18s,box-shadow .18s}.surface-card--link:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.surface-card-go{font-size:var(--fs-body-s);color:var(--brand);align-self:flex-start;margin-top:auto;font-weight:600}.sl-pillars{gap:var(--s-4);margin-top:var(--s-7);grid-template-columns:repeat(3,1fr);display:grid}.sl-pillar{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);flex-direction:column;gap:10px;padding:22px;display:flex}.sl-pillar-num{border-radius:var(--radius-s);background:var(--accent-bg);width:34px;height:34px;color:var(--accent);font-family:var(--mono);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.sl-pillar-title{font-size:var(--fs-h3);letter-spacing:-.016em;color:var(--t0);font-weight:600}.sl-pillar-desc{font-size:var(--fs-body-s);color:var(--t2);line-height:1.55}.wmap{margin:var(--s-7) auto 0;max-width:1000px}.wmap-frame{aspect-ratio:1000/500;width:100%;position:relative}.wmap-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.wmap-dot{fill:var(--t3);opacity:.28;transition:opacity var(--dur-3) var(--ease-out)}.wmap[data-region] .wmap-dot{opacity:.15}.wmap-hubs{position:absolute;inset:0}.wmap-blip{cursor:pointer;width:24px;height:24px;color:var(--accent);background:0 0;border:none;place-items:center;padding:0;line-height:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.wmap-blip-dot{width:11px;height:11px;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 22%,transparent);transition:transform var(--dur-2) var(--ease-out);background:currentColor;border-radius:50%;display:block;position:relative}.wmap-blip-dot:after{content:"";animation:wmap-ping 2.6s var(--ease-out) infinite;background:currentColor;border-radius:50%;position:absolute;inset:0}.wmap-blip:hover{z-index:5}.wmap-blip:hover .wmap-blip-dot,.wmap-blip:focus-visible .wmap-blip-dot{transform:scale(1.25)}.wmap-blip:focus-visible{outline:none}.wmap-blip:focus-visible .wmap-blip-dot{box-shadow:0 0 0 4px var(--accent-bg),0 0 0 6px var(--accent)}.wmap-blip[data-dim=true]{opacity:.34;filter:grayscale(.45)}.wmap-blip.is-on{z-index:4}.wmap-blip.is-on .wmap-blip-dot{transform:scale(1.3)}.wmap-blip.is-on .wmap-blip-dot:after{animation-duration:1.6s}.wmap-blip.is-home{width:auto;min-width:24px;color:var(--t0);z-index:6}.wmap-pin{border-radius:var(--radius-pill);background:var(--t0);height:24px;color:var(--bg-0);box-shadow:var(--warm-shadow-lg,var(--shadow-l));align-items:center;gap:5px;padding:0 9px 0 8px;display:inline-flex;position:relative}.wmap-pin:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%}.wmap-pin:after{content:"";background:var(--t0);border-radius:2px;width:9px;height:9px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.wmap-pin-word{font-family:var(--mono);letter-spacing:.02em;font-size:11px;font-weight:700;line-height:1}.wmap-tip{white-space:nowrap;border-radius:var(--radius-s);background:var(--t0);color:var(--bg-0);letter-spacing:.01em;box-shadow:var(--shadow-s);opacity:0;visibility:hidden;transition:opacity var(--dur-2) var(--ease-out);pointer-events:none;z-index:7;padding:5px 9px;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.wmap-blip.is-home .wmap-tip{bottom:calc(100% + 9px)}.wmap-blip:hover .wmap-tip,.wmap-blip:focus-visible .wmap-tip{opacity:1;visibility:visible}.wmap-tip:after{content:"";border:4px solid #0000;border-top-color:var(--t0);position:absolute;top:100%;left:50%;transform:translate(-50%)}.wmap-foot{margin-top:var(--s-5);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;min-height:34px;display:flex}.wmap-cap{font-size:var(--fs-caption);color:var(--t3);max-width:56ch;line-height:1.5}.wmap-callout{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-1);box-shadow:var(--shadow-xs);align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.wmap-callout-region{font-size:var(--fs-body-s);color:var(--t0);font-weight:600}.wmap-callout-cities{font-size:var(--fs-caption);color:var(--t2)}.wmap-callout-clear{color:var(--accent);font-family:var(--font);font-size:var(--fs-caption);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:2px 4px;font-weight:600}.wmap-callout-clear:hover{text-decoration:underline}@keyframes wmap-ping{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.wmap-blip-dot:after{animation:none}.wmap-dot,.wmap-blip-dot,.wmap-tip{transition:none}}@media (width<=640px){.sl-pillars{grid-template-columns:1fr}.wmap-pin-word{font-size:10px}.wmap-blip-dot{width:9px;height:9px}}.home{background:radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 30rem), var(--bg-0);position:relative;overflow-x:clip}.home:before{content:"";pointer-events:none;opacity:.46;background-image:linear-gradient(color-mix(in srgb,var(--t0) 4%,transparent) 1px,transparent 1px), linear-gradient(90deg,color-mix(in srgb,var(--t0) 4%,transparent) 1px,transparent 1px);background-size:48px 48px;height:760px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.home>main,.home>.home-foot{position:relative}.home-container{max-width:1216px;margin:0 auto;padding-inline:clamp(20px,4vw,32px)}.home-section{padding-top:var(--sec-pad);padding-bottom:0}.home-head{max-width:720px}.home-head-center{text-align:center;margin:0 auto}.home-eyebrow{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--t2);align-items:center;gap:12px;display:inline-flex}.home-eyebrow:before{content:"";background:var(--bh);width:24px;height:1px}.home-head-center .home-eyebrow{justify-content:center}.home-h2{font-size:var(--fs-h1);letter-spacing:-.028em;color:var(--t0);text-wrap:balance;margin-top:16px;font-weight:700;line-height:1.06}.home-lede{font-size:var(--fs-lede);color:var(--t1);text-wrap:pretty;max-width:60ch;margin-top:16px;line-height:1.5}.home-head-center .home-lede{margin-inline:auto}.home-workspace-intro{isolation:isolate;position:relative}.home-hero{isolation:isolate;text-align:center;max-width:1180px;min-height:720px;padding:calc(var(--nav-top) + var(--nav-h) + var(--s-9)) 24px var(--s-8);margin:0 auto;position:relative}.home-hero-core{z-index:2;max-width:790px;margin:70px auto 0;position:relative}.hsat{z-index:4;inset:calc(var(--nav-top) + var(--nav-h) + 16px) 1% 40px;pointer-events:none;position:absolute}.hsat-list{height:100%;list-style:none;position:relative}.hsat-item{pointer-events:auto;will-change:transform;position:absolute}.hsat-item:first-child{top:14%;left:5%}.hsat-item:nth-child(2){top:41%;left:.5%}.hsat-item:nth-child(3){top:68%;left:6%}.hsat-item:nth-child(4){top:11%;right:4%}.hsat-item:nth-child(5){top:38%;right:1%}.hsat-item:nth-child(6){top:64%;right:5%}.hsat-item:nth-child(7){top:88%;right:16%}.hsat-item:nth-child(8){top:90%;left:15%}.hsat-item:first-child .hsat-link{transform:rotate(-2.5deg)}.hsat-item:nth-child(2) .hsat-link{transform:rotate(2deg)}.hsat-item:nth-child(3) .hsat-link{transform:rotate(-1.25deg)}.hsat-item:nth-child(4) .hsat-link{transform:rotate(2.75deg)}.hsat-item:nth-child(5) .hsat-link{transform:rotate(-1.75deg)}.hsat-item:nth-child(6) .hsat-link{transform:rotate(1.5deg)}.hsat-item:nth-child(7) .hsat-link{transform:rotate(-2.25deg)}.hsat-item:nth-child(8) .hsat-link{transform:rotate(1.75deg)}.hsat-link{border:1px solid var(--border);border-radius:var(--radius-l);background:color-mix(in srgb,var(--bg-1) 97%,transparent);min-height:44px;box-shadow:var(--shadow-s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--t),background var(--t),box-shadow var(--t);flex-direction:column;gap:1px;padding:7px 14px;text-decoration:none;display:flex}.hsat-link:hover{border-color:color-mix(in srgb,var(--hue,var(--accent)) 50%,var(--border));background:color-mix(in srgb,var(--hue,var(--accent)) 8%,var(--bg-1));box-shadow:var(--shadow-m);text-decoration:none}.hsat-link:focus-visible{outline:2px solid var(--hue,var(--accent));outline-offset:3px}.hsat-label{font-size:var(--fs-caption);color:var(--t0);white-space:nowrap;font-weight:640;line-height:1.3}.hsat-family{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--t2);white-space:nowrap;font-weight:650;line-height:1.3}.hsat-family:before{content:"→ "}.hsat-link:hover .hsat-family,.hsat-link:focus-visible .hsat-family{color:color-mix(in srgb,var(--hue,var(--accent)) 45%,var(--t0))}.hsat-proxy-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.hsat-proxy{border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--hue,var(--accent)) 45%,var(--border));background:color-mix(in srgb,var(--hue,var(--accent)) 16%,var(--bg-1));color:var(--hue,var(--accent));font-family:var(--font);font-size:var(--fs-micro);white-space:nowrap;opacity:0;will-change:transform,opacity;justify-content:center;align-items:center;padding:0 10px;font-weight:650;display:flex;position:absolute}.home-hero-kicker{margin:0 auto var(--s-5);border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-1) 88%,transparent);box-shadow:var(--shadow-xs);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--t1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:9px;padding:7px 12px;font-weight:650;display:inline-flex}.home-hero-kicker-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 12%,transparent);border-radius:50%}.home-hero-h1{font-size:var(--fs-display);letter-spacing:-.044em;color:var(--t0);text-wrap:balance;font-weight:720;line-height:.98}.home-hero-line{display:block}.home-hero-line-in{display:inline-block}.home-hero-line--accent{color:var(--accent)}.home-hero-sub{font-size:var(--fs-lede);color:var(--t1);max-width:630px;margin:var(--s-5) auto 0;text-wrap:pretty;line-height:1.5}.home-hero-cta{margin-top:var(--s-6);flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.home-hero-hint{font-size:var(--fs-caption);color:var(--t2);margin-top:var(--s-4)}.home-trust{margin-top:var(--s-8);text-align:center}.home-trust-label{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--t2)}.home-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 0;margin-top:16px;display:flex}.home-stat{font-family:var(--mono);font-size:var(--fs-body-s);color:var(--t1);padding:0 20px}.home-stat b{color:var(--t0);font-weight:600}.home-stat:not(:last-child){border-right:1px solid var(--border)}.home-stat strong{color:var(--t0);font-weight:600}.prev-traffic{flex:none;gap:6px;padding-bottom:9px;display:inline-flex}.prev-traffic i{background:var(--bg-3);border-radius:50%;width:11px;height:11px}.prev-traffic i:first-child{background:color-mix(in srgb,#ff5f57 60%,var(--bg-3))}.prev-traffic i:nth-child(2){background:color-mix(in srgb,#febc2e 60%,var(--bg-3))}.prev-traffic i:nth-child(3){background:color-mix(in srgb,#28c840 60%,var(--bg-3))}.hw{padding-top:var(--s-6);scroll-margin-top:calc(var(--nav-clear) + var(--s-4));position:relative}.hw-head{max-width:660px;margin:0 auto var(--s-6);text-align:center}.hw-head .home-eyebrow{justify-content:center}.hw-head .home-h2{font-size:var(--fs-h2)}.hw-head .home-lede{font-size:var(--fs-body);margin-inline:auto}.hw-shell{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--bg-1);max-width:920px;box-shadow:var(--shadow-m);margin:0 auto;position:relative;overflow:hidden}.hw-shell:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:-1px}.home[data-home-converge=converged] .hw-shell:after{animation:hw-arrive var(--dur-6) var(--ease-out) 1}@keyframes hw-arrive{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb,var(--hue,var(--accent)) 55%,transparent)}to{opacity:0;box-shadow:0 0 0 22px color-mix(in srgb,var(--hue,var(--accent)) 0%,transparent)}}.hw-tabs{background:var(--bg-2);border-bottom:1px solid var(--border);scrollbar-width:none;gap:2px;padding:8px 8px 0;display:flex;overflow-x:auto}.hw-tabs::-webkit-scrollbar{display:none}.hw-tab{border-radius:var(--radius-l) var(--radius-l) 0 0;min-width:104px;height:44px;color:var(--t2);font-family:var(--font);font-size:var(--fs-body-s);cursor:pointer;white-space:nowrap;transition:color var(--t),background var(--t);background:0 0;border:1px solid #0000;border-bottom:none;flex:none;padding:0 14px;font-weight:600;position:relative}.hw-tab:hover{color:var(--t0);background:color-mix(in srgb,var(--bg-1) 62%,transparent)}.hw-tab:focus-visible{outline:2px solid var(--hue,var(--accent));outline-offset:-3px}.hw-tab[data-active=true]{background:var(--bg-1);border-color:var(--border);color:var(--t0)}.hw-tab[data-active=true]:after{content:"";background:var(--hue,var(--accent));height:2px;position:absolute;bottom:-1px;left:0;right:0}.hw-panel{background:var(--bg-1);padding:20px}.hw-body{flex-direction:column;gap:14px;display:flex}.hw-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hw-btn{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-1);min-height:40px;color:var(--t0);font-family:var(--font);font-size:var(--fs-body-s);cursor:pointer;transition:background var(--t),border-color var(--t);align-items:center;gap:7px;padding:0 16px;font-weight:580;display:inline-flex}.hw-btn:hover{background:var(--hvr);border-color:var(--bh)}.hw-btn:disabled{opacity:.55;cursor:not-allowed}.hw-btn-go{background:var(--t0);color:var(--bg-1);border-color:#0000}.hw-btn-go:hover{background:var(--t0);filter:brightness(1.12);border-color:#0000}.hw-note{font-size:var(--fs-caption);color:var(--t2);line-height:1.5}.hw-limit{border:1px solid color-mix(in srgb,var(--warn) 38%,var(--border));border-radius:var(--radius-s);background:color-mix(in srgb,var(--warn) 8%,var(--bg-1));font-size:var(--fs-caption);color:var(--t1);margin:0;padding:10px 12px;line-height:1.5}.hw-alert{border:1px solid color-mix(in srgb,var(--err) 40%,var(--border));border-radius:var(--radius-s);background:color-mix(in srgb,var(--err) 8%,var(--bg-1));font-size:var(--fs-caption);color:var(--t1);margin:0;padding:10px 12px;line-height:1.5}.hw-link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}.hw-code-inline{font-family:var(--mono);color:var(--t0);-webkit-user-select:all;user-select:all;font-size:.95em}.hw-foot{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding-top:14px;display:flex}.hw-foot-note{font-size:var(--fs-caption);color:var(--t2)}.hw-continue{border:1px solid color-mix(in srgb,var(--hue,var(--accent)) 42%,var(--border));border-radius:var(--radius-l);background:color-mix(in srgb,var(--hue,var(--accent)) 10%,var(--bg-1));min-height:42px;color:color-mix(in srgb,var(--hue,var(--accent)) 45%,var(--t0));font-family:var(--font);font-size:var(--fs-body-s);cursor:pointer;transition:background var(--t),gap var(--t);align-items:center;gap:8px;padding:0 18px;font-weight:650;text-decoration:none;display:inline-flex}.hw-continue:hover{background:color-mix(in srgb,var(--hue,var(--accent)) 18%,var(--bg-1));gap:11px;text-decoration:none}.hw-continue:disabled{opacity:.55;cursor:not-allowed}.hw-continue:disabled:hover{gap:8px}.hw-fields{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.hw-field{flex-direction:column;gap:5px;min-width:0;display:flex}.hw-field-grow{flex:180px}.hw-label{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--t2);font-weight:650}.hw-select,.hw-input{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);min-height:40px;color:var(--t0);font-family:var(--font);font-size:var(--fs-body-s);padding:0 12px}.hw-select:focus-visible,.hw-input:focus-visible{outline:2px solid var(--hue,var(--accent));outline-offset:1px}.hw-field-err{font-size:var(--fs-caption);color:var(--err);margin:0;line-height:1.45}.hw-pal{border-radius:var(--radius);height:154px;box-shadow:var(--shadow-s);gap:0;list-style:none;display:flex;overflow:hidden}.hw-pal-sw{flex:1 1 0;min-width:0;display:flex;position:relative}.hw-pal-lock{cursor:pointer;opacity:.5;width:40px;height:40px;transition:opacity var(--t);background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;right:0}.hw-pal-sw:hover .hw-pal-lock,.hw-pal-lock[aria-pressed=true],.hw-pal-lock:focus-visible{opacity:1}.hw-pal-copy{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;padding:0 6px 12px;display:flex}.hw-pal-hex{font-family:var(--mono);letter-spacing:.02em;opacity:.78;font-size:12.5px;font-weight:600}.hw-pal-sw:hover .hw-pal-hex{opacity:1}.hw-pal-tick{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;opacity:.9;font-weight:700}.hw-grad-preview{border-radius:var(--radius);height:132px;box-shadow:var(--shadow-s)}.hw-stop{align-items:center;gap:8px;display:flex}.hw-stop-well{flex:none}.hw-input-hex{width:104px;font-family:var(--mono);text-transform:uppercase}.hw-out{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-0);flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.hw-code{min-width:0;font-family:var(--mono);color:var(--t0);word-break:break-all;-webkit-user-select:all;user-select:all;flex:240px;font-size:12.5px;line-height:1.5}.hw-subtabs{flex-wrap:wrap;gap:6px;display:flex}.hw-subtab{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-1);min-height:36px;color:var(--t2);font-family:var(--font);font-size:var(--fs-caption);cursor:pointer;transition:color var(--t),background var(--t),border-color var(--t);padding:0 14px;font-weight:600}.hw-subtab:hover{color:var(--t0);border-color:var(--bh)}.hw-subtab:focus-visible{outline:2px solid var(--hue,var(--accent));outline-offset:2px}.hw-subtab[aria-selected=true]{background:color-mix(in srgb,var(--hue,var(--accent)) 14%,var(--bg-1));border-color:color-mix(in srgb,var(--hue,var(--accent)) 48%,var(--border));color:var(--t0)}.hw-subtab[aria-selected=true]:before{content:"● ";color:var(--hue,var(--accent));font-size:.8em}.hw-ref{aspect-ratio:880/495;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);place-items:center;display:grid;position:relative;overflow:hidden}.hw-ref-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hw-ref-img[hidden]{display:none}.hw-ref-msg{z-index:1;text-align:center;max-width:44ch;font-size:var(--fs-caption);color:var(--t2);margin:0;padding:16px;line-height:1.5;position:relative}.hw-intent{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-0);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;padding:12px;display:flex}.hw-intent-label{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--t2);font-weight:650}.hw-intent strong{font-size:var(--fs-body-s);color:var(--t0);font-weight:700}.hw-intent-note{font-size:var(--fs-caption);color:var(--t2)}.hw-img-split{grid-template-columns:minmax(0,1.05fr) minmax(238px,.95fr);align-items:start;gap:16px;display:grid}.hw-img-controls{flex-direction:column;gap:12px;min-width:0;display:flex}.hw-img-controls .hw-fields{flex-direction:column;align-items:stretch;gap:10px}.hw-img-controls .hw-select{width:100%}.hw-img-controls .hw-intent{flex-direction:column;gap:4px}.hw-icon-split{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);align-items:start;gap:18px;display:grid}.hw-icon-stage{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-0);flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.hw-icon-preview{min-height:96px;color:var(--t0);place-items:center;display:grid}.hw-icon-meta{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.05em;color:var(--t2);text-align:center}.hw-icon-side{flex-direction:column;gap:14px;min-width:0;display:flex}.hw-icon-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:7px;display:grid}.hw-icon-cell{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-1);min-height:44px;color:var(--t1);cursor:pointer;transition:color var(--t),border-color var(--t),background var(--t);place-items:center;display:grid}.hw-icon-cell:hover{color:color-mix(in srgb,var(--hue,var(--accent)) 55%,var(--t0));border-color:var(--bh)}.hw-icon-cell:focus-visible{outline:2px solid var(--hue,var(--accent));outline-offset:2px}.hw-icon-cell[aria-pressed=true]{color:color-mix(in srgb,var(--hue,var(--accent)) 55%,var(--t0));border-color:color-mix(in srgb,var(--hue,var(--accent)) 55%,var(--border));background:color-mix(in srgb,var(--hue,var(--accent)) 10%,var(--bg-1));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hue,var(--accent)) 40%,transparent)}@media (width<=640px){.hw-panel{padding:16px}.hw-pal{height:126px}.hw-icon-split,.hw-img-split{grid-template-columns:1fr}.hw-fields{gap:10px}.hw-field,.hw-select,.hw-input{width:100%}.hw-input-hex{flex:auto;width:auto;min-width:0}.hw-continue,.hw-btn{justify-content:center;width:100%}.hw-foot{gap:10px}}.home-split{gap:var(--s-8);margin-top:var(--s-7);grid-template-columns:1fr 1fr;align-items:center;display:grid}.home-split+.home-split{margin-top:var(--sec-pad)}.home-split.reverse .home-split-copy{order:2}.home-split-copy .home-h2{font-size:var(--fs-h2)}.home-check{flex-direction:column;gap:10px;margin-top:20px;list-style:none;display:flex}.home-check li{font-size:var(--fs-body-s);color:var(--t1);align-items:center;gap:10px;display:flex}.home-check-mark{color:var(--ok);flex:none}.home-code{font-family:var(--mono);background:var(--bg-2);border:1px solid var(--border);color:var(--t0);border-radius:10px;margin-top:20px;padding:12px 16px;font-size:13px;display:inline-block}.home-report{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-1);box-shadow:var(--shadow-s);overflow:hidden}.home-report-bar{background:var(--bg-2);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.home-report-title{font-family:var(--mono);letter-spacing:.02em;color:var(--t1);font-size:12px}.home-report-list{flex-direction:column;list-style:none;display:flex}.home-report-row{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.home-report-row:first-child{border-top:0}.home-report-chips{display:flex}.home-report-chip{border-radius:var(--radius-s);border:1px solid var(--border);width:34px;height:34px;font-family:var(--serif);place-items:center;font-size:15px;line-height:1;display:grid}.home-report-pair{font-size:var(--fs-body-s);color:var(--t1);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.home-report-ratio{font-family:var(--mono);color:var(--t2);font-variant-numeric:tabular-nums;font-size:13px}.home-report-grade{letter-spacing:.02em;border-radius:var(--radius-pill);white-space:nowrap;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);padding:3px 8px;font-size:11px;font-weight:600}.home-report-grade[data-ok=false]{color:var(--warn);background:color-mix(in srgb,var(--warn) 16%,transparent)}.home-scroller{margin-top:var(--s-6);scroll-snap-type:x mandatory;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.home-card{scroll-snap-align:start;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-1);width:230px;box-shadow:var(--shadow-xs);flex-direction:column;flex:none;text-decoration:none;display:flex;overflow:hidden}.home-card:hover{text-decoration:none}.home-card-art{background:color-mix(in srgb,var(--hue,var(--accent)) 12%,var(--bg-2));align-items:flex-end;height:150px;padding:14px;display:flex;position:relative}.home-card-swatches{gap:6px;width:100%;display:flex}.home-card-swatch{border-radius:var(--radius-s);height:52px;box-shadow:var(--shadow-xs);flex:1 1 0}.home-card-specimen{font-family:var(--serif);color:var(--hue,var(--accent));opacity:.85;font-size:30px;line-height:1;position:absolute;top:12px;right:16px}.home-card-foot{padding:12px 14px 14px}.home-card-label{font-size:var(--fs-body-s);color:var(--t0);font-weight:600}.home-card-meta{font-family:var(--mono);font-size:var(--fs-micro);color:var(--t2);margin-top:3px}.home-scroller-cta{margin-top:var(--s-5)}.home-learn{margin-top:var(--s-6);grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.home-learn-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-1);box-shadow:var(--shadow-xs);transition:border-color var(--dur-3) var(--ease-out),background var(--dur-3) var(--ease-out);flex-direction:column;gap:8px;padding:20px;text-decoration:none;display:flex;position:relative}.home-learn-card:hover{border-color:var(--bh);text-decoration:none}.home-learn-card[data-accent] .fx-dot{background:var(--accent)}.home-learn-title{font-size:var(--fs-body);letter-spacing:-.012em;color:var(--t0);align-items:center;gap:10px;font-weight:600;display:flex}.home-learn-desc{font-size:var(--fs-body-s);color:var(--t2);flex:auto;line-height:1.5}.home-learn-go{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.04em;color:var(--t2);transition:color var(--dur-3) var(--ease-out)}.home-learn-card:hover .home-learn-go{color:var(--t0)}.system-cta{isolation:isolate;max-width:1180px;min-height:420px;margin:var(--sec-pad) auto var(--s-8);padding:var(--s-8) 24px;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--bg-1);place-items:center;display:grid;position:relative;overflow:hidden}.system-cta-grid{z-index:-2;opacity:.5;background-image:linear-gradient(color-mix(in srgb,var(--t0) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--t0) 5%,transparent) 1px,transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 74%);mask-image:radial-gradient(circle,#000,#0000 74%)}.system-cta-beams{z-index:-1;position:absolute;inset:0;overflow:hidden}.system-cta-beams i{border-radius:var(--radius-pill);background:linear-gradient(to top,color-mix(in srgb,var(--accent) 20%,transparent),transparent 68%);transform-origin:50% 100%;width:70px;height:130%;position:absolute;bottom:-58%;left:50%}.system-cta-beams i:first-child{transform:translate(-50%)rotate(-62deg)}.system-cta-beams i:nth-child(2){transform:translate(-50%)rotate(-42deg)}.system-cta-beams i:nth-child(3){transform:translate(-50%)rotate(-21deg)}.system-cta-beams i:nth-child(4){transform:translate(-50%)}.system-cta-beams i:nth-child(5){transform:translate(-50%)rotate(21deg)}.system-cta-beams i:nth-child(6){transform:translate(-50%)rotate(42deg)}.system-cta-beams i:nth-child(7){transform:translate(-50%)rotate(62deg)}.system-cta-inner{text-align:center;max-width:690px}.system-cta-title{margin-top:var(--s-4);font-size:var(--fs-h1);letter-spacing:-.035em;color:var(--t0);text-wrap:balance;font-weight:720;line-height:1.03}.system-cta-lede{max-width:520px;margin:var(--s-4) auto 0;font-size:var(--fs-body);color:var(--t2);line-height:1.55}.system-cta-actions{margin-top:var(--s-6);flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.system-cta-hint{margin-top:var(--s-4);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}.home-cta{text-align:center;padding:var(--sec-pad) 24px var(--s-9);position:relative;overflow:hidden}.home-cta-glow{pointer-events:none;background:radial-gradient(60% 60% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);position:absolute;inset:0}.home-cta-tabs{top:var(--s-6);pointer-events:none;justify-content:center;gap:10px;display:flex;position:absolute;left:0;right:0}.home-cta-tab{background:color-mix(in srgb,var(--hue,var(--accent)) 14%,transparent);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.home-cta-tab .fx-dot{background:var(--hue,var(--accent))}.home-cta-inner{z-index:1;max-width:640px;padding-top:var(--s-6);margin:0 auto;position:relative}.home-cta-h2{font-size:var(--fs-h1);letter-spacing:-.03em;color:var(--t0);margin-top:var(--s-3);font-weight:700;line-height:1.05}.home-cta-em{color:var(--accent);font-style:italic;font-family:var(--serif);font-weight:600}.home-cta-lede{font-size:var(--fs-body);color:var(--t2);margin:var(--s-4) auto 0;max-width:440px;line-height:1.55}.home-cta .home-hero-cta{margin-top:var(--s-6);justify-content:center}.home-cta-hint{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--t2);margin-top:var(--s-4)}.home-foot{background:var(--bg-1);border-top:1px solid var(--border);padding:var(--s-9) 0 var(--s-6);margin-top:var(--sec-pad)}.home-foot-feat{grid-template-columns:repeat(3,1fr);gap:32px 48px;display:grid}.home-foot-feat-link{text-decoration:none;display:block}.home-foot-feat-link:hover{text-decoration:none}.home-foot-feat-title{font-size:var(--fs-h2);letter-spacing:-.02em;color:var(--t0);transition:color var(--dur-3) var(--ease-out);align-items:center;gap:10px;font-weight:700;display:flex}.home-foot-feat-link:hover .home-foot-feat-title{color:var(--hue,var(--accent))}.home-foot-feat-link:hover .fx-dot{transform:scale(1.25)}.home-foot-feat-desc{font-size:var(--fs-caption);color:var(--t2);margin-top:6px}.home-foot-cols{margin-top:var(--s-8);grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.home-foot-colhead{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--t2);margin-bottom:12px}.home-foot-link{min-height:32px;font-size:var(--fs-body-s);color:var(--t1);align-items:center;gap:8px;text-decoration:none;display:flex}.home-foot-link:hover{color:var(--t0);text-decoration:none}.home-foot-legal{margin-top:var(--s-8);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.home-foot-brand{align-items:center;gap:10px;display:flex}.home-foot-copy{font-size:var(--fs-caption);color:var(--t2)}@media (width<=1180px){.pnav-search{flex:none}.pnav-search-field{justify-content:center;width:40px;padding:0}.pnav-search-ph,.pnav-search-kbd{display:none}}@media (width<=1024px){.pnav-menu-cols{grid-template-columns:1fr}.pnav-promo,.pnav-editorial{display:none}.home-hero{min-height:auto}.home-hero-core{margin-top:0}.home-learn,.surface-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1180px){.hsat{margin:var(--s-6) auto 0;pointer-events:auto;padding:0;position:static;inset:auto}.home-hero{min-height:auto}.home-hero-core{margin-top:0}.hsat-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:auto;display:grid;position:static}.hsat-item{position:static;transform:none!important}.hsat-link{-webkit-backdrop-filter:none;backdrop-filter:none;height:100%;transform:none!important}.hsat-proxy-layer{display:none}}:where(html[data-reduced-motion=true]) .home-hero{min-height:auto}:where(html[data-reduced-motion=true]) .home-hero-core{margin-top:0}:where(html[data-reduced-motion=true]) .hsat{margin:var(--s-6) auto 0;pointer-events:auto;padding:0;position:static;inset:auto}:where(html[data-reduced-motion=true]) .hsat-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:auto;display:grid;position:static}:where(html[data-reduced-motion=true]) .hsat-item{position:static;transform:none!important}:where(html[data-reduced-motion=true]) .hsat-link{-webkit-backdrop-filter:none;backdrop-filter:none;height:100%;transform:none!important}:where(html[data-reduced-motion=true]) .hsat-proxy-layer{display:none}:where(html[data-reduced-motion=true]) .hw-shell:after{animation:none!important}@media (prefers-reduced-motion:reduce){:where(html:not([data-reduced-motion=false])) .home-hero{min-height:auto}:where(html:not([data-reduced-motion=false])) .home-hero-core{margin-top:0}:where(html:not([data-reduced-motion=false])) .hsat{margin:var(--s-6) auto 0;pointer-events:auto;padding:0;position:static;inset:auto}:where(html:not([data-reduced-motion=false])) .hsat-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:auto;display:grid;position:static}:where(html:not([data-reduced-motion=false])) .hsat-item{position:static;transform:none!important}:where(html:not([data-reduced-motion=false])) .hsat-link{-webkit-backdrop-filter:none;backdrop-filter:none;height:100%;transform:none!important}:where(html:not([data-reduced-motion=false])) .hsat-proxy-layer{display:none}:where(html:not([data-reduced-motion=false])) .hw-shell:after{animation:none!important}}@media (width<=768px){.pnav-items,.pnav-actions .ui-pill-ghost{display:none}.pnav-mobile{display:inline-flex}.pnav-inner{padding:0 12px;display:flex}.pnav-lead{flex:auto}.pnav-search{flex:none;margin-left:auto}.pnav--sales .pnav-search-field{display:flex}.pnav-search-field{justify-content:center;width:40px;min-width:0;padding:0}.pnav-search-ph,.pnav-search-kbd,.pnav-iconbtn,.pnav-more-wrap{display:none}.home-split,.home-split.reverse{gap:var(--s-6);grid-template-columns:1fr}.home-split .home-split-copy,.home-split.reverse .home-split-copy{order:2}.home-split .home-split-media{order:1}.home-foot-feat{grid-template-columns:repeat(2,1fr)}.home-foot-cols{grid-template-columns:repeat(2,1fr);gap:24px 32px}.home-hero{padding-top:calc(var(--nav-top) + var(--nav-h) + var(--s-8))}.hsat-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-tab{min-width:74px;font-size:var(--fs-caption);flex:1 1 0;padding:0 8px}}@media (width<=480px){:root{--nav-h:52px}.pnav-actions .ui-pill{display:none}.home-hero-cta{flex-direction:column}.home-hero-cta .ui-pill{width:100%}.home-hero{padding-inline:18px}.home-hero-kicker{letter-spacing:.055em;font-size:10px}.hsat{padding-inline:0}.hsat-label,.hsat-family{white-space:normal}.hsat-link{padding:9px 12px}.hw-head .home-h2{font-size:var(--fs-h3)}.hw-tabs{padding:6px 6px 0}.hw-tab{flex:1 0 auto;min-width:72px}.system-cta{min-height:380px;padding:var(--s-7) 18px;margin-inline:0}.system-cta-actions{flex-direction:column;width:100%}.system-cta-actions .ui-pill{width:100%}.home-foot-feat,.home-foot-cols,.home-learn{grid-template-columns:1fr}.home-card{width:200px}.home-stat{font-size:var(--fs-caption);padding:0 12px}.surface-grid{grid-template-columns:1fr}}@media (width<=380px){.home-hero-sub{font-size:var(--fs-body)}.hsat-list{grid-template-columns:1fr}.hw-panel{padding:14px}.hw-tab{flex:none;min-width:0;padding:0 12px}}@media (width<=560px){.cmt-emoji-grid{grid-template-columns:repeat(6,1fr)}.cmt-shadow{grid-template-columns:1fr}}.tt-page{min-width:0;padding-bottom:var(--s-4)}.tt-hero{margin-bottom:var(--s-5)}.tt-hero-copy{gap:var(--s-8);grid-template-columns:minmax(0,1fr) minmax(380px,560px);align-items:end;display:grid}.tt-hero h1{font-family:var(--serif);letter-spacing:-.035em;color:var(--t0);margin:0;font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1.04}.tt-hero-copy>p{max-width:600px;color:var(--t1);margin:0 0 4px;font-size:15px;line-height:1.65}.tt-audience{margin-top:var(--s-7);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--ring);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.tt-audience-tab{text-align:left;min-height:116px;color:var(--t1);cursor:pointer;transition:background var(--t),color var(--t);background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:18px 20px;display:flex;position:relative}.tt-audience-tab+.tt-audience-tab{border-left:1px solid var(--border)}.tt-audience-tab:after{content:"";height:2px;transition:background var(--t);background:0 0;position:absolute;bottom:0;left:20px;right:20px}.tt-audience-tab:hover{background:var(--hvr);color:var(--t0)}.tt-audience-tab--on{background:var(--card);color:var(--t0)}.tt-audience-tab--on:after{background:var(--brand)}.tt-audience-tab:focus-visible{z-index:1;outline:2px solid var(--brand);outline-offset:-2px}.tt-audience-tab strong{letter-spacing:-.01em;margin:5px 0 3px;font-size:16px;font-weight:650}.tt-audience-tab>span:last-child{color:var(--t2);font-size:12px;line-height:1.45}.tt-audience-kicker{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brand);font-size:9px;font-weight:700}.tt-status{margin-bottom:var(--s-5);border-block:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tt-status span{color:var(--t2);align-items:baseline;gap:6px;padding:12px 16px;font-size:11px;display:flex}.tt-status span+span{border-left:1px solid var(--border)}.tt-status strong{font-family:var(--mono);color:var(--t0);font-size:12px}.tt-grid{gap:var(--s-5);grid-template-columns:minmax(0,1fr) 340px;align-items:start;min-width:0;display:grid}.tt-grid>*{min-width:0}.tt-output{grid-area:1/1}.tt-config{grid-area:1/2}.tt-panel{background:var(--card);flex-direction:column;min-width:0;padding:24px;display:flex;overflow:hidden}.tt-panel.card:hover{border-color:var(--border)}.tt-config{top:calc(var(--nav-clear) + var(--s-5));position:sticky}.tt-section-head{margin-bottom:var(--s-5);padding-bottom:var(--s-4);border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;display:flex}.tt-section-head--output{justify-content:flex-start}.tt-section-num{min-width:30px;height:24px;font-family:var(--mono);letter-spacing:.08em;color:var(--brand);background:var(--brand-bg);border:1px solid color-mix(in srgb,var(--brand) 24%,var(--border));border-radius:var(--radius-xs);justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.tt-section-head h2,.tt-delivery-head h2{letter-spacing:-.015em;color:var(--t0);margin:0;font-size:16px;font-weight:650}.tt-section-head p,.tt-delivery-head p{color:var(--t2);margin:3px 0 0;font-size:11.5px;line-height:1.45}.tt-picker{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);cursor:pointer;flex-shrink:0;width:46px;height:46px;padding:2px}.tt-picker--s{width:40px;height:40px}.tt-picker:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tt-hex-input{min-width:0;height:46px;font-family:var(--mono);color:var(--t0);background:var(--inp);border:1px solid var(--border);border-radius:var(--radius-s);transition:border-color var(--t),box-shadow var(--t);flex:1;padding:0 14px;font-size:14px}.tt-hex-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg);outline:none}.tt-hex-input--bad{border-color:var(--err)}.tt-hint{color:var(--t2);margin:0 0 20px;font-size:11.5px;line-height:1.5}.tt-seg{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);gap:4px;margin-bottom:8px;padding:3px;display:flex}.tt-seg-btn{min-height:38px;color:var(--t1);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t),box-shadow var(--t);background:0 0;border:1px solid #0000;flex:1;padding:8px 10px;font-size:12px;font-weight:600}.tt-seg-btn:hover{color:var(--t0)}.tt-seg-btn--on{color:var(--t0);border-color:var(--border);background:var(--card);box-shadow:var(--shadow-xs)}.tt-seg-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.tt-slider-row{margin-bottom:18px}.tt-slider-row input[type=range]{width:100%;accent-color:var(--brand)}.tt-slider-head{justify-content:space-between;align-items:baseline;display:flex}.tt-select{width:100%;height:42px;font-family:var(--font);color:var(--t0);background:var(--inp);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;transition:border-color var(--t),box-shadow var(--t);margin-bottom:14px;padding:0 12px;font-size:13px}.tt-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg);outline:none}.tt-check{color:var(--t1);cursor:pointer;align-items:flex-start;gap:9px;margin-bottom:6px;font-size:12px;line-height:1.45;display:flex}.tt-check input{accent-color:var(--brand);cursor:pointer;flex:none;margin-top:2px}.tt-reset{min-height:36px;color:var(--t1);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;transition:border-color var(--t),background var(--t),color var(--t);background:0 0;align-self:flex-start;margin-top:4px;padding:8px 12px;font-size:11px;font-weight:600}.tt-reset:hover{border-color:var(--bh);background:var(--hvr);color:var(--t0)}.tt-reset:focus-visible,.tt-copy-all:focus-visible,.tt-mini:focus-visible,.tt-view-btn:focus-visible,.tt-copy-primary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tt-bases-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.tt-bases-actions{flex-wrap:wrap;gap:8px;display:flex}.tt-ramps{flex-direction:column;margin-bottom:4px;display:flex}.tt-ramp-block{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:18px 0;display:flex}.tt-ramp-meta{align-items:baseline;gap:8px;display:flex}.tt-ramp-meta strong{color:var(--t0);font-size:12px;font-weight:650}.tt-ramp-meta span{font-family:var(--mono);color:var(--t2);font-size:10px}.tt-ramp-block--selected{position:relative}.tt-ramp-block--selected:before{content:"";background:var(--brand);width:2px;position:absolute;top:0;bottom:0;left:-18px}.tt-ramp-select{text-align:left;width:100%;min-height:42px;color:var(--t1);border-radius:var(--radius-s);cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:6px 8px;display:flex}.tt-ramp-select:hover{color:var(--t0);background:var(--hvr)}.tt-ramp-select[aria-checked=true]{color:var(--t0);background:var(--brand-bg);border-color:color-mix(in srgb,var(--brand) 28%,var(--border))}.tt-ramp-select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tt-ramp-select-dot{border:2px solid var(--t3);width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--card);border-radius:50%;flex:none}.tt-ramp-select[aria-checked=true] .tt-ramp-select-dot{background:var(--brand);border-color:var(--brand)}.tt-ramp-select>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.tt-ramp-select strong{color:inherit;font-size:12px;font-style:normal;font-weight:650}.tt-ramp-select small{font-family:var(--mono);color:var(--t2);font-size:9px}.tt-ramp-select em{letter-spacing:.04em;text-transform:uppercase;color:var(--t3);margin-left:auto;font-size:9px;font-style:normal;font-weight:650}.tt-ramp-select[aria-checked=true] em{color:var(--brand)}.tt-ramp-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tt-ramp-head .tt-hex-input{flex:0 132px;height:40px}.tt-mini,.tt-copy-all{min-height:34px;color:var(--t1);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;transition:border-color var(--t),background var(--t),color var(--t);padding:7px 11px;font-size:10.5px;font-weight:600}.tt-mini:hover,.tt-copy-all:hover{border-color:var(--bh);background:var(--hvr);color:var(--t0)}.tt-mini--x{min-width:34px;color:var(--t2);margin-left:auto;padding:6px 10px;font-size:15px;line-height:1}.tt-mini--x:hover{border-color:var(--err);color:var(--err)}.tt-copy-all:disabled{opacity:.5;cursor:not-allowed}.tt-copy-all:disabled:hover{border-color:var(--border);background:var(--bg-2)}.tt-ramp{border:1px solid var(--border);border-radius:var(--radius-s);scrollbar-width:thin;scrollbar-color:var(--t3) transparent;display:flex;overflow-x:auto}.tt-cell{background:var(--tt-c);min-width:60px;min-height:76px;color:var(--tt-ink);cursor:pointer;transition:filter var(--t-fast),box-shadow var(--t-fast);border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:8px 4px;display:flex}.tt-cell:hover{filter:saturate(1.08);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tt-ink) 35%,transparent)}.tt-cell:focus-visible{z-index:1;outline:2px solid var(--brand);outline-offset:-3px;position:relative}.tt-cell-step{letter-spacing:.02em;font-size:11px;font-weight:750}.tt-cell-hex{font-family:var(--mono);opacity:.84;font-size:9px}.tt-ramp--dense .tt-cell{min-width:6px;min-height:52px;padding:0}.tt-dense-inspector{border:1px solid var(--line);border-radius:0 0 var(--r-s) var(--r-s);background:var(--s1);min-height:34px;color:var(--t2);border-top:0;align-items:center;gap:10px;padding:7px 10px;font-size:11px;display:flex}.tt-dense-inspector strong,.tt-dense-inspector code{color:var(--t0)}.tt-dense-inspector code{font-family:var(--mono)}.tt-dense-inspector span:last-child{margin-left:auto}.tt-ramp-scroll{color:var(--t2);margin:0;font-size:10px;display:none}.tt-delivery{padding-top:var(--s-5);border-top:1px solid var(--border);margin-top:6px}.tt-delivery-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-4);display:flex}.tt-delivery-head>div:first-child{align-items:flex-start;gap:12px;display:flex}.tt-view-switch{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);gap:3px;padding:3px;display:flex}.tt-view-btn{min-height:34px;color:var(--t1);border-radius:var(--radius-xs);cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t);background:0 0;border:1px solid #0000;padding:7px 11px;font-size:10.5px;font-weight:600}.tt-view-btn:hover{color:var(--t0)}.tt-view-btn--on{color:var(--t0);background:var(--card);border-color:var(--border);box-shadow:var(--shadow-xs)}.tt-design-view{flex-direction:column;gap:12px;display:flex}.tt-preview{color:var(--tt-pv-text);background:var(--tt-pv-canvas);border:1px solid var(--tt-pv-border);border-radius:var(--radius-l);overflow:hidden}.tt-preview-bar{min-height:44px;color:var(--tt-pv-text);background:var(--tt-pv-surface);border-bottom:1px solid var(--tt-pv-border);align-items:center;gap:8px;padding:0 16px;font-size:10px;font-weight:650;display:flex}.tt-preview-mark{background:var(--tt-pv-accent);border-radius:var(--radius-xs);width:12px;height:12px}.tt-preview-status{color:var(--tt-pv-text);background:var(--tt-pv-canvas);border:1px solid var(--tt-pv-border);border-radius:var(--radius-xs);margin-left:auto;padding:4px 7px;font-size:9px}.tt-preview-body{gap:var(--s-5);grid-template-columns:minmax(0,1.5fr) minmax(190px,.7fr);align-items:end;padding:clamp(24px,4vw,46px);display:grid}.tt-preview-copy{max-width:520px}.tt-preview-eyebrow{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tt-pv-accent-hover);font-size:9px;font-weight:700}.tt-preview h3{letter-spacing:-.035em;max-width:480px;color:var(--tt-pv-text);margin:10px 0 8px;font-size:clamp(26px,3vw,40px);font-weight:650;line-height:1.04}.tt-preview-copy p{max-width:500px;color:var(--tt-pv-muted);margin:0;font-size:12px;line-height:1.55}.tt-preview-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tt-preview-actions span{border-radius:var(--radius-s);justify-content:center;align-items:center;min-width:0;min-height:38px;padding:8px 14px;font-size:10.5px;font-weight:650;display:inline-flex}.tt-preview-primary{color:var(--tt-pv-on-accent);background:var(--tt-pv-accent);border:1px solid var(--tt-pv-accent)}.tt-preview-secondary{color:var(--tt-pv-text);background:var(--tt-pv-surface);border:1px solid var(--tt-pv-border)}.tt-preview-card{min-height:150px;color:var(--tt-pv-text);background:var(--tt-pv-surface);border:1px solid var(--tt-pv-border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding:18px;display:flex}.tt-preview-card-k{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tt-pv-muted);font-size:8px;font-weight:700}.tt-preview-card strong{letter-spacing:-.025em;margin:18px 0 2px;font-size:25px}.tt-preview-card>span:not(.tt-preview-card-k){color:var(--tt-pv-muted);font-size:10px}.tt-preview-spectrum{border:1px solid var(--tt-pv-border);border-radius:var(--radius-xs);width:100%;height:8px;margin-top:auto;display:flex;overflow:hidden}.tt-preview-spectrum span{background:var(--tt-c);flex:1}.tt-role-map{border:1px solid var(--border);border-radius:var(--radius-s);grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.tt-role-sample{background:var(--tt-c);min-width:0;color:var(--tt-ink);cursor:pointer;text-align:left;border:0;flex-direction:column;align-items:flex-start;padding:12px;display:flex}.tt-role-sample+.tt-role-sample{border-left:1px solid color-mix(in srgb,var(--tt-ink) 14%,transparent)}.tt-role-sample:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tt-ink) 28%,transparent)}.tt-role-sample:focus-visible{z-index:1;outline:2px solid var(--brand);outline-offset:-3px;position:relative}.tt-role-sample span{opacity:.8;font-size:9px}.tt-role-sample strong{margin:6px 0 2px;font-size:13px}.tt-role-sample code{max-width:100%;font-family:var(--mono);text-overflow:ellipsis;font-size:8.5px;overflow:hidden}.tt-view-note{color:var(--t2);margin:0;font-size:10px}.tt-developer-view{flex-direction:column;display:flex}.tt-code-meta{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:10px;display:flex}.tt-code-meta p{color:var(--t2);margin:2px 0 0;font-size:11px}.tt-code-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tt-copy-primary{min-height:38px;color:var(--accent-fg);background:var(--brand);border:1px solid var(--brand);border-radius:var(--radius-s);cursor:pointer;transition:background var(--t),border-color var(--t);padding:8px 14px;font-size:11px;font-weight:650}.tt-copy-primary:hover{background:var(--brand-soft);border-color:var(--brand-soft)}.tt-export{max-height:380px;font-family:var(--mono);color:var(--t1);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);margin:0;padding:18px;font-size:11px;line-height:1.7;overflow:auto}.tt-export:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tt-more{justify-content:space-between;align-items:center;gap:var(--s-5);margin-top:var(--s-6);padding:var(--s-5) 0;border-top:1px solid var(--border);display:flex}.tt-more>div:first-child{flex-direction:column;gap:4px;max-width:470px;display:flex}.tt-more-kicker{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brand);font-size:9px;font-weight:700}.tt-more strong{color:var(--t0);font-size:13px;font-weight:600;line-height:1.45}.tt-more-links{flex-wrap:wrap;justify-content:flex-end;gap:20px;display:flex}.tt-more-link{color:var(--t1);transition:color var(--t);font-size:11px;font-weight:600;text-decoration:none}.tt-more-link:hover{color:var(--brand)}.tt-more-link:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (width<=980px){.tt-hero-copy{gap:var(--s-4);grid-template-columns:1fr}.tt-grid{grid-template-columns:1fr}.tt-config{position:static}.tt-output,.tt-config{grid-area:auto}}@media (width<=768px){.tt-audience{grid-template-columns:1fr}.tt-audience-tab+.tt-audience-tab{border-left:0;border-top:1px solid var(--border)}.tt-status{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-status span:nth-child(3){border-left:0;border-top:1px solid var(--border)}.tt-status span:nth-child(4){border-top:1px solid var(--border)}.tt-delivery-head{flex-direction:column}.tt-preview-body{grid-template-columns:1fr;align-items:start}.tt-preview-card{min-height:132px}.tt-role-map{grid-template-columns:repeat(3,minmax(0,1fr))}.tt-role-sample:nth-child(4){border-left:0}.tt-more{flex-direction:column;align-items:flex-start}.tt-more-links{justify-content:flex-start}}@media (width<=560px){.tt-hero h1{font-size:36px}.tt-hero-copy>p{font-size:13px}.tt-audience{margin-top:var(--s-5)}.tt-audience-tab{min-height:104px;padding:16px}.tt-panel{padding:18px}.tt-section-head{margin-bottom:18px}.tt-bases-head{flex-direction:column;align-items:flex-start}.tt-bases-actions{width:100%}.tt-bases-actions .tt-copy-all{flex:1}.tt-ramp-head .tt-hex-input{flex:110px}.tt-mini--x{margin-left:0}.tt-cell{flex:0 0 74px;min-width:74px}.tt-ramp--dense .tt-cell{flex:0 0 8px;min-width:8px}.tt-ramp-scroll{display:block}.tt-view-switch{width:100%}.tt-view-btn{flex:1}.tt-preview-body{padding:24px 18px}.tt-preview-actions span{flex:1}.tt-role-map{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-role-sample:nth-child(3),.tt-role-sample:nth-child(5){border-left:0}.tt-role-sample:nth-child(4){border-left:1px solid color-mix(in srgb,var(--tt-ink) 14%,transparent)}.tt-code-meta{flex-direction:column;align-items:flex-start}.tt-copy-primary{width:100%}.tt-export{font-size:10px}}@media (width<=380px){.tt-status{grid-template-columns:1fr}.tt-status span+span{border-left:0;border-top:1px solid var(--border)}.tt-status span:nth-child(4){border-top:1px solid var(--border)}.tt-panel{padding:16px}.tt-ramp-head .tt-hex-input{flex-basis:calc(100% - 48px)}.tt-mini{flex:1}.tt-mini--x{flex:0 0 34px}.tt-role-map{grid-template-columns:1fr}.tt-role-sample+.tt-role-sample{border-left:0;border-top:1px solid color-mix(in srgb,var(--tt-ink) 14%,transparent)}.tt-more-links{flex-direction:column;align-items:flex-start;gap:12px}}.cc-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.cc-panel{flex-direction:column;display:flex}.cc-fields{align-items:flex-end;gap:12px;display:flex}.cc-field{flex:1;min-width:0}.cc-field-row{align-items:center;gap:8px;display:flex}.cc-picker{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);cursor:pointer;flex-shrink:0;width:42px;height:42px;padding:2px}.cc-hex-input{min-width:0;height:42px;font-family:var(--mono);color:var(--t0);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);transition:border-color var(--t);flex:1;padding:0 12px;font-size:13px}.cc-hex-input:focus{border-color:var(--brand);outline:none}.cc-hex-input--bad{border-color:#d64545}.cc-swap{width:42px;height:42px;color:var(--t1);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;transition:all var(--t);flex-shrink:0;font-size:16px}.cc-swap:hover{border-color:var(--brand);color:var(--t0)}.cc-hint{color:var(--t2);margin:10px 0 0;font-size:12px;line-height:1.5}.cc-ratio{align-items:baseline;gap:14px;margin:24px 0 16px;display:flex}.cc-ratio-num{font-family:var(--mono);letter-spacing:-.02em;color:var(--t0);font-size:36px;font-weight:700}.cc-ratio-verdict{font-size:13px;font-weight:600}.cc-pass{color:#2e9e5b}.cc-mixed{color:#c98a1b}.cc-fail{color:#d64545}.cc-checks{flex-direction:column;gap:6px;margin:0 0 20px;padding:0;list-style:none;display:flex}.cc-check{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.cc-check-mark{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.cc-check--pass .cc-check-mark{color:#2e9e5b;background:#2e9e5b24}.cc-check--fail .cc-check-mark{color:#d64545;background:#d645451f}.cc-check-label{color:var(--t0);font-weight:600}.cc-check-min{font-family:var(--mono);color:var(--t2);margin-left:auto;font-size:11px}.cc-fixes{flex-direction:column;gap:8px;display:flex}.cc-fix{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);align-items:center;gap:10px;padding:8px 10px;display:flex}.cc-fix-chip{font-family:var(--mono);border-radius:var(--radius-s);background:var(--cc-chip);color:var(--cc-chip-ink);flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:600}.cc-fix-desc{color:var(--t1);flex:1;min-width:0;font-size:12px}.cc-fix-apply,.cc-fix-copy{border:1px solid var(--border);border-radius:var(--radius-s);color:var(--t1);cursor:pointer;transition:all var(--t);background:0 0;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.cc-fix-apply:hover,.cc-fix-copy:hover{border-color:var(--brand);color:var(--t0)}.cc-preview{border-radius:var(--radius);border:1px solid var(--border);background:var(--cc-bg);color:var(--cc-fg);padding:28px}.cc-preview-large{letter-spacing:-.01em;margin:0 0 12px;font-size:24px;font-weight:700}.cc-preview-normal{margin:0 0 12px;font-size:16px;line-height:1.6}.cc-preview-small{margin:0 0 18px;font-size:12px}.cc-preview-ui{border:2px solid var(--cc-fg);border-radius:var(--radius-s);padding:8px 18px;font-size:13px;font-weight:600;display:inline-block}.cc-more{flex-wrap:wrap;gap:20px;margin-top:32px;display:flex}.cc-more-link{color:var(--t1);transition:color var(--t);font-size:13px;font-weight:600;text-decoration:none}.cc-more-link:hover{color:var(--brand)}@media (width<=900px){.cc-grid{grid-template-columns:1fr}}@media (width<=560px){.cc-fields{flex-direction:column;align-items:stretch}.cc-swap{width:100%}}.plb{min-height:calc(100vh - var(--nav-clear));margin:-24px calc(-1*clamp(20px,4vw,48px)) calc(-1*var(--s-9));flex-direction:column;display:flex}.plb-toolbar{top:var(--nav-clear);z-index:30;background:var(--bg-0);border-bottom:1px solid var(--border);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:18px;padding:10px max(20px,50% - 700px);display:flex;position:sticky}.plb-toolbar-group{flex-wrap:nowrap;align-items:center;gap:10px;display:flex;position:relative}.plb-toolbar-group:first-child{flex:0 auto;min-width:0}.plb-toolbar-group:last-child{flex:none}.plb-toolbar-sep{background:var(--border);width:1px;height:22px}.plb-title{letter-spacing:-.01em;color:var(--t0);margin:0 6px 0 0;font-size:15px;font-weight:700}.plb-seedpick{flex:none}.plb-seedpick .cpk-pop{left:0;right:auto}.plb-hexfield{width:96px;font-family:var(--mono);text-transform:uppercase;color:var(--t0);background:var(--inp);border:1px solid var(--border);border-radius:var(--radius-s);transition:border-color var(--t);padding:8px 10px;font-size:13px}.plb-hexfield:focus{border-color:var(--brand);outline:none}.plb-hexfield--bad{border-color:#d64545}.plb-harm{white-space:nowrap}.plb-harm-k{letter-spacing:.08em;text-transform:uppercase;color:var(--t2);font-size:9.5px;font-weight:700}.plb-tab-lock{opacity:.55;display:inline-flex}.plb-file{display:none}.plb-random{white-space:nowrap}.plb-kbd{font-family:var(--mono);border:1px solid color-mix(in srgb,currentColor 35%,transparent);opacity:.85;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.plb-dark{background:var(--t0);color:var(--bg-0);border-color:var(--t0)}.plb-dark:hover{background:var(--t0);color:var(--bg-0);opacity:.88}.plb-menuwrap{position:relative}.plb-menu{z-index:40;overscroll-behavior:contain;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:240px;max-height:min(72vh,600px);box-shadow:var(--warm-shadow-lg);padding:10px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.plb-menu-title{color:var(--t0);margin:2px 2px 10px;font-size:12px;font-weight:700}.plb-menu-row{gap:8px;display:flex}.plb-menu-row input{min-width:0;color:var(--t0);background:var(--inp);border:1px solid var(--border);border-radius:var(--radius-s);flex:1;padding:8px 10px;font-size:13px}.plb-menu-row input:focus{border-color:var(--brand);outline:none}.plb-menu-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--t2);margin:12px 2px 6px;font-size:10px;font-weight:700}.plb-menu-item{text-align:left;width:100%;color:var(--t1);border-radius:var(--radius-s);cursor:pointer;transition:all var(--t);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:8px 10px;font-size:13px;font-weight:500;display:block;overflow:hidden}.plb-menu-item:hover{background:var(--bg-2);color:var(--t0)}.plb-menu--left{left:0;right:auto}.plb-harmmenu{min-width:316px}.plb-harm-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.plb-harm-opt{color:var(--t1);border:1px solid var(--border);cursor:pointer;transition:all var(--t);white-space:nowrap;background:0 0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:600;display:inline-flex}.plb-harm-opt:hover{background:var(--bg-2);color:var(--t0)}.plb-harm-opt--on{background:var(--bg-2);border-color:var(--t0);color:var(--t0)}.plb-harm-opt>svg{color:var(--t2);flex-shrink:0}.plb-harm-opt--on>svg{color:var(--brand)}.plb-harm-opt-l{text-align:left;flex:1}.plb-vismenu{min-width:220px}.plb-visopt{text-align:left;width:100%;color:var(--t1);cursor:pointer;transition:all var(--t);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.plb-visopt>svg{color:var(--t2);flex-shrink:0}.plb-visopt:hover{background:var(--bg-2);color:var(--t0)}.plb-visopt--on{background:var(--bg-2);border-color:var(--t0);color:var(--t0)}.plb-visopt--on>svg{color:var(--brand)}.plb-visopt-l{flex:1}.plb-free{letter-spacing:.06em;text-transform:uppercase;color:#16a34a;background:#22c55e26;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.plb-scrolllist{overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:min(50vh,380px);display:flex;overflow-y:auto}.plb-varrow{border-radius:var(--radius-s);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:0;display:flex}button.plb-varrow{cursor:pointer;transition:background var(--t);padding:7px 8px}button.plb-varrow:hover{background:var(--bg-2)}.plb-varrow--locked{opacity:.55}.plb-varrow--active{background:var(--brand-weak,var(--bg-2))}.plb-varrow--active .plb-varrow-name{color:var(--brand)}.plb-varrow-tick{color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.plb-varrow-main{border-radius:var(--radius-s);text-align:left;cursor:pointer;min-width:0;transition:background var(--t);background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:7px 8px;display:flex}.plb-varrow-main:hover{background:var(--bg-2)}.plb-varrow-name{min-width:0;color:var(--t0);flex-direction:column;flex:1;gap:1px;font-size:12.5px;font-weight:600;display:flex}.plb-varrow-name small{color:var(--t2);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:500;overflow:hidden}.plb-varrow-cmp{width:30px;height:30px;color:var(--t1);cursor:pointer;transition:all var(--t);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.plb-varrow-cmp:hover{color:var(--t0);background:var(--bg-2)}.plb-strip{flex-shrink:0;gap:2px;display:inline-flex}.plb-strip-c{background:var(--plb-rc);border-radius:4px;width:12px;height:20px}.plb-score{font-family:var(--mono);color:var(--t1);background:var(--bg-2);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.plb-imgmenu{min-width:300px}.plb-imgdrop{text-align:center;color:var(--t2);background:var(--bg-1);border:1.5px dashed var(--border);border-radius:var(--radius-s);cursor:pointer;transition:all var(--t);flex-direction:column;align-items:center;gap:6px;padding:26px 16px;display:flex}.plb-imgdrop:hover,.plb-imgdrop--over{border-color:var(--brand);background:var(--bg-2);color:var(--t1)}.plb-imgdrop>svg{color:var(--t2)}.plb-imgdrop-t{color:var(--t0);font-size:13px;font-weight:600}.plb-imgdrop-s{color:var(--t2);font-size:11px;font-weight:500}.plb-imgerr{color:#b91c1c;border-radius:var(--radius-s);background:#ef44441f;margin-top:8px;padding:7px 10px;font-size:11.5px;font-weight:600}.plb-imgstage{aspect-ratio:16/10;border-radius:var(--radius-s);background:var(--bg-2);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}.plb-imgstage-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.plb-imgpoint{cursor:grab;border:2.5px solid #fff;border-radius:999px;width:20px;height:20px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #0006,0 1px 4px #00000059}.plb-imgpoint:active{cursor:grabbing}.plb-imgstrip{gap:3px;margin-top:8px;display:flex}.plb-imgswatch{border:1px solid color-mix(in srgb,var(--t0) 10%,transparent);border-radius:5px;flex:1;height:22px}.plb-imgcount{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.plb-imgcount-l{color:var(--t1);font-size:12px;font-weight:600}.plb-imgcount-ctl{align-items:center;gap:4px;display:flex}.plb-imgcount-btn{width:26px;height:26px;color:var(--t1);background:var(--bg-2);border:1px solid var(--border);cursor:pointer;transition:all var(--t);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:600;line-height:1;display:flex}.plb-imgcount-btn:hover:not(:disabled){background:var(--bg-1);color:var(--t0);border-color:var(--t0)}.plb-imgcount-btn:disabled{opacity:.4;cursor:not-allowed}.plb-imgcount-n{text-align:center;min-width:20px;color:var(--t0);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.plb-imgactions{gap:6px;margin-top:12px;display:flex}.plb-imgactions .btn{flex:1}.plb-imgclear{width:100%;color:var(--t2);border-radius:var(--radius-s);cursor:pointer;transition:all var(--t);background:0 0;border:none;margin-top:8px;padding:6px;font-size:11.5px;font-weight:600;display:block}.plb-imgclear:hover{color:#b91c1c;background:var(--bg-2)}.plb-tgl--on{color:var(--brand);border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,transparent)}.plb-board{flex:1;min-height:420px;display:flex}.plb-col{background:var(--plb-c);min-width:0;color:var(--plb-ink);flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:6px;padding:20px 8px 26px;display:flex;position:relative}.plb-col--split{background:linear-gradient(to bottom,var(--plb-c) 0 50%,var(--plb-sim) 50% 100%)}.plb-col-tools{flex-direction:column;gap:6px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.plb-tool{width:32px;height:32px;color:inherit;cursor:pointer;opacity:0;transition:opacity var(--t),background var(--t);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.plb-col:hover .plb-tool,.plb-col:focus-within .plb-tool,.plb-tool--on{opacity:1}.plb-tool:hover{background:color-mix(in srgb,var(--plb-ink) 14%,transparent)}.plb-tool--on{background:color-mix(in srgb,var(--plb-ink) 18%,transparent)}.plb-ramp{gap:4px;margin-bottom:10px;display:flex}.plb-ramp-bar{background:var(--plb-rc);cursor:pointer;width:14px;height:34px;transition:transform var(--t);border:none;border-radius:4px}.plb-ramp-bar:hover{transform:translateY(-2px)}.plb-hex{font-family:var(--mono);letter-spacing:.01em;text-transform:uppercase;color:inherit;cursor:pointer;transition:background var(--t);background:0 0;border:none;border-radius:6px;padding:3px 8px;font-size:15px;font-weight:700}.plb-hex:hover{background:color-mix(in srgb,var(--plb-ink) 12%,transparent)}.plb-role{letter-spacing:.14em;opacity:.75;font-size:10px;font-weight:700}.plb-badge{font-family:var(--mono);letter-spacing:.04em;background:color-mix(in srgb,var(--plb-ink) 12%,transparent);border-radius:999px;margin-top:4px;padding:3px 9px;font-size:10px;font-weight:700}.plb-badge--low{outline:1px dashed color-mix(in srgb,var(--plb-ink) 55%,transparent)}.plb-badges{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:4px;display:flex}.plb-badges .plb-badge{align-items:center;margin-top:0;display:inline-flex}.plb-badge-ink{border:1px solid color-mix(in srgb,var(--plb-ink) 30%,transparent);border-radius:999px;width:8px;height:8px;margin-right:5px;display:inline-block}.plb-badge-ink--w{background:#fff}.plb-badge-ink--b{background:#000}@keyframes plb-in{0%{opacity:.2;flex-grow:.02}to{opacity:1;flex-grow:1}}.plb-col--in{animation:.38s cubic-bezier(.22,.8,.3,1) plb-in}@keyframes plb-out{0%{opacity:1;flex-grow:1}to{opacity:.2;flex-grow:.02}}.plb-col--out{pointer-events:none;animation:.3s cubic-bezier(.22,.8,.3,1) forwards plb-out;overflow:hidden}@media (prefers-reduced-motion:reduce){.plb-col--in,.plb-col--out{animation:none}}.plb-col--over{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--plb-ink) 55%,transparent)}.plb-tool--grip,.plb-col[draggable=true]{cursor:grab}.plb-col[draggable=true]:active{cursor:grabbing}.plb-gap{cursor:pointer;z-index:5;opacity:0;width:28px;transition:opacity var(--t);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:-14px}.plb-gap:hover,.plb-gap:focus-visible{opacity:1}.plb-gap-dot{width:26px;height:26px;color:var(--t0);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:999px;justify-content:center;align-items:center;display:flex}.plb-pop{color:var(--t0);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--warm-shadow-lg);text-align:left;cursor:default}.plb-pop-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.plb-pop-title{color:var(--t0);font-size:12px;font-weight:700}.plb-pop-x{width:26px;height:26px;color:var(--t1);cursor:pointer;transition:all var(--t);background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.plb-pop-x:hover{color:var(--t0);background:var(--bg-2)}.plb-tintpop,.plb-picker{z-index:45;width:206px;padding:10px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.plb-picker{width:248px}.plb-tint-list{overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:min(46vh,330px);display:flex;overflow-y:auto}.plb-tint-row{cursor:pointer;width:100%;transition:background var(--t);background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:5px 6px;display:flex}.plb-tint-row:hover{background:var(--bg-2)}.plb-tint-chip{background:var(--plb-rc);border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:24px;height:16px}.plb-tint-tone{letter-spacing:.04em;width:30px;color:var(--t2);flex-shrink:0;font-size:10px;font-weight:700}.plb-tint-hex{font-family:var(--mono);text-transform:uppercase;color:var(--t0);font-size:11.5px;font-weight:600}.plb-picker-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.plb-picker-row .snapv{flex:1;min-width:0}.plb-picker-label{letter-spacing:.06em;text-transform:uppercase;width:50px;color:var(--t2);flex-shrink:0;font-size:10px;font-weight:700}.plb-picker-hexrow{align-items:center;gap:8px;margin-top:8px;display:flex}.plb-picker-chip{background:var(--plb-rc);border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:28px;height:28px}.plb-picker-hex{min-width:0;font-family:var(--mono);text-transform:uppercase;color:var(--t0);background:var(--inp);border:1px solid var(--border);border-radius:var(--radius-s);flex:1;padding:7px 9px;font-size:12px}.plb-picker-hex:focus{border-color:var(--brand);outline:none}.plb-ctx{left:var(--plb-mx);top:var(--plb-my);z-index:80;min-width:192px;padding:6px;position:fixed}.plb-ctx-item{width:100%;color:var(--t1);text-align:left;cursor:pointer;transition:all var(--t);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;font-size:12.5px;font-weight:600;display:flex}.plb-ctx-item:hover{background:var(--bg-2);color:var(--t0)}.plb-ctx-item svg{opacity:.8;flex-shrink:0}.plb-ctx-item--danger{color:#d64545}.plb-ctx-item--danger:hover{color:#d64545;background:#d645451a}.plb-ctx-sep{background:var(--border);height:1px;margin:5px 4px}.plb-modal{z-index:90;background:var(--scrim);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:clamp(12px,3vw,32px);display:flex;position:fixed;inset:0}.plb-modal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:min(960px,100%);max-height:100%;box-shadow:var(--warm-shadow-lg);flex-direction:column;gap:14px;padding:clamp(14px,2.5vw,22px);display:flex;overflow-y:auto}.plb-modal-head{align-items:center;gap:12px;display:flex}.plb-modal-head .plb-pop-title{margin-right:auto;font-size:14px}.plb-modal-modes{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);gap:2px;padding:3px;display:flex}.plb-mode{color:var(--t1);cursor:pointer;transition:all var(--t);background:0 0;border:none;border-radius:6px;padding:5px 13px;font-size:12px;font-weight:600}.plb-mode:hover{color:var(--t0)}.plb-mode--on{background:var(--card);color:var(--t0);box-shadow:var(--shadow-xs)}.plb-modal-body{grid-template-columns:1fr;gap:14px;display:grid}.plb-modal-body--split{grid-template-columns:1fr 1fr}.plb-modal-actions{justify-content:flex-end;display:flex}.plb-submitcard{width:min(440px,100%)}.plb-submit-strip{border:1px solid var(--border);border-radius:var(--radius-s);height:56px;display:flex;overflow:hidden}.plb-submit-sw{flex:1;min-width:0}.plb-submit-hint{color:var(--t2);margin:-4px 2px 0;font-size:12px;line-height:1.45}.plb-submit-err{color:var(--danger,#d64545);margin:2px 2px 0;font-size:12px;font-weight:600}.plb-submit-as{color:var(--t2);align-items:center;gap:8px;font-size:12px;display:flex}.plb-submit-as strong{color:var(--t0);font-weight:700}.plb-linkbtn{color:var(--brand);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.plb-linkbtn:hover{opacity:.8}.plb-dice{flex-shrink:0;padding-left:10px;padding-right:10px}.plb-dsbcard{width:min(420px,100%)}.plb-dsb-body{text-align:center;padding:6px 4px 2px}.plb-dsb-emoji{margin-bottom:12px;font-size:34px;line-height:1}.plb-dsb-lede{color:var(--t0);margin:0 0 8px;font-size:15px;line-height:1.5}.plb-dsb-sub{color:var(--t2);margin:0;font-size:13px;line-height:1.5}.plb-dsb-links{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.plb-dsb-link{border:1px solid var(--border);color:var(--t1);border-radius:999px;align-items:center;padding:6px 13px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.plb-dsb-link:hover{border-color:var(--brand);color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent)}.plb-icobtn{gap:0;position:relative}.plb-icobtn .plb-lbl{white-space:nowrap;opacity:0;max-width:0;margin-left:0;transition:max-width .32s cubic-bezier(.22,.8,.3,1),transform .32s cubic-bezier(.22,.8,.3,1),opacity .24s,margin-left .32s cubic-bezier(.22,.8,.3,1);display:inline-block;overflow:hidden;transform:translate(-8px)}.plb-icobtn:hover .plb-lbl,.plb-icobtn:focus-visible .plb-lbl,.plb-icobtn[aria-expanded=true] .plb-lbl{opacity:1;max-width:160px;margin-left:7px;transform:translate(0)}@media (prefers-reduced-motion:reduce){.plb-icobtn .plb-lbl{transition:opacity .2s;transform:none}}.plb-menu-div{background:var(--border);height:1px;margin:10px 2px}.plb-savemenu{min-width:264px}.plb-galpopup{flex-direction:column;width:min(620px,100vw - 32px);max-height:min(78vh,640px);padding:0;display:flex;overflow:hidden}.plb-galpopup-head{border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:10px 14px;padding:14px 16px 12px;display:flex}.plb-galpopup-head .plb-menu-title{margin:0 auto 0 0}.plb-galtabs{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);gap:2px;padding:3px;display:flex}.plb-galtab{color:var(--t1);cursor:pointer;transition:all var(--t);white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.plb-galtab>svg{opacity:.75;flex-shrink:0}.plb-galtab:hover{color:var(--t0)}.plb-galtab--on{background:var(--card);color:var(--t0);box-shadow:var(--shadow-xs)}.plb-galtab--on>svg{opacity:1;color:var(--brand)}.plb-galpopup-body{overscroll-behavior:contain;flex:1;min-height:0;padding:14px 16px;overflow-y:auto}.plb-galpopup-note{color:var(--t2);justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;font-size:12px;font-weight:600;display:flex}.plb-galpopup-body .pgal-grid{grid-template-columns:repeat(2,1fr);gap:14px 12px}.plb-galpopup-body .pgal-stripes{height:110px}.plb-galpopup-body .plb-menu-sub a{color:var(--brand);text-decoration:none}.plb-galpopup-body .plb-menu-sub a:hover{text-decoration:underline}.plb-histmenu{min-width:280px}.plb-histmenu .plb-varrow-name small{color:var(--t2);font-size:11px;font-weight:500;display:block}.plb-histclear{color:var(--t2);margin-top:6px;font-size:12px}.plb-histclear:hover{color:var(--warn)}.plb-pvwrap{flex-direction:column;gap:8px;min-width:0;display:flex}.plb-pv-name{letter-spacing:.04em;color:var(--t1);font-size:11px;font-weight:700}.plb-pv{background:var(--pv-bg);border:1px solid var(--pv-border);border-radius:14px;min-height:300px;display:flex;overflow:hidden}.plb-pv-side{background:var(--pv-surface);border-right:1px solid var(--pv-border);flex-direction:column;flex-shrink:0;gap:10px;width:60px;padding:14px 12px;display:flex}.plb-pv-logo{background:var(--pv-primary);border-radius:8px;width:24px;height:24px;margin-bottom:6px}.plb-pv-navline{background:var(--pv-muted);opacity:.5;border-radius:999px;height:7px}.plb-pv-navline--on{background:var(--pv-primary);opacity:1}.plb-pv-main{flex-direction:column;flex:1;gap:12px;min-width:0;padding:18px;display:flex}.plb-pv-h{letter-spacing:-.01em;color:var(--pv-text);font-size:16px;font-weight:800}.plb-pv-p{color:var(--pv-muted);margin-top:-9px;font-size:11.5px}.plb-pv-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.plb-pv-card{background:var(--pv-surface);border:1px solid var(--pv-border);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.plb-pv-k{letter-spacing:.08em;text-transform:uppercase;color:var(--pv-muted);font-size:9.5px;font-weight:700}.plb-pv-n{color:var(--pv-text);font-size:16px;font-weight:800}.plb-pv-n--accent{color:var(--pv-accent)}.plb-pv-bars{align-items:flex-end;gap:6px;height:64px;margin-top:auto;display:flex}.plb-pv-bar{background:var(--plb-rc);border-radius:6px 6px 2px 2px;flex:1}.plb-pv-bar--1{height:44%}.plb-pv-bar--2{height:70%}.plb-pv-bar--3{height:56%}.plb-pv-bar--4{height:88%}.plb-pv-bar--5{height:34%}.plb-pv-cta{color:var(--pv-onprimary);background:var(--pv-primary);border:1px solid var(--pv-pborder);border-radius:9px;align-self:flex-start;padding:8px 16px;font-size:12px;font-weight:700}.plb-pv--brand,.plb-pv--graphic{flex-direction:column}.plb-pvb{flex-direction:column;flex:1;min-height:0;display:flex}.plb-pvb-nav{border-bottom:1px solid var(--pv-border);align-items:center;gap:12px;padding:12px 18px;display:flex}.plb-pvb-mark{background:var(--pv-primary);border-radius:8px;width:26px;height:26px}.plb-pvb-navlinks{gap:10px;margin-right:auto;display:flex}.plb-pvb-navlink{background:var(--pv-muted);opacity:.55;border-radius:999px;width:36px;height:7px}.plb-pvb-navcta{color:var(--pv-onprimary);background:var(--pv-primary);border:1px solid var(--pv-pborder);border-radius:8px;padding:6px 13px;font-size:11px;font-weight:700}.plb-pvb-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:28px 22px;display:flex}.plb-pvb-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--pv-accent);font-size:10.5px;font-weight:700}.plb-pvb-head{letter-spacing:-.02em;color:var(--pv-text);font-size:30px;font-weight:900;line-height:1.05}.plb-pvb-sub{max-width:340px;color:var(--pv-muted);font-size:12.5px;line-height:1.5}.plb-pvb-btns{gap:10px;margin-top:2px;display:flex}.plb-pvb-btn{border-radius:var(--radius);padding:9px 18px;font-size:12px;font-weight:700}.plb-pvb-btn--primary{color:var(--pv-onprimary);background:var(--pv-primary);border:1px solid var(--pv-pborder)}.plb-pvb-btn--ghost{color:var(--pv-text);border:1px solid var(--pv-border);background:0 0}.plb-pvb-chips{gap:8px;margin-top:8px;display:flex}.plb-pvb-chip{background:var(--plb-rc);border:1px solid var(--pv-border);border-radius:999px;width:26px;height:26px}.plb-pvg{flex-direction:column;flex:1;justify-content:space-between;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden}.plb-pvg-shapes{pointer-events:none;position:absolute;inset:0}.plb-pvg-circle{background:var(--plb-rc);opacity:.9;border-radius:999px;width:130px;height:130px;position:absolute;top:-26px;right:-20px}.plb-pvg-square{background:var(--plb-rc);border-radius:12px;width:70px;height:70px;position:absolute;bottom:64px;right:34px;transform:rotate(12deg)}.plb-pvg-tri{border-left:34px solid #0000;border-right:34px solid #0000;border-bottom:58px solid var(--plb-rc);opacity:.85;width:0;height:0;position:absolute;top:96px;left:18px}.plb-pvg-body{z-index:1;margin-top:auto;position:relative}.plb-pvg-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--pv-accent);font-size:10.5px;font-weight:700}.plb-pvg-title{letter-spacing:-.03em;color:var(--pv-text);margin-top:6px;font-size:46px;font-weight:900;line-height:.92}.plb-pvg-lead{max-width:280px;color:var(--pv-muted);margin-top:10px;font-size:12px;line-height:1.5}.plb-pvg-swatches{z-index:1;border:1px solid var(--pv-border);border-radius:6px;height:22px;display:flex;position:relative;overflow:hidden}.plb-pvg-sw{background:var(--plb-rc);flex:1}.plb-modal-tabs{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);gap:2px;padding:3px;display:flex}.plb-modal-tab{color:var(--t1);cursor:pointer;transition:all var(--t);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.plb-modal-tab:hover{color:var(--t0)}.plb-modal-tab--on{background:var(--card);color:var(--t0);box-shadow:var(--shadow-xs)}.plb-cvd-row{flex-direction:column;gap:8px;display:flex}.plb-cvd-label{color:var(--t1);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.plb-cvd-label>svg{opacity:.7}.plb-cvd-strip{border:1px solid var(--border);border-radius:var(--radius-s);height:72px;display:flex;overflow:hidden}.plb-cvd-sw{background:var(--plb-rc);flex:1;min-width:0}.plb-cvd-note{color:var(--t2);margin:2px 0 0;font-size:12px;line-height:1.5}.plb-add{letter-spacing:.1em;text-transform:uppercase;color:var(--t1);background:var(--card);border:none;border-left:1px dashed var(--border);cursor:pointer;transition:flex-basis .3s cubic-bezier(.22,.8,.3,1),color var(--t),background var(--t);flex-direction:column;flex:0 0 92px;justify-content:center;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.plb-add:hover{color:var(--t0);background:var(--bg-2);flex-basis:116px}.plb-add-dot{width:40px;height:40px;color:inherit;background:var(--bg-2);border:1px dashed var(--border);transition:all var(--t);border-radius:999px;justify-content:center;align-items:center;display:flex}.plb-add:hover .plb-add-dot{background:var(--card);border-style:solid}.plb-adjust{z-index:30;background:var(--bg-0);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px clamp(12px,2.5vw,28px);padding:12px clamp(16px,3vw,28px);display:flex;position:sticky;bottom:0}.plb-adjust-field{flex:180px;align-items:center;gap:10px;min-width:170px;display:flex}.plb-adjust-field .snapv{flex:1;min-width:0}.plb-adjust-label{letter-spacing:.06em;text-transform:uppercase;color:var(--t2);flex-shrink:0;font-size:11px;font-weight:700}.plb-copycss{white-space:nowrap;margin-left:auto}@media (width>=769px) and (width<=960px){.plb-toolbar-group:first-child{flex:none;min-width:0}.plb-toolbar-group:last-child{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;flex:0 auto;min-width:0;margin:0 -4px;padding:2px 4px;overflow:auto hidden}.plb-toolbar-group:last-child::-webkit-scrollbar{display:none}.plb-toolbar-group:last-child>*{scroll-snap-align:start;flex:none}}@media (width<=960px){.plb-menu{overscroll-behavior:contain;width:auto;min-width:0;max-width:none;max-height:min(76dvh,560px);padding:14px 16px calc(16px + env(safe-area-inset-bottom));z-index:70;border-radius:16px 16px 0 0;animation:.22s cubic-bezier(.2,0,0,1) plb-sheet-up;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -8px 40px #00000047}.plb-menu:before{content:"";background:var(--border);border-radius:999px;width:36px;height:4px;margin:0 auto 12px;display:block}.plb-scrolllist{max-height:min(52dvh,420px)}.plb-galpopup{flex-direction:column;max-height:min(82dvh,640px);padding:0;display:flex;overflow:hidden}.plb-galpopup:before{margin:10px auto 2px}.plb-galpopup-head{padding:8px 16px 12px}.plb-galpopup-body .pgal-grid{grid-template-columns:1fr}}@media (width<=768px){.plb-toolbar{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:10px 12px;position:static}.plb-toolbar-group{width:100%}.plb-toolbar-group:first-child{flex-wrap:wrap;gap:8px}.plb-toolbar-group:first-child .plb-menuwrap{flex:auto}.plb-toolbar-group:first-child .plb-harm{justify-content:flex-start;width:100%}.plb-hexfield{flex:90px}.plb-toolbar-group:last-child{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:6px;margin:0 -12px;padding:2px 12px;overflow:auto hidden}.plb-toolbar-group:last-child::-webkit-scrollbar{display:none}.plb-toolbar-group:last-child>*{scroll-snap-align:start;flex:none}.plb-random{order:-1}.plb-kbd,.plb-toolbar-sep{display:none}.plb-icobtn .plb-lbl{opacity:1;max-width:none;font-size:inherit;font-weight:inherit;color:inherit;pointer-events:auto;margin-left:7px;transition:none;overflow:visible;transform:none}.plb-board{flex-direction:column;min-height:0}.plb-col{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;min-height:64px;padding:10px 16px}.plb-col-tools{flex-direction:row;order:2;margin-left:auto;position:static;transform:none}.plb-tool{opacity:1}.plb-ramp{display:none}.plb-hex{padding:2px 6px;font-size:13px}.plb-role{display:none}.plb-badge{margin-top:0}.plb-gap{display:none}.plb-adjust{position:static}.plb-add{border-left:none;border-top:1px dashed var(--border);flex-direction:row;flex-basis:52px}.plb-add:hover{flex-basis:52px}.plb-modal-body--split{grid-template-columns:1fr}.plb-modal-head{flex-wrap:wrap}.plb-modal-head .plb-pop-title{flex:auto}.plb-modal-tabs{flex:100%;order:3;justify-content:center}.plb-modal-tab{text-align:center;flex:1}.plb-pvb-head{font-size:24px}.plb-pvg-title{font-size:36px}.plb-tintpop,.plb-picker{z-index:46;width:auto;inset:calc(100% + 4px) 12px auto;transform:none}.plb-copycss{width:100%;margin-left:0}}@keyframes plb-sheet-up{0%{transform:translateY(100%)}to{transform:none}}.ui-modal-overlay{z-index:9999;background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:clamp(16px,4vw,40px);animation:.16s cp-fade;display:grid;position:fixed;inset:0}.ui-modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--warm-shadow-lg);max-height:calc(100dvh - 32px);animation:.22s cubic-bezier(.2,0,0,1) cp-rise;position:relative;overflow:hidden auto}.ui-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 0;display:flex}.ui-modal-x{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--t2);cursor:pointer;transition:background var(--t),color var(--t);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:grid}.ui-modal-x:hover{background:var(--hvr);color:var(--t0)}.ui-modal-body{padding:14px 22px 22px}.ui-modal-title{letter-spacing:-.01em;color:var(--t0);margin:0;font-size:19px;font-weight:640}.ui-modal-sub{color:var(--t2);margin:7px 0 0;font-size:13.5px;line-height:1.5}.ui-modal-actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.ui-modal-actions .btn{justify-content:center;width:100%}.ui-modal-link{width:100%;color:var(--t2);font-family:var(--font);cursor:pointer;transition:color var(--t);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.ui-modal-link:hover{color:var(--t0)}.ui-modal--wide{max-width:560px}.ui-form{flex-direction:column;gap:14px;display:flex}.ui-field{flex-direction:column;gap:6px;display:flex}.ui-field>span{color:var(--t1);font-size:11.5px;font-weight:600}.ui-field input,.ui-field select,.ui-field textarea{width:100%}.ui-modal-note{color:var(--t3);margin:0;font-size:11.5px;line-height:1.5}.ui-modal-err{color:var(--err);font-size:12px;font-weight:500}.ui-modal-actions--row{flex-direction:row;justify-content:flex-end}.ui-modal-actions--row .btn{width:auto}.ui-pro{max-width:760px}.ui-pro-grid{grid-template-columns:1.1fr .9fr;display:grid}.ui-pro-main{padding:28px 30px}.ui-pro-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--brand);align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:640;display:inline-flex}.ui-pro-title{letter-spacing:-.02em;color:var(--t0);margin:0;font-size:25px;font-weight:660;line-height:1.15}.ui-pro-sub{color:var(--t2);margin:9px 0 0;font-size:14px;line-height:1.5}.ui-pro-list{flex-direction:column;gap:12px;margin:20px 0 0;padding:0;list-style:none;display:flex}.ui-pro-li{color:var(--t1);align-items:flex-start;gap:11px;font-size:14px;line-height:1.4;display:flex}.ui-pro-tick{border-radius:var(--radius-pill);background:var(--brand-bg);width:20px;height:20px;color:var(--brand);flex:none;place-items:center;margin-top:1px;display:grid}.ui-pro-price{align-items:baseline;gap:8px;margin:22px 0 0;display:flex}.ui-pro-amount{letter-spacing:-.02em;color:var(--t0);font-size:26px;font-weight:680;line-height:1}.ui-pro-per{color:var(--t2);font-size:13px}.ui-pro-save{color:var(--brand);background:var(--brand-bg);border-radius:var(--radius-pill);padding:3px 9px;font-size:11.5px;font-weight:600}.ui-pro-price-skel{border-radius:var(--radius-s);width:190px;height:26px;display:inline-block}.ui-pro-cta{margin-top:16px}.ui-pro-cta .btn{justify-content:center;width:100%}.ui-pro-note{color:var(--t2);text-align:center;margin:12px 0 0;font-size:11.5px}.ui-pro-note button{color:var(--t2);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.ui-pro-note button:hover{color:var(--t0)}.ui-pro-art{background:linear-gradient(140deg,var(--brand),#8b5cf6 55%,#ec4899);flex-direction:column;justify-content:flex-end;padding:26px;display:flex;position:relative;overflow:hidden}.ui-pro-art:before{content:"";pointer-events:none;background:radial-gradient(120% 90% at 15% 10%,#ffffff47,#0000 55%);position:absolute;inset:0}.ui-pro-art-glyphs{pointer-events:none;opacity:.9;place-items:center;display:grid;position:absolute;inset:0}.ui-pro-proof{color:#fff;position:relative}.ui-pro-proof-stars{color:#fff;gap:2px;margin-bottom:6px;display:flex}.ui-pro-proof-txt{color:#ffffffeb;font-size:12.5px;line-height:1.4}.ui-login .ui-modal-body{padding-top:8px}.ui-login-note{background:var(--brand-bg);border:1px solid color-mix(in srgb,var(--brand) 26%,transparent);border-radius:var(--radius);color:var(--t1);align-items:flex-start;gap:9px;margin:0 0 16px;padding:11px 13px;font-size:12.5px;line-height:1.45;display:flex}.ui-login-note svg{color:var(--brand);flex:none;margin-top:1px}.ui-login-err{background:color-mix(in srgb,var(--err) 12%,transparent);border:1px solid color-mix(in srgb,var(--err) 34%,transparent);border-radius:var(--radius);color:var(--err);margin:0 0 12px;padding:9px 12px;font-size:12.5px}.ui-login .auth-links{margin-top:14px}@media (width<=600px){.ui-pro{max-width:440px}.ui-pro-grid{grid-template-columns:1fr}.ui-pro-art{display:none}.ui-pro-main{padding:24px 22px}}.uname{align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.uname-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uname--bold .uname-text{letter-spacing:-.01em;font-weight:700}.uname-owner{border-radius:var(--radius-s);outline:none;align-items:center;gap:4px;min-width:0;display:inline-flex;position:relative}.uname-owner .uname-text{color:#f6c453;text-shadow:0 1px #6b4a0073}[data-theme=light] .uname-owner .uname-text{color:#8a5a00;text-shadow:none}.uname-owner:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.uname-crown{filter:saturate(1.1);font-size:.85em;line-height:1}.uname-tip{z-index:60;border-radius:var(--radius-s);background:var(--t0);color:var(--bg-1);letter-spacing:.01em;white-space:nowrap;box-shadow:var(--shadow-m);opacity:0;pointer-events:none;transition:opacity var(--dur-2,.14s) var(--ease-out,ease),transform var(--dur-2,.14s) var(--ease-out,ease);padding:4px 9px;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 7px);left:0;transform:translateY(3px)}.uname-tip:after{content:"";border:5px solid #0000;border-top-color:var(--t0);position:absolute;top:100%;left:14px}.uname-owner:hover .uname-tip,.uname-owner:focus-visible .uname-tip{opacity:1;transform:translateY(0)}.flair{--flair-c:var(--accent);letter-spacing:.01em;white-space:nowrap;color:var(--flair-c);background:color-mix(in srgb,var(--flair-c) 12%,transparent);border:1px solid color-mix(in srgb,var(--flair-c) 30%,transparent);border-radius:999px;flex:none;align-items:center;padding:1px 7px;font-size:10.5px;font-weight:700;line-height:1.5;display:inline-flex}.flair--accent{--flair-c:var(--accent)}.flair--blue{--flair-c:#2563eb}.flair--violet{--flair-c:#7c3aed}.flair--rose{--flair-c:#e11d48}.flair--amber{--flair-c:#d97706}.flair--green{--flair-c:#15803d}.flair--slate{--flair-c:#64748b}.flair--gold{--flair-c:#b7791f;background:linear-gradient(135deg,#d69e2e33,#b7791f24);border-color:#b7791f6b}[data-theme=light] .flair--slate{--flair-c:#475569}.flairpick-hint{color:var(--t3);margin:0 0 10px;font-size:12px;line-height:1.5}.flairpick-preview{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--bg-2);align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.flairpick-preview-label{letter-spacing:.06em;text-transform:uppercase;color:var(--t3);font-size:10px;font-weight:700}.flairpick-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--t2);margin:12px 0 8px;font-size:11px;font-weight:700}.flairpick-group-label:first-of-type{margin-top:0}.flairpick-grid{flex-wrap:wrap;gap:7px;display:flex}.flairpick-chip{cursor:pointer;opacity:.62;transition:opacity var(--dur-2,.14s) var(--ease-out,ease),box-shadow var(--dur-2,.14s) var(--ease-out,ease),transform var(--dur-2,.14s) var(--ease-out,ease);padding:4px 11px;font-size:11.5px}.flairpick-chip:hover{opacity:.92}.flairpick-chip.is-on{opacity:1;color:#fff;background:var(--flair-c);border-color:var(--flair-c);box-shadow:0 1px 4px color-mix(in srgb,var(--flair-c) 34%,transparent)}.flairpick-chip.is-on:hover{opacity:1}.flairpick-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flairpick-chip.is-locked{cursor:default;opacity:.5}.flairpick-chip.is-locked:hover{opacity:.5}.ggn{--ggn-accent:var(--accent);--ggn-bg:var(--inp);--ggn-panel:var(--card);--ggn-panel-2:var(--bg-2);--ggn-line:var(--border);--ggn-line-2:var(--bh);--ggn-t0:var(--t0);--ggn-t1:var(--t1);--ggn-t2:var(--t2);max-width:1120px;color:var(--ggn-t0);font-family:var(--font);min-height:100%;margin:0 auto;padding:28px 24px 56px}.ggn *{box-sizing:border-box}.ggn-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.ggn-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ggn-accent);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.ggn-title-row{align-items:center;gap:12px;display:flex}.ggn-title{letter-spacing:-.02em;color:var(--ggn-t0);margin:0;font-size:30px;font-weight:700;line-height:1.1}.ggn-badge{color:var(--ggn-accent);background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;align-items:center;padding:3px 11px;font-size:12px;font-weight:600;display:inline-flex}.ggn-sub{color:var(--ggn-t2);max-width:520px;margin:10px 0 0;font-size:14px;line-height:1.55}.ggn-lock-note{color:var(--ggn-accent);background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-s);align-items:flex-start;gap:7px;max-width:520px;margin:12px 0 0;padding:9px 13px;font-size:12.5px;font-weight:500;line-height:1.5;display:flex}.ggn-lock-note svg{flex-shrink:0;margin-top:2px}.ggn-head-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.ggn-btn{font-family:var(--font);cursor:pointer;border-radius:var(--radius-l);transition:all var(--t);white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;display:inline-flex}.ggn-btn-accent{background:var(--ggn-accent);border-color:var(--ggn-accent);color:var(--accent-fg)}.ggn-btn-accent:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.ggn-btn-ghost{border-color:var(--ggn-line-2);color:var(--ggn-t1);background:0 0}.ggn-btn-ghost:hover{border-color:var(--ggn-t2);color:var(--ggn-t0);background:var(--hvr)}.ggn-btn-sm{padding:6px 13px;font-size:12px}.ggn-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.ggn-btn-ghost[aria-disabled=true]:hover{border-color:var(--ggn-line-2);color:var(--ggn-t1);background:0 0}.ggn-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:start;gap:20px;margin-bottom:20px;display:grid}.ggn-preview-wrap{position:relative}.ggn-preview{aspect-ratio:16/11;border-radius:var(--radius-l);border:1px solid var(--ggn-line);box-shadow:var(--shadow-m);position:relative;overflow:hidden}.ggn-preview-pills{z-index:2;gap:8px;display:flex;position:absolute;top:14px;left:14px}.ggn-pill{color:#fff;-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-pill);background:#0a0b0d80;border:1px solid #ffffff2e;padding:5px 11px;font-size:11px;font-weight:600}.ggn-preview-hint{color:var(--ggn-t2);margin:9px 2px 0;font-size:12px;line-height:1.4}.ggn-bar{z-index:2;cursor:copy;height:26px;position:absolute;bottom:16px;left:16px;right:16px}.ggn-bar-track{border-radius:var(--radius-pill);border:1px solid #ffffff47;position:absolute;inset:0;box-shadow:0 2px 8px #0006}.ggn-handle{background:var(--h-color,#fff);cursor:grab;width:20px;height:20px;transition:box-shadow var(--t),transform var(--t);border:2px solid #fff;border-radius:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000080}.ggn-handle:hover{transform:translate(-50%,-50%)scale(1.12)}.ggn-handle.is-active{box-shadow:0 0 0 3px #ffffff59,0 1px 4px #00000080}.ggn-handle:active{cursor:grabbing}.ggn-panel{background:var(--ggn-panel);border:1px solid var(--ggn-line);border-radius:var(--radius-l);padding:18px}.ggn-field:last-child{margin-bottom:0}.ggn-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ggn-t2);margin-bottom:9px;font-size:11px;font-weight:700;display:block}.ggn-label-row{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.ggn-label-row .ggn-label{margin-bottom:0}.ggn-seg{background:var(--ggn-panel-2);border:1px solid var(--ggn-line);border-radius:var(--radius);gap:4px;padding:4px;display:flex}.ggn-seg-btn{font-family:var(--font);color:var(--ggn-t1);border-radius:var(--radius-s);cursor:pointer;transition:all var(--t);background:0 0;border:none;flex:1;padding:8px 6px;font-size:12.5px;font-weight:600}.ggn-seg-btn:hover{color:var(--ggn-t0)}.ggn-seg-btn.is-on{background:var(--ggn-accent);color:var(--accent-fg)}.ggn-angle{align-items:center;gap:16px;display:flex}.ggn-angle.is-disabled{opacity:.4;pointer-events:none}.ggn-dial{background:var(--ggn-panel-2);border:1px solid var(--ggn-line-2);cursor:grab;touch-action:none;border-radius:50%;flex-shrink:0;width:64px;height:64px;position:relative}.ggn-dial:active{cursor:grabbing}.ggn-dial-hand{background:var(--ggn-accent);transform-origin:bottom;border-radius:2px;width:2px;height:26px;position:absolute;bottom:50%;left:calc(50% - 1px);transform:rotate(0)}.ggn-dial-center{background:var(--ggn-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ggn-angle-ctrl{flex:1;min-width:0}.ggn-range{appearance:none;border-radius:var(--radius-pill);background:var(--ggn-panel-2);cursor:pointer;outline:none;width:100%;height:5px}.ggn-range::-webkit-slider-thumb{appearance:none;background:var(--ggn-accent);border:2px solid var(--bg-0);cursor:grab;border-radius:50%;width:16px;height:16px}.ggn-range::-moz-range-thumb{background:var(--ggn-accent);border:2px solid var(--bg-0);cursor:grab;border-radius:50%;width:16px;height:16px}.ggn-angle-val{font-family:var(--mono);color:var(--ggn-t1);font-variant-numeric:tabular-nums;margin-top:7px;font-size:12px}.ggn-angle-num{background:var(--ggn-panel-2);border:1px solid var(--ggn-line);border-radius:var(--radius-s);transition:border-color var(--t);align-items:baseline;gap:1px;margin-top:7px;padding:2px 4px 2px 8px;display:inline-flex}.ggn-angle-num:focus-within{border-color:var(--ggn-accent)}.ggn-angle-input{width:34px;font-family:var(--mono);color:var(--ggn-t0);text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:none;outline:none;font-size:12px;font-weight:600}.ggn-angle-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ggn-angle-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ggn-angle-deg{font-family:var(--mono);color:var(--ggn-t2);font-size:12px}.ggn-copy{font-family:var(--font);color:var(--ggn-accent);cursor:pointer;transition:opacity var(--t);background:0 0;border:none;padding:0;font-size:11.5px;font-weight:600}.ggn-copy:hover{opacity:.75}.ggn-css{text-align:left;background:var(--ggn-panel-2);border:1px solid var(--ggn-line);border-radius:var(--radius-s);cursor:pointer;width:100%;transition:border-color var(--t);padding:12px 14px;display:block}.ggn-css:hover{border-color:var(--ggn-line-2)}.ggn-css code{font-family:var(--mono);color:var(--ggn-t1);word-break:break-all;white-space:pre-wrap;font-size:11.5px;line-height:1.5}.ggn-fmt{background:var(--ggn-panel-2);border:1px solid var(--ggn-line);border-radius:var(--radius-s);gap:3px;margin-bottom:9px;padding:3px;display:inline-flex}.ggn-fmt-btn{font-family:var(--font);letter-spacing:.02em;color:var(--ggn-t2);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--t);background:0 0;border:none;padding:5px 12px;font-size:11px;font-weight:600}.ggn-fmt-btn:hover{color:var(--ggn-t0)}.ggn-fmt-btn.is-on{background:var(--ggn-accent);color:var(--accent-fg)}.ggn-fmt-btn:focus-visible{outline:2px solid var(--ggn-accent);outline-offset:2px}.ggn-css--block{max-height:190px;overflow:auto}.ggn-css--block code{white-space:pre-wrap;word-break:break-word}.ggn-block{background:var(--ggn-panel);border:1px solid var(--ggn-line);border-radius:var(--radius-l);margin-top:16px;padding:18px}.ggn-block-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ggn-block-head .ggn-label{margin-bottom:0}.ggn-block-actions{gap:8px;display:flex}.ggn-stops{flex-direction:column;gap:8px;display:flex}.ggn-stop{background:var(--ggn-panel-2);border:1px solid var(--ggn-line);border-radius:var(--radius);cursor:pointer;transition:border-color var(--t);align-items:center;gap:10px;padding:8px 10px;display:flex}.ggn-stop:hover{border-color:var(--ggn-line-2)}.ggn-stop.is-active{border-color:var(--ggn-accent)}.ggn-stop-idx{width:16px;font-family:var(--mono);color:var(--ggn-t2);text-align:center;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:11px;font-weight:700}.ggn-stop-swatch{flex-shrink:0;position:relative}.ggn-stop-swatch .cpk-pop{left:0;right:auto}.ggn-stop-hex{min-width:0;font-family:var(--mono);color:var(--ggn-t0);letter-spacing:.02em;background:0 0;border:none;outline:none;flex:1;font-size:13px;font-weight:600}.ggn-stop-pos{flex-shrink:0;align-items:center;gap:2px;display:flex}.ggn-stop-pos input{width:46px;font-family:var(--mono);color:var(--ggn-t1);background:var(--ggn-bg);border:1px solid var(--ggn-line);border-radius:var(--radius-xs);text-align:right;-moz-appearance:textfield;outline:none;padding:5px 6px;font-size:13px}.ggn-stop-pos input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ggn-stop-pos input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ggn-stop-pos input:focus{border-color:var(--ggn-accent)}.ggn-stop-pos span{color:var(--ggn-t2);font-size:12px}.ggn-stop-x{width:26px;height:26px;color:var(--ggn-t2);border:1px solid var(--ggn-line);border-radius:var(--radius-s);cursor:pointer;transition:all var(--t);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;line-height:1;display:flex}.ggn-stop-x:hover:not(:disabled){color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}.ggn-stop-x:disabled{opacity:.3;cursor:not-allowed}.ggn-lock{width:26px;height:26px;color:var(--ggn-t2);border:1px solid var(--ggn-line);border-radius:var(--radius-s);cursor:pointer;transition:all var(--t);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ggn-lock:hover{color:var(--ggn-t0);border-color:var(--ggn-line-2)}.ggn-lock.is-on{color:var(--accent-fg);background:var(--ggn-accent);border-color:var(--ggn-accent)}.ggn-lock:focus-visible{outline:2px solid var(--ggn-accent);outline-offset:2px}.ggn-stop-lock{width:26px;height:26px}.ggn-handle.is-locked{box-shadow:0 0 0 2px var(--accent),0 1px 4px #00000080}.ggn-handle.is-locked.is-active{box-shadow:0 0 0 2px var(--accent),0 0 0 4px #ffffff59,0 1px 4px #00000080}.ggn-presets{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ggn-preset{cursor:pointer;font-family:var(--font);background:0 0;border:none;flex-direction:column;gap:8px;padding:0;display:flex}.ggn-preset-swatch{aspect-ratio:16/10;border-radius:var(--radius);border:1px solid var(--ggn-line);width:100%;transition:transform var(--t),box-shadow var(--t);display:block}.ggn-preset:hover .ggn-preset-swatch{box-shadow:var(--shadow-m);transform:translateY(-2px)}.ggn-preset-name{color:var(--ggn-t1);text-align:left;font-size:12px;font-weight:600}.ggn-preset:hover .ggn-preset-name{color:var(--ggn-t0)}.ggn-preset--mine .ggn-preset-swatch{border-color:var(--ggn-accent);box-shadow:0 0 0 1px var(--ggn-accent)}.ggn-preset--mine .ggn-preset-name{color:var(--ggn-accent)}@media (width<=860px){.ggn-grid{grid-template-columns:1fr}.ggn-presets{grid-template-columns:repeat(2,1fr)}.ggn-title{font-size:25px}.ggn-head-actions{width:100%}.ggn-btn{flex:1;justify-content:center}}@media (width<=480px){.ggn{padding:20px 14px 44px}.ggn-head-actions{flex-wrap:wrap}.ggn-btn{flex:calc(50% - 5px)}.ggn-stop{gap:6px;padding:8px}.ggn-stop-hex{letter-spacing:0;font-size:12px}.ggn-stop-pos input{width:40px;padding:5px 4px}.ggn-imports{grid-template-columns:1fr}}.ggn-imports{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.ggn-import{background:var(--ggn-panel-2);border:1px solid var(--ggn-line);border-radius:var(--radius);cursor:pointer;font-family:var(--font);text-align:left;transition:border-color var(--t),transform var(--t);align-items:center;gap:12px;padding:10px 12px;display:flex}.ggn-import:hover{border-color:var(--ggn-accent);transform:translateY(-1px)}.ggn-import-stripes{border-radius:var(--radius-s);border:1px solid var(--ggn-line);flex-shrink:0;width:64px;height:36px;display:flex;overflow:hidden}.ggn-import-stripes span{flex:1}.ggn-import-id{flex-direction:column;gap:2px;min-width:0;display:flex}.ggn-import-name{color:var(--ggn-t0);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.ggn-import-meta{color:var(--ggn-t2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ggn-import-empty{color:var(--ggn-t2);margin:0;font-size:13px;line-height:1.55}.ggn-import-empty a{color:var(--ggn-accent);font-weight:600;text-decoration:none}.ggn-import-empty a:hover{text-decoration:underline}.ggn-gal-link{color:var(--ggn-accent);transition:opacity var(--t);align-items:center;gap:4px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.ggn-gal-link:hover{opacity:.75}.ggn{max-width:1240px;padding-top:var(--s-7)}.ggn-head{margin-bottom:var(--s-5);align-items:flex-end}.ggn-head-id{max-width:680px}.ggn-title{letter-spacing:-.04em;font-size:clamp(38px,5vw,64px);font-weight:600;line-height:1.02}.ggn-sub{max-width:650px;font-size:15px}.ggn-head-actions{flex-wrap:wrap;justify-content:flex-end}.ggn-btn{border-radius:var(--radius-s);min-height:42px}.ggn-btn:disabled{opacity:.45;cursor:not-allowed}.ggn-status{margin-bottom:var(--s-5);border-block:1px solid var(--ggn-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ggn-status span{color:var(--ggn-t2);align-items:baseline;gap:6px;padding:12px 16px;font-size:11px;display:flex}.ggn-status span+span{border-left:1px solid var(--ggn-line)}.ggn-status strong{font-family:var(--mono);color:var(--ggn-t0);font-size:12px}.ggn-grid{gap:var(--s-5);grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr)}.ggn-stage,.ggn-panel,.ggn-block{background:var(--ggn-panel);border:1px solid var(--ggn-line);border-radius:var(--radius-l)}.ggn-stage{min-width:0;padding:12px}.ggn-stage-head,.ggn-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);padding:8px 8px var(--s-4);display:flex}.ggn-stage-head h2,.ggn-panel-head h2,.ggn-block-head h2{letter-spacing:-.015em;color:var(--ggn-t0);margin:3px 0 0;font-size:16px;font-weight:650}.ggn-step{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ggn-accent);font-size:9px;font-weight:700}.ggn-preview{aspect-ratio:16/10;border-radius:var(--radius)}.ggn-preview-wrap{min-width:0}.ggn-bar{cursor:copy;height:46px;margin:12px 8px 0;padding:10px 0;position:relative;inset:auto}.ggn-bar-track{height:26px;inset:10px 0}.ggn-handle{top:50%}.ggn-preview-hint{margin:5px 8px 2px}.ggn-panel{padding:12px 18px 18px}.ggn-panel-head{margin:0 -6px var(--s-4);border-bottom:1px solid var(--ggn-line)}.ggn-angle-input{width:44px}.ggn-field{margin-bottom:var(--s-5)}.ggn-seg-btn,.ggn-fmt-btn{min-height:36px}.ggn-css{min-height:76px}.ggn-block{padding:var(--s-5);margin-top:var(--s-4)}.ggn-block-head{align-items:flex-start;gap:var(--s-4)}.ggn-block-head p{color:var(--ggn-t2);margin:4px 0 0;font-size:11px;line-height:1.45}.ggn-stops{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ggn-stop{min-width:0}.ggn-stop-hex-field{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.ggn-stop-hex[aria-invalid=true]{color:var(--err)}.ggn-field-error{z-index:5;min-width:max-content;color:var(--err);background:var(--ggn-panel);border:1px solid color-mix(in srgb,var(--err) 38%,var(--ggn-line));border-radius:var(--radius-xs);box-shadow:var(--shadow-s);padding:6px 8px;font-size:10px;position:absolute;top:calc(100% + 8px);left:-8px}.ggn-sources{margin-top:var(--s-5)}.ggn-starting{margin-top:var(--s-4)}.ggn-presets{scroll-snap-type:x proximity;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(142px,1fr);grid-auto-flow:column;padding-bottom:8px;display:grid;overflow-x:auto}.ggn-preset{scroll-snap-align:start}.ggn-preset-swatch{aspect-ratio:16/9}.ggn-preset:focus-visible{outline:2px solid var(--ggn-accent);outline-offset:3px}.ggn-import:focus-visible,.ggn-css:focus-visible,.ggn-btn:focus-visible,.ggn-seg-btn:focus-visible,.ggn-copy:focus-visible,.ggn-stop-x:focus-visible,.ggn-angle-input:focus-visible,.ggn-stop-pos input:focus-visible,.ggn-stop-hex:focus-visible{outline:2px solid var(--ggn-accent);outline-offset:2px}@media (width<=980px){.ggn-grid{grid-template-columns:1fr}.ggn-panel{gap:0 var(--s-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ggn-panel-head,.ggn-field:last-child{grid-column:1/-1}}@media (width<=768px){.ggn{padding-top:var(--s-5)}.ggn-head{align-items:flex-start}.ggn-head-actions{justify-content:flex-start;width:100%}.ggn-status{grid-template-columns:repeat(2,minmax(0,1fr))}.ggn-status span:nth-child(3){border-left:0;border-top:1px solid var(--ggn-line)}.ggn-status span:nth-child(4){border-top:1px solid var(--ggn-line)}.ggn-panel{display:block}.ggn-stops{grid-template-columns:1fr}}@media (width<=480px){.ggn-title{font-size:36px}.ggn-status{grid-template-columns:1fr}.ggn-status span+span,.ggn-status span:nth-child(3){border-left:0;border-top:1px solid var(--ggn-line)}.ggn-stage{padding:8px}.ggn-preview{aspect-ratio:4/3}.ggn-bar{margin-inline:6px}.ggn-block{padding:16px}.ggn-block-head{flex-direction:column;align-items:flex-start}.ggn-block-actions{flex-wrap:wrap;width:100%}.ggn-block-actions .ggn-btn{flex:1}.ggn-stop{grid-template-columns:20px 32px minmax(0,1fr) auto auto;display:grid}.ggn-stop-pos{grid-column:3/4}.ggn-stop-lock{grid-column:4}.ggn-stop-x{grid-column:5}}.grg-wrap{padding-bottom:88px}.grg-cta{align-items:center;gap:8px;margin-top:18px;display:inline-flex}.grg-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin:28px 0 8px;display:flex}.grg-search{flex:260px;min-width:220px}.grg-chips{flex-wrap:wrap}.grg-types{flex-shrink:0}.grg-count{margin-top:32px}.grg-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:36px 24px;display:grid}.grg-card{flex-direction:column;gap:14px;min-width:0;display:flex}.grg-thumb{position:relative}.grg-swatch{aspect-ratio:3/4;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-s);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s;display:block;position:relative}.grg-card:hover .grg-swatch{box-shadow:var(--shadow-l);transform:translateY(-3px)}.grg-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.grg-pill{letter-spacing:.05em;text-transform:uppercase;color:#fff;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0a0a0e80;padding:3px 9px;font-size:11px;font-weight:700;transition:opacity .15s;position:absolute;top:10px;left:10px}.grg-card:hover .grg-pill,.grg-swatch:focus-visible .grg-pill{opacity:1}.grg-like{border-radius:var(--radius-pill);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0e6b;border:1px solid #ffffff59;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .16s,transform .16s,background .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:10px;right:10px}.grg-like:hover{background:#0a0a0e9e}.grg-like:focus-visible{outline-offset:2px;outline:2px solid #fff}.grg-like.is-liked{color:#fb7185;background:#0a0a0e80;border-color:#fb718599}@media (hover:hover){.grg-like{opacity:0;transform:translateY(-2px)}.grg-card:hover .grg-like,.grg-like:focus-visible,.grg-like.is-liked{opacity:1;transform:none}}.grg-foot{justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;padding:0 1px;display:flex}.grg-id{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.grg-name{font-size:var(--fs-body-s);color:var(--t0);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.grg-meta{font-size:var(--fs-caption);color:var(--t2);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.grg-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.grg-copy{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.04em;color:var(--t1);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-s);cursor:pointer;padding:6px 11px;font-weight:700;transition:color .15s,border-color .15s,background .15s}.grg-copy:hover{color:var(--t0);border-color:var(--bh);background:var(--bg-3)}.grg-open{font-family:var(--font);font-size:var(--fs-micro);letter-spacing:.02em;color:var(--brand);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:6px 4px;font-weight:700;text-decoration:none;transition:gap .15s,color .15s;display:inline-flex}.grg-open:hover{color:var(--brand-soft);gap:8px}.grg-empty{margin-top:8px}@media (width<=820px){.grg-search{flex:100%}.grg-chips{flex-wrap:nowrap;flex:100%;overflow-x:auto}}@media (width<=640px){.grg-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px 16px}.grg-toolbar{gap:10px}.grg-count{margin-top:24px}}