*,: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:#e8e8e8;--t1:#999;--t2:#666;--t3:#3d3d3d;--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)}[data-theme=light]{--bg-0:#fff;--bg-1:#fff;--bg-2:#f5f5f5;--bg-3:#e8e8e8;--bg-4:#d4d4d4;--border:#00000014;--bh:#00000026;--t0:#171717;--t1:#525252;--t2:#737373;--t3:#a3a3a3;--cbg:#f5f5f5;--hvr:#00000008;--card:#fff;--card-grad:#fff;--inp:#fff;--shadow:0 1px 2px #0000000a;--warm-shadow:0 1px 3px #0000000f;--warm-shadow-lg:0 4px 16px #00000014;--ok:#16a34a;--warn:#ca8a04;--err:#dc2626;--accent:#171717;--accent-strong:#0a0a0a;--accent-soft:#525252;--accent-bg:#0000000a;--accent-glow:#0000000f;--icon-inv:none}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:hidden}::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(--accent);color:var(--accent);transition:all var(--t);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:7px 16px;display:inline-flex}.topbar-btn-export:hover{background:var(--accent-bg);border-color:var(--accent)}.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(--accent);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-pin.is-pinned{color:var(--accent)}.topbar-icon-btn:hover{background:var(--bg-2);color:var(--t0)}.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}.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);flex-direction:column;gap:1px;margin:6px 0 8px;padding-bottom:8px;display:flex}.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-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 #3b82f6;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-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:1;width:100%;min-width:0;padding:0 clamp(16px,5vw,64px) clamp(40px,8vw,100px);overflow:hidden 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:20;background:var(--bg-0);border-bottom:1px solid var(--border);gap:2px;margin:0 calc(-1*clamp(16px,5vw,64px)) 24px;padding:10px clamp(16px,5vw,64px);display:flex;position:sticky;top:0}.cs-nav-item{border-radius:var(--radius-s);color:var(--t2);cursor:pointer;font-size:12px;font-weight:500;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:var(--accent);background:var(--accent-bg);font-weight:600}.cs-section-header{-webkit-user-select:none;user-select:none;transition:opacity .15s}.cs-section-header:hover{opacity:.8}@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-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% + 6px);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)}.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)}.btn-s{padding:6px 12px;font-size:11px}.btn-accent{background:var(--accent);color:var(--bg-0);border-color:#0000;transition:all .2s}.btn-accent:hover{opacity:.85;transform:translateY(-1px)}.btn-accent:active{opacity:.75;transition-duration:.1s;transform:translateY(0)}.btn-accent:disabled{opacity:.4;cursor:not-allowed;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: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}.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{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.pl-search-wrap{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;max-width:360px;transition:all var(--t);flex:1;align-items:center;gap:8px;padding:8px 14px;display:flex}.pl-search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.pl-search-wrap svg{color:var(--t3);flex-shrink:0}.pl-search{color:var(--t0);font-family:var(--font);background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0;font-size:13px}.pl-search::placeholder{color:var(--t3)}.pl-search:focus{box-shadow:none}.pl-search-clear{color:var(--t3);cursor:pointer;transition:color var(--t);background:0 0;border:none;border-radius:50%;padding:2px;display:flex}.pl-search-clear:hover{color:var(--t0)}.pl-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.pl-chips::-webkit-scrollbar{display:none}.pl-chip{border-radius:var(--radius);letter-spacing:.02em;border:1px solid var(--border);color:var(--t2);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);transition:all var(--t);white-space:nowrap;background:0 0;flex-shrink:0;padding:6px 14px}.pl-chip:hover{color:var(--t0);border-color:var(--bh);background:var(--hvr)}.pl-chip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.pl-add-btn{flex-shrink:0;margin-left:auto}.pl-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:#0009;justify-content:center;align-items:center;padding:24px;animation:.2s plFadeIn;display:flex;position:fixed;inset:0}@keyframes plFadeIn{0%{opacity:0}to{opacity:1}}.pl-modal{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-l);flex-direction:column;width:100%;max-width:680px;max-height:80vh;animation:.25s cubic-bezier(.16,1,.3,1) plSlideUp;display:flex;position:relative;box-shadow:0 24px 56px #0006}@keyframes plSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pl-modal-close{color:var(--t2);cursor:pointer;border-radius:var(--radius-s);transition:all var(--t);z-index:2;background:0 0;border:none;padding:4px;position:absolute;top:16px;right:16px}.pl-modal-close:hover{color:var(--t0);background:var(--hvr)}.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-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%)}.cad-drop{border:2px dashed var(--border);border-radius:var(--radius-l);cursor:pointer;transition:all var(--t);text-align:center;background:var(--card);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 40px;display:flex}.cad-drop:hover,.cad-drop.over{border-color:var(--accent);background:var(--accent-bg)}.cad-drop.error{border-color:var(--err)}.cad-drop svg{color:var(--t3);transition:color var(--t)}.cad-drop:hover svg,.cad-drop.over svg{color:var(--accent)}.cad-drop-text{flex-direction:column;gap:4px;display:flex}.cad-drop-text strong{color:var(--t0);font-size:16px}.cad-drop-text span{color:var(--t2);font-size:13px}.cad-drop-formats{gap:8px;margin-top:4px;display:flex}.cad-fmt{border-radius:var(--radius-s);letter-spacing:.06em;text-transform:uppercase;background:var(--bg-2);color:var(--t1);border:1px solid var(--border);padding:4px 12px;font-size:10px;font-weight:700}.cad-fmt.dim{opacity:.4}.cad-error{color:var(--err);max-width:480px;margin-top:8px;font-size:12px;line-height:1.5}.cad-toolbar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:14px 20px;display:flex}.cad-file-info{min-width:0;color:var(--t1);flex:1;align-items:center;gap:8px;display:flex}.cad-file-name{color:var(--t0);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.cad-file-entities{font-size:11px;font-family:var(--mono);color:var(--t2);background:var(--bg-2);border-radius:var(--radius-s);padding:3px 10px}.cad-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.cad-select{border-radius:var(--radius);border:1px solid var(--border);background:var(--inp);color:var(--t0);font-size:12px;font-family:var(--font);cursor:pointer;padding:8px 14px}.cad-preview{border-radius:var(--radius-l);border:1px solid var(--border);background:#0c0e16;margin-bottom:20px;position:relative;overflow:hidden}.cad-preview canvas{width:100%;height:480px;display:block}.cad-preview-hint{color:#ffffff59;border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#00000080;padding:4px 14px;font-size:10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cad-stats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:12px;display:grid}.cad-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:18px 16px}.cad-stat-val{font-size:24px;font-weight:700;font-family:var(--mono);color:var(--t0);letter-spacing:-.02em}.cad-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--t2);margin-top:4px;font-size:10px;font-weight:600}.cad-entity-list{flex-direction:column;gap:6px;display:flex}.cad-entity-row{align-items:center;gap:12px;padding:8px 0;display:flex}.cad-entity-type{font-family:var(--mono);color:var(--t0);min-width:100px;font-size:11px;font-weight:600}.cad-entity-bar{background:var(--bg-3);border-radius:3px;flex:1;height:6px;overflow:hidden}.cad-entity-bar div{background:var(--accent);border-radius:3px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.cad-entity-count{font-family:var(--mono);color:var(--t2);text-align:right;min-width:40px;font-size:11px}.cad-layers{flex-wrap:wrap;gap:6px;display:flex}.cad-layer-chip{border-radius:var(--radius);background:var(--bg-2);color:var(--t1);border:1px solid var(--border);padding:5px 12px;font-size:11px;font-weight:500}.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(132px,auto);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,.bento-card:after{display:none}a.bento-card:hover{border-color:var(--bh);transform:translateY(-2px)}.bento-hero{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-completion{align-items:center;gap:10px;display:flex}.bento-hero-completion-bar{background:var(--bg-3);border-radius:3px;flex:1;max-width:280px;height:5px;overflow:hidden}.bento-hero-completion-bar>div{background:var(--accent);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.bento-hero-completion-label{font-family:var(--mono);color:var(--t2);letter-spacing:.04em;white-space:nowrap;font-size:10px;font-weight:600}.bento-hero-checks{flex-wrap:wrap;gap:12px;display:flex}.bento-hero-check{font-family:var(--mono);letter-spacing:.03em;color:var(--t3);white-space:nowrap;font-size:9px;font-weight:600}.bento-hero-check.done{color:var(--ok)}.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-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-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<=980px){.bento{grid-template-columns:repeat(2,1fr)}.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}}@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}}.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{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}}.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(--accent);border-color:var(--accent);color:var(--bg-0);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(--accent);border-color:var(--accent);color:var(--bg-0);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(--accent);color:var(--bg-0)}.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-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-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)}}@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-context{flex-direction:column;gap:6px;margin-bottom:20px;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:20px;--radius-s:14px;--radius-l:28px;--radius-xl:40px}[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}.usage-gate-card{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-1);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:16px 0;padding:32px 24px;display:flex}.usage-gate-icon{background:var(--accent-bg);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.usage-gate-icon.limit{background:color-mix(in srgb,var(--warn,#f59e0b) 12%,transparent);color:var(--warn,#f59e0b)}.usage-gate-title{color:var(--t0);font-size:16px;font-weight:600}.usage-gate-text{color:var(--t2);max-width:360px;font-size:13px;line-height:1.6}.usage-gate-text strong{color:var(--t1);font-weight:600}.usage-gate-counter{color:var(--t2);background:var(--bg-2);border-radius:var(--radius-s);padding:6px 14px;font-size:12px;font-weight:500}.usage-gate-remaining{color:var(--t2);text-align:right;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.usage-gate-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-s);color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:2px 8px;font-size:9px;font-weight:700}.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);box-shadow:var(--warm-shadow-lg);justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding:14px 18px;display:flex;position:sticky;bottom:0;left:0;right:0}.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}@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;overflow-y:auto}.landing-nav{background:color-mix(in srgb,var(--bg-0) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,64px);display:flex;position:sticky;top:0}.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-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:-12% -8% -4%;overflow:hidden}.landing-hero-media{object-fit:cover;opacity:.55;width:100%;height:100%;transform:translate3d(calc(var(--px)*-26px),calc(var(--py)*-26px),0) scale(1.1);will-change:transform;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}[data-theme=light] .landing-hero-media{opacity:.4}.landing-hero-orb{filter:blur(64px);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:.5;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 60%,transparent),transparent 70%);width:clamp(280px,38vw,460px);transform:translate3d(calc(var(--px)*46px),calc(var(--py)*46px),0);top:-14%;left:6%}.landing-hero-orb-2{aspect-ratio:1;opacity:.38;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 38%,transparent),transparent 70%);width:clamp(240px,32vw,400px);transform:translate3d(calc(var(--px)*-64px),calc(var(--py)*-40px),0);top:-6%;right:4%}.landing-hero-orb-3{aspect-ratio:1;opacity:.3;background:radial-gradient(circle,color-mix(in srgb,var(--t0) 14%,transparent),transparent 70%);width:clamp(220px,28vw,360px);transform:translate3d(calc(var(--px)*30px),calc(var(--py)*-52px),0);bottom:-16%;left:38%}[data-theme=light] .landing-hero-orb-1{opacity:.34}[data-theme=light] .landing-hero-orb-2{opacity:.26}[data-theme=light] .landing-hero-orb-3{opacity:.16}.landing-hero-glow{background:radial-gradient(ellipse 60% 50% at 50% 35%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%);transform:translate3d(calc(var(--px)*-14px),calc(var(--py)*-14px),0);transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.landing-hero-media,.landing-hero-orb,.landing-hero-glow{transition:none;transform:none}.landing-hero-media{transform:scale(1.1)}}.landing-hero{text-align:center;flex-direction:column;align-items:center;max-width:780px;margin:0 auto;padding-top:clamp(56px,9vw,112px);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-title{font-family:var(--serif);letter-spacing:-.03em;margin-bottom:22px;font-size:clamp(36px,6.5vw,68px);font-weight:500;line-height:1.08}.landing-title em{color:var(--accent);font-style:italic;font-weight:500}.landing-lede{color:var(--t1);max-width:600px;margin-bottom:34px;font-size:clamp(15px,1.6vw,18px);line-height:1.65}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:14px;display:flex}.landing-cta-primary{padding:14px 28px;font-size:14px;font-weight:600}.landing-cta-secondary{padding:14px 28px;font-size:14px}.landing-cta-note{color:var(--t2);font-size:12px;font-family:var(--mono);letter-spacing:.02em}.landing-cats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.landing-cat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);flex-direction:column;gap:8px;padding:24px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.landing-cat-card:hover{border-color:var(--bh);transform:translateY(-2px)}.landing-cat-icon{border-radius:var(--radius);background:var(--accent-bg);width:42px;height:42px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.landing-cat-icon svg{width:20px;height:20px}.landing-cat-label{letter-spacing:-.01em;font-size:15px;font-weight:700}.landing-cat-desc{color:var(--t2);font-size:12.5px;line-height:1.5}.landing-highlights{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);display:grid}.landing-highlight{flex-direction:column;gap:10px;display:flex}.landing-highlight-icon{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);width:44px;height:44px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.landing-highlight-icon svg{width:21px;height:21px}.landing-highlight h3{letter-spacing:-.01em;font-size:17px;font-weight:700}.landing-highlight p{color:var(--t1);font-size:13.5px;line-height:1.65}.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);box-shadow:var(--warm-shadow);flex-direction:column;gap:14px;padding:28px;display:flex;position:relative}.landing-tier-featured{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 18px 40px -16px color-mix(in srgb,var(--accent) 40%,transparent)}.landing-tier-badge{background:var(--accent);color:var(--bg-0);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:-11px;left:28px}.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);border-radius:var(--radius);background:var(--bg-2);color:var(--t2);align-items:center;gap:10px;padding:0 14px;display:flex}.landing-icontool-search:focus-within{border-color:var(--accent)}.landing-icontool-search input{color:var(--t0);font-size:14px;font-family:var(--font);background:0 0;border:none;flex:1;padding:11px 0}.landing-icontool-search input:focus{outline:none}.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-more{aspect-ratio:auto;border:1px dashed color-mix(in srgb,var(--accent) 50%,var(--border));border-radius:var(--radius-s);background:color-mix(in srgb,var(--accent) 8%,var(--card));color:var(--accent);cursor:pointer;flex-direction:column;grid-column:span 2;justify-content:center;align-items:center;gap:2px;padding:8px;transition:all .16s;display:flex}.landing-icontool-more:hover{background:color-mix(in srgb,var(--accent) 14%,var(--card));transform:translateY(-2px)}.landing-icontool-more-count{letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1}.landing-icontool-more-label{letter-spacing:.02em;font-size:10px;font-weight:600}.landing-icontool-more svg{margin-top:2px}.landing-icontool-hint{text-align:center;color:var(--t3);font-size:12px;font-family:var(--mono);letter-spacing:.02em}.landing-closing{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--warm-shadow);flex-direction:column;align-items:center;gap:14px;padding:clamp(40px,6vw,64px);display:flex}.landing-closing h2{font-family:var(--serif);letter-spacing:-.025em;font-size:clamp(26px,3.5vw,40px);font-weight:500;line-height:1.15}.landing-closing p{color:var(--t1);max-width:520px;margin-bottom:8px;font-size:14px;line-height:1.65}.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-feature{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.landing-feature-reverse{direction:rtl}.landing-feature-reverse>*{direction:ltr}.landing-feature-text{flex-direction:column;gap:14px;display:flex}.landing-feature-text h2{font-family:var(--serif);letter-spacing:-.025em;font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.2}.landing-feature-text p{color:var(--t1);max-width:440px;font-size:14px;line-height:1.7}.landing-feature-img{border-radius:var(--radius-l);border:1px solid var(--border);box-shadow:var(--warm-shadow-lg);overflow:hidden}.landing-feature-img img{width:100%;height:auto;display:block}.landing-footer{border-top:1px solid var(--border);color:var(--t2);font-size:12.5px;font-family:var(--mono);letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex}.landing-footer a{color:var(--t1);font-weight:600;text-decoration:none}.landing-footer a:hover{color:var(--accent)}.landing-footer-sep{opacity:.5}.landing .btn{border-radius:var(--radius-l)}.landing .btn-accent:hover{opacity:1;background:var(--accent-strong);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 20%,transparent)}.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);display:flex}.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}}@media (width<=880px){.landing-cats{grid-template-columns:repeat(2,1fr)}.landing-highlights{grid-template-columns:1fr;gap:28px}.landing-feature{grid-template-columns:1fr;gap:24px}.landing-feature-reverse{direction:ltr}.landing-feature-img{order:0}}@media (width<=520px){.landing-cats{grid-template-columns:1fr}.landing-cta-row{flex-direction:column;align-items:stretch;width:100%}.landing-cta-primary,.landing-cta-secondary{justify-content:center;width:100%}}.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}}