*,: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:"IBM Plex Mono",ui-monospace,monospace;--t:.2s cubic-bezier(.16,1,.3,1);--sw:248px;--top-h:56px;--radius:12px;--radius-s:8px;--radius-l:16px;--radius-xl:24px}[data-theme=dark]{--bg-0:#000;--bg-1:#0a0a0a;--bg-2:#141414;--bg-3:#1e1e1e;--bg-4:#2a2a2a;--border:#ffffff14;--bh:#ffffff24;--t0:#ededed;--t1:#b0b0b0;--t2:#909090;--t3:#757575;--cbg:#0a0a0a;--hvr:#ffffff0a;--card:#0a0a0a;--card-grad:#0a0a0a;--inp:#141414;--shadow:0 1px 2px #00000080;--warm-shadow:0 1px 3px #0006;--warm-shadow-lg:0 4px 16px #00000080;--ok:#4ade80;--warn:#facc15;--err:#f87171;--accent:#e8e8e8;--accent-strong:#ccc;--accent-soft:#fff;--accent-bg:#ffffff0f;--accent-glow:#ffffff14;--icon-inv:invert(1);--brand:#3b82f6;--brand-soft:#60a5fa;--brand-bg:#3b82f61f;--brand-glow:#3b82f62e}[data-theme=light]{--bg-0:#fff;--bg-1:#fff;--bg-2:#f7f7f7;--bg-3:#ebebeb;--bg-4:#d4d4d4;--border:#0000000f;--bh:#0000001f;--t0:#171717;--t1:#525252;--t2:#737373;--t3:#a3a3a3;--cbg:#f5f5f5;--hvr:#00000008;--card:#fff;--card-grad:#fff;--inp:#fff;--shadow:0 1px 2px #00000008;--warm-shadow:0 1px 2px #0000000a;--warm-shadow-lg:0 2px 8px #0000000d;--ok:#16a34a;--warn:#ca8a04;--err:#dc2626;--accent:#171717;--accent-strong:#0a0a0a;--accent-soft:#525252;--accent-bg:#0000000a;--accent-glow:#0000000f;--icon-inv:none;--brand:#2563eb;--brand-soft:#3b82f6;--brand-bg:#2563eb14;--brand-glow:#2563eb1f}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:200;line-height:1.65;overflow-x:clip}::selection{background:var(--accent);color:var(--bg-0)}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);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 16px;display:inline-flex}.topbar-btn-export:hover{background:var(--brand);border-color:var(--brand);color:#fff}.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-btn-projects{border-radius:var(--radius);font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--bg-0);transition:all var(--t);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding:7px 20px;display:inline-flex}.topbar-btn-projects:hover{opacity:.85}.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);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 16px;display:inline-flex}.topbar-preview-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}.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(--accent-bg);width:34px;height:34px;color:var(--accent);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;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;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(--accent-bg);width:36px;height:36px;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}.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(--bg-0);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);background:var(--accent-bg);margin-bottom:4px;font-weight:600}.profile-menu-upgrade svg{color:var(--accent)}.profile-menu-upgrade:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}.profile-menu-upgrade.is-pro{color:var(--t0);background:0 0}.profile-menu-upgrade.is-pro svg{color:var(--t2)}.profile-menu-upgrade.is-pro:hover{background:var(--hvr)}.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{z-index:999;background:#0006;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:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 45%,transparent)}.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:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}.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;color:#a855f7;background:#a855f726;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;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:400px;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(--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}.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);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}.cs-sticky-nav{z-index:40;background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--border);border-radius:var(--radius-l);-webkit-backdrop-filter:blur(14px);gap:2px;max-width:fit-content;margin:0 auto 24px;padding:10px 18px;display:flex;position:sticky;top:12px;box-shadow:0 2px 12px #0000000f}.cs-nav-item{border-radius:var(--radius-s);color:var(--t1);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);white-space:nowrap;background:0 0;border:none;min-height:36px;padding:9px 14px;transition:all .15s}.cs-nav-item:hover{color:var(--t0);background:var(--hvr)}.cs-nav-item.active{color:#fff;background:var(--brand);font-weight:700}.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)}@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-add-wrap{position:relative}.cs-add-wrap:after{content:"";width:100%;height:4px;display:none;position:absolute;top:100%;left:0}.cs-add-wrap:has(.cs-add-menu):after{display:block}.cs-add-menu{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--warm-shadow-lg);z-index:100;min-width:240px;padding:4px;animation:.15s cubic-bezier(.2,0,0,1) cp-rise;position:absolute;top:calc(100% + 2px);left:0}.cs-add-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;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.cs-add-menu button:hover{background:var(--hvr)}.cs-add-menu-sep{background:var(--border);height:1px;margin:4px 0}.cs-add-menu-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3);padding:6px 12px 4px;font-size:9px;font-weight:700}.cs-add-menu-dots{gap:3px;display:flex}.cs-add-menu-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.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}.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);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);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 20px;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:#fff;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}.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);cursor:pointer;background:0 0;width:48px;height:40px;padding:3px}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}.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-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}.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{color:var(--t2);text-align:center;font-size:8.5px;font-family:var(--mono);line-height:1.2}.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(--brand);color:#fff;border-color:var(--brand)}.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(--brand);color:#fff;border-color:var(--brand)}.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(--brand-bg);border-color:var(--brand);color:var(--brand)}.pl-add-btn{flex-shrink:0;margin-left:auto}.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{z-index:1000;background:#0000008c;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-skin-tones{flex-shrink:0;gap:4px;display:flex}.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-sections{flex-direction:column;gap:32px;display:flex}.emoji-section-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.emoji-section-head h3{letter-spacing:-.01em;font-size:14px;font-weight:700}.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-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:4px;display:grid}.emoji-cell{aspect-ratio:1;border-radius:var(--radius-s);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:24px;transition:all .15s;display:flex;position:relative}.emoji-cell:hover{background:var(--hvr);border-color:var(--border);transform:scale(1.2)}.emoji-cell.copied{background:var(--accent-bg);border-color:var(--accent)}.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%)}.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-top:40px;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);width:100%;max-width:420px;box-shadow:var(--warm-shadow-lg);padding:36px;position:relative;overflow:hidden}.auth-header{text-align:center;margin-bottom:28px}.auth-header h1{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:8px;font-size:32px;font-weight:500;line-height:1.2}.auth-header p{color:var(--t2);font-size:13px}.auth-google-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);width:100%;color:var(--t0);font-family:var(--font);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.auth-google-btn:hover{background:var(--bg-2);border-color:var(--bh);box-shadow:var(--warm-shadow);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);align-items:center;gap:12px;margin:20px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field label{color:var(--t2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.auth-field input{width:100%}.auth-submit{justify-content:center;width:100%;padding:12px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;filter:none!important;box-shadow:var(--warm-shadow)!important;transform:none!important}.auth-links{flex-direction:column;align-items:center;gap:6px;margin-top:16px;display:flex}.auth-links button{color:var(--accent);font-size:13px;font-family:var(--font);cursor:pointer;opacity:.8;border-radius:var(--radius-s);background:0 0;border:none;min-height:36px;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.auth-links button:hover{opacity:1;text-decoration:underline}.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(--border);border-left:3px solid var(--accent);color:var(--t0);border-radius:var(--radius);font-size:12px;font-family:var(--mono);box-shadow:var(--warm-shadow-lg);opacity:0;z-index:9999;pointer-events:none;padding:12px 22px;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:20px;right:20px;transform:translateY(60px)scale(.96)}.toast.show{opacity:1;transform:translateY(0)scale(1)}.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(--bg-0)!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(--bg-0);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>.bento-card{animation:.55s cubic-bezier(.16,1,.3,1) backwards bentoIn}.bento>.bento-card:first-child{animation-delay:0s}.bento>.bento-card:nth-child(2){animation-delay:60ms}.bento>.bento-card:nth-child(3){animation-delay:.12s}.bento>.bento-card:nth-child(4){animation-delay:.18s}.bento>.bento-card:nth-child(5){animation-delay:.24s}.bento>.bento-card:nth-child(6){animation-delay:.3s}.bento>.bento-card:nth-child(7){animation-delay:.36s}.bento>.bento-card:nth-child(8){animation-delay:.42s}.bento>.bento-card:nth-child(9){animation-delay:.48s}.bento>.bento-card:nth-child(10){animation-delay:.54s}.bento-drop-hint{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{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(--bg-0);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:color-mix(in srgb,var(--bg-0) 60%,transparent);-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-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:#fff;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{z-index:9998;background:#0006;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}html,body{max-width:100vw;overflow-x:hidden}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}.topbar-btn-projects{padding:7px 12px;font-size:11px}.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}}@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}.cs-nav-item,.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-sticky-nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.cs-sticky-nav::-webkit-scrollbar{display:none}.cs-nav-item{flex-shrink:0}.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{text-align:center;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}}@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)}}::-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-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}.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(--bg-0);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(--bg-0);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-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:9px;font-size:13px;line-height:1.45;display:flex}.sub-tier-list li strong{color:var(--t0)}.sub-check{color:var(--accent);flex-shrink:0;margin-top:1px}.sub-tier-btn{justify-content:center;width:100%}.sub-tier-btn:disabled{opacity:.55;cursor:default}.sub-tier-foot{text-align:center;color:var(--t3);font-size:11px}@media (width<=680px){.sub-tiers{grid-template-columns:1fr}}.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-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(--accent-bg);width:64px;height:64px;color:var(--accent);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-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}.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}.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:#fff;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:#fff}.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{z-index:1000;background:#0000008c;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-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(--bg-0)}@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}.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:12px;--radius-s:8px;--radius-l:16px;--radius-xl:24px}[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}.rounding-options{flex-wrap:wrap;gap:8px;display:flex}.rounding-opt{border:2px solid var(--border);background:var(--card);cursor:pointer;font-family:var(--font);color:var(--t1);flex-direction:column;align-items:center;gap:8px;min-width:90px;padding:14px 18px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.rounding-opt[data-r=none]{border-radius:0}.rounding-opt[data-r=subtle]{border-radius:6px}.rounding-opt[data-r=default]{border-radius:12px}.rounding-opt[data-r=pronounced]{border-radius:20px}.rounding-opt:hover{border-color:var(--bh);color:var(--t0)}.rounding-opt.active{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.rounding-preview{background:var(--accent);opacity:.5;width:32px;height:24px}.rounding-opt.active .rounding-preview{opacity:1}.rounding-opt[data-r=none] .rounding-preview{border-radius:0}.rounding-opt[data-r=subtle] .rounding-preview{border-radius:3px}.rounding-opt[data-r=default] .rounding-preview{border-radius:6px}.rounding-opt[data-r=pronounced] .rounding-preview{border-radius:12px}.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:#3b82f6}.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:20px;height:20px;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(--bg-0);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{border-top:1px solid var(--border);background:var(--bg-0);padding:28px clamp(20px,4vw,48px)}.app-footer-inner{flex-wrap:wrap;align-items:center;gap:20px 32px;max-width:1200px;margin:0 auto;display:flex}.app-footer-brand{flex-direction:column;gap:2px;display:flex}.app-footer-mark{font-family:var(--serif);letter-spacing:-.02em;color:var(--t0);font-size:16px;font-weight:600}.app-footer-tagline{color:var(--t3);font-size:11px}.app-footer-links{flex-wrap:wrap;gap:18px;display:flex}.app-footer-links a{color:var(--t2);font-size:12.5px;font-weight:500;text-decoration:none;transition:color .15s}.app-footer-links a:hover{color:var(--brand)}.app-footer-legal{flex-wrap:wrap;align-items:center;gap:14px;margin-left:auto;display:flex}.app-footer-legal a{color:var(--t3);font-size:12px;text-decoration:none;transition:color .15s}.app-footer-legal a:hover{color:var(--t1)}.app-footer-copy{color:var(--t3);font-size:11px;font-family:var(--mono)}@media (width<=640px){.app-footer-legal{margin-left:0}}.global-feedback-btn{z-index:80;border:1px solid var(--border);background:var(--bg-1);color:var(--t1);cursor:pointer;border-radius:99px;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:#fff;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}}.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:color-mix(in srgb,var(--bg-0) 70%,transparent);-webkit-backdrop-filter:blur(6px);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(--bg-0)}.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{background:radial-gradient(ellipse 80% 50% at 50% -20%,color-mix(in srgb,var(--accent) 5%,transparent),transparent),radial-gradient(ellipse 50% 40% at 80% 50%,#635bff08,transparent),radial-gradient(ellipse 50% 40% at 20% 75%,#00b4a006,transparent),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(56px,8vw,96px);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:.5;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:.3;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 50%,transparent),transparent 70%);width:clamp(300px,40vw,520px);transform:translate3d(calc(var(--px)*52px),calc(var(--py)*52px),0);top:-18%;left:2%}.landing-hero-orb-2{aspect-ratio:1;opacity:.2;background:radial-gradient(circle,color-mix(in srgb,var(--brand-soft) 40%,transparent),transparent 70%);width:clamp(240px,32vw,420px);transform:translate3d(calc(var(--px)*-70px),calc(var(--py)*-44px),0);top:-10%;right:0%}.landing-hero-orb-3{aspect-ratio:1;opacity:.15;width:clamp(220px,30vw,400px);transform:translate3d(calc(var(--px)*34px),calc(var(--py)*-56px),0);background:radial-gradient(circle,#8b5cf659,#0000 70%);bottom:-20%;left:42%}[data-theme=light] .landing-hero-orb-1{opacity:.2}[data-theme=light] .landing-hero-orb-2{opacity:.16}[data-theme=light] .landing-hero-orb-3{opacity:.12}.landing-hero-glow{background:radial-gradient(ellipse 56% 46% at 50% 30%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 72%);transform:translate3d(calc(var(--px)*-14px),calc(var(--py)*-14px),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(--serif);letter-spacing:-.035em;margin-bottom:22px;font-size:clamp(40px,7vw,76px);font-weight:600;line-height:1.05}.landing-title em{background:linear-gradient(105deg,var(--brand) 0%,var(--brand-soft) 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;color:var(--brand);-webkit-background-clip:text;background-clip:text;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:#fff;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-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(--t2);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(--serif);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(--card);border:1px solid var(--border);border-radius:var(--radius-l);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) 45%,var(--border));background:color-mix(in srgb,var(--accent) 3%,var(--card));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),0 8px 32px -8px color-mix(in srgb,var(--accent) 18%,transparent)}.landing-tier-badge{background:var(--accent);color:var(--bg-0);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(--serif);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:999px;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% 60% at 50% 0%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%);pointer-events:none;position:absolute;inset:0}.landing-closing h2{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(28px,4vw,44px);font-weight:500;line-height:1.12;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}}.ci-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.15s ci-fade;display:flex;position:fixed;inset:0}@keyframes ci-fade{0%{opacity:0}to{opacity:1}}.ci-popup{background:var(--bg-1);border:1px solid var(--border);border-radius:18px;width:100%;max-width:420px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) landing-tools-in;position:relative;overflow-y:auto;box-shadow:0 30px 80px -20px #0009}.ci-close{z-index:2;color:#fff;cursor:pointer;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.ci-close:hover{background:#00000080}.ci-hero{flex-direction:column;gap:4px;padding:34px 24px 26px;display:flex;position:relative}.ci-name{letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-size:13px;font-weight:600}.ci-hero-hex{font-family:var(--mono);letter-spacing:-.01em;font-size:30px;font-weight:700}.ci-edit{cursor:pointer;opacity:.85;border:1px solid;border-radius:20px;align-items:center;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:14px;right:52px}.ci-edit:hover{opacity:1}.ci-edit input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ci-body{padding:18px 20px 22px}.ci-values{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.ci-value-row{background:var(--bg-2);cursor:pointer;color:var(--t1);border:none;border-radius:8px;align-items:center;gap:12px;padding:9px 12px;transition:background .12s;display:flex}.ci-value-row:hover{background:var(--bg-3)}.ci-value-row svg{color:var(--t3);margin-left:auto}.ci-value-label{letter-spacing:.06em;color:var(--t3);text-align:left;width:44px;font-size:10px;font-weight:700}.ci-value-val{font-family:var(--mono);font-size:13px;font-weight:600}.ci-contrast{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.ci-contrast-cell{border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:12px;display:flex}.ci-contrast-cell span{letter-spacing:.04em;opacity:.7;font-size:10px;font-weight:600}.ci-contrast-cell strong{font-family:var(--mono);font-size:18px;font-weight:700}.ci-contrast-cell em{letter-spacing:.04em;font-size:10px;font-style:normal;font-weight:700}.ci-shades-label{letter-spacing:.06em;color:var(--t3);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.ci-shades{border:1px solid var(--border);border-radius:10px;height:42px;display:flex;overflow:hidden}.ci-shade{cursor:pointer;border:none;flex:1;transition:flex .15s}.ci-shade:hover{flex:1.6}.ci-text-contrast{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.ci-text-row{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.ci-text-row span{letter-spacing:.02em;font-size:12px;font-weight:600}.ci-text-ratio{font-family:var(--mono);font-size:12px!important;font-weight:700!important}.ci-tintshade{border:1px solid var(--border);border-radius:10px;margin-bottom:4px;display:flex;overflow:hidden}.ci-ts-cell{cursor:pointer;border:none;flex:1;justify-content:center;align-items:flex-end;min-height:52px;padding:0 0 5px;transition:flex .15s;display:flex}.ci-ts-cell:hover{flex:1.5}.ci-ts-base{box-shadow:inset 0 0 0 2px var(--bg-1),inset 0 0 0 3px currentColor}.ci-ts-hex{font-family:var(--mono);letter-spacing:.02em;opacity:.7;font-size:7px;font-weight:700}.ci-ts-cell:hover .ci-ts-hex{opacity:1}.ci-shades-label:not(:first-of-type){margin-top:16px}.ci-psychology{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.ci-psych-header{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.ci-psych-row{color:var(--t0);align-items:center;gap:8px;font-size:12px;display:flex}.ci-psych-label{letter-spacing:.05em;text-transform:uppercase;color:var(--t2);min-width:50px;font-size:10px;font-weight:700}.ci-psych-lists{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ci-psych-list{flex-direction:column;gap:4px;display:flex}.ci-psych-item{color:var(--t1);align-items:center;gap:5px;font-size:11px;display:flex}.ci-psych-pro svg{color:var(--ok)}.ci-psych-con svg{color:var(--err)}.ci-tabs{border-bottom:1px solid var(--border);background:var(--bg-2);display:flex}.ci-tab{font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--t2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:9px 6px;font-size:10px;font-weight:700;transition:color .15s,border-color .15s}.ci-tab:hover{color:var(--t0)}.ci-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.ci-quick-contrast{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.ci-qc-cell{border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:12px;display:flex}.ci-qc-sample{font-size:22px;font-weight:800;font-family:var(--font)}.ci-qc-ratio{font-family:var(--mono);color:var(--t1);font-size:11px;font-weight:600}.ci-qc-badge{border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.ci-qc-badge.pass{color:#16a34a;background:#22c55e1f}.ci-qc-badge.warn{color:#ca8a04;background:#eab3081f}.ci-qc-badge.fail{color:#dc2626;background:#ef44441f}.ci-cc-label{letter-spacing:.04em;opacity:.7;font-size:10px;font-weight:600}.ci-cc-sample{margin-bottom:2px;font-size:14px;font-weight:700}.ci-shade-list{flex-direction:column;gap:2px;margin-top:8px;display:flex}.ci-shade-row{background:var(--bg-2);cursor:pointer;font-family:var(--font);color:var(--t1);border:none;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;transition:background .12s;display:flex}.ci-shade-row:hover{background:var(--bg-3)}.ci-shade-base{border-left:3px solid var(--accent)}.ci-shade-dot{border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:16px;height:16px}.ci-shade-hex{font-family:var(--mono);font-size:10px;font-weight:600}.ci-shade-ratio{font-family:var(--mono);color:var(--t3);margin-left:auto;font-size:9px}.ci-shade-row svg{color:var(--t3);flex-shrink:0}.ci-cvd-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ci-cvd-card{border:1px solid var(--border);background:var(--bg-2);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px;transition:border-color .15s;display:flex}.ci-cvd-card:hover{border-color:var(--accent)}.ci-cvd-swatch{border:1px solid var(--border);border-radius:6px;width:100%;height:48px}.ci-cvd-name{font-size:11px;font-weight:700}.ci-cvd-desc{color:var(--t2);font-size:9px}.ci-cvd-hex{font-family:var(--mono);color:var(--t3);font-size:9px}.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(--bg-0)}.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(--bg-0) 22%,transparent);color:var(--bg-0)}.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(--bg-0);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-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(--accent);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}@media (prefers-reduced-motion:reduce){.landing-reveal{opacity:1;transition:none;transform:none}}.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-size:clamp(28px,4vw,42px);font-weight:800;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(--serif);letter-spacing:-.025em;font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.2}.landing-sticky-head p{color:var(--t1);font-size:14px;line-height:1.65}.landing-sticky-grid{grid-template-columns:1fr 1fr;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(--serif);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:stretch}.landing-sticky-visual-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow-lg);min-height:340px;position:sticky;top:20vh;overflow:hidden}.landing-sticky-demo{opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.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{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(--bg-0);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:22px;height:22px;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(--bg-0);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-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)}@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{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.fc-tab{align-items:center;gap:6px;display:inline-flex;position:relative}.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-drop{cursor:pointer;transition:all var(--t)}.fc-drop-on{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:22px;height:22px;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;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);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)}}@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{z-index:9999;background:#00000073;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}}