:root{color-scheme:light;--bg:#ffffff;--bg-alt:#f8fafc;--panel:rgba(255,255,255,0.85);--panel-2:#f1f5f9;--border:rgba(226,232,240,0.8);--text:#0f172a;--muted:#334155;--accent:#2f54ff;--accent-alt:#5271ff;--accent-press:#1f3fe0;--danger:#ef4444;--radius:16px;--shadow:0 4px 6px -1px rgba(0,0,0,0.03),0 10px 15px -3px rgba(0,0,0,0.05),0 20px 25px -5px rgba(0,0,0,0.05);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.02);--shadow-md:0 4px 12px -2px rgba(15,23,42,0.05),0 2px 6px -1px rgba(15,23,42,0.03);--shadow-lg:0 10px 25px -5px rgba(15,23,42,0.08),0 8px 16px -6px rgba(15,23,42,0.04);--mesh-bg:none;--header-bg:rgba(255,255,255,0.8);--header-border:rgba(226,232,240,0.5);--card-hover-border:#cbd5e1;--card-hover-shadow:0 20px 25px -5px rgba(15,23,42,0.1),0 10px 10px -5px rgba(15,23,42,0.04);--card-glow:rgba(47,84,255,0.06);--ghost-bg:rgba(15,23,42,0.03);--ghost-border:rgba(15,23,42,0.08);--focus-ring:rgba(47,84,255,0.2);--selection-bg:rgba(47,84,255,0.15);--selection-text:inherit;--hero-title-from:#0f172a;--hero-title-to:#2f54ff;--hero-art-from:#f8fafc;--hero-art-mid:#f1f5f9;--hero-art-to:#e2e8f0}.dark{color-scheme:dark;--bg:#030712;--bg-alt:#0b1121;--panel:rgba(15,23,42,0.65);--panel-2:rgba(30,41,59,0.7);--border:rgba(255,255,255,0.07);--text:#f8fafc;--muted:#aab6c9;--accent:#8b5cf6;--accent-alt:#06b6d4;--accent-press:#7c3aed;--danger:#ef4444;--shadow:0 10px 30px -10px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.02) inset;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.5);--shadow-md:0 4px 12px -2px rgba(0,0,0,0.5),0 2px 6px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.7),0 8px 16px -6px rgba(0,0,0,0.5);--mesh-bg:radial-gradient(circle at 15% 50%,rgba(139,92,246,0.12),transparent 45%),radial-gradient(circle at 85% 30%,rgba(6,182,212,0.12),transparent 45%);--header-bg:rgba(3,7,18,0.75);--header-border:rgba(255,255,255,0.06);--card-hover-border:rgba(255,255,255,0.15);--card-hover-shadow:0 20px 40px rgba(0,0,0,0.85),0 0 0 1px rgba(255,255,255,0.1) inset;--card-glow:rgba(139,92,246,0.15);--ghost-bg:rgba(255,255,255,0.05);--ghost-border:rgba(255,255,255,0.1);--focus-ring:rgba(139,92,246,0.3);--selection-bg:rgba(139,92,246,0.25);--selection-text:inherit;--hero-title-from:#ffffff;--hero-title-to:#a5b4fc;--hero-art-from:#0b1121;--hero-art-mid:#1e1b4b;--hero-art-to:#030712}::selection{background-color:var(--selection-bg);color:var(--selection-text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{transform:translateX(-24px)}to{transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes drophero-pulse{0%{box-shadow:var(--shadow-md),0 0 4px var(--card-glow)}50%{box-shadow:var(--shadow-md),0 0 16px var(--card-glow);border-color:var(--accent)}to{box-shadow:var(--shadow-md),0 0 4px var(--card-glow)}}html{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-alt);scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);background-image:radial-gradient(var(--border) 1px,transparent 1px),var(--mesh-bg);background-size:24px 24px,100% 100%;background-attachment:fixed;color:var(--text);font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}.amount,.brand-name,.plan,h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit),var(--font-inter),sans-serif}a{color:inherit}.wrap{max-width:1280px;margin:0 auto;padding:28px 24px 80px}@media (min-width:768px){.wrap{padding:32px 48px 96px}}.tool-wrap{max-width:1280px}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.25,.8,.25,1)}.btn svg{flex-shrink:0}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:#fff;box-shadow:0 4px 14px color-mix(in oklab,var(--accent) 32%,transparent);transform:translateY(0);border:1px solid rgba(255,255,255,.15)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.07) saturate(1.05);box-shadow:0 10px 26px color-mix(in oklab,var(--accent) 46%,transparent)}.btn-primary:active{transform:translateY(0)}.ask,.btn-primary{position:relative;overflow:hidden}.ask:after,.btn-primary:after{content:"";position:absolute;top:-50%;left:-60%;width:30%;height:200%;background:rgba(255,255,255,.22);transform:rotate(30deg);transition:transform .6s ease;pointer-events:none}.ask:hover:not(:disabled):after,.btn-primary:hover:after{transform:translate(300%,-30%) rotate(30deg)}.hero-art{position:relative;background:linear-gradient(135deg,var(--hero-art-from) 0,var(--hero-art-mid) 50%,var(--hero-art-to) 100%);border-radius:24px}.btn-ghost{background:var(--ghost-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:var(--ghost-border);color:var(--text)}.btn-ghost:hover{background:var(--ghost-bg);border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--header-border)}.site-header-inner{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:16px}@media (min-width:768px){.site-header-inner{padding:14px 48px}}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);flex-shrink:0}.brand .logo-bottom,.brand .logo-mid,.brand .logo-top{transition:transform .3s cubic-bezier(.25,.8,.25,1)}.brand:hover .logo-bottom{transform:translate(-2px,-2px)}.brand:hover .logo-top{transform:translate(2px,2px)}.brand-name{font-weight:800;font-size:19px;letter-spacing:-.02em}.nav{display:flex;gap:2px;flex:1 1}.nav,.nav-link{align-items:center}.nav-link{display:inline-flex;gap:6px;background:none;border:none;font:inherit;color:var(--text);text-decoration:none;font-size:14.5px;font-weight:500;cursor:pointer;padding:6px 10px;border-radius:8px;white-space:nowrap;transition:all .2s}.nav-link svg{opacity:.75}.nav-link:hover{color:var(--accent);background:var(--ghost-bg)}.nav-link:hover svg{opacity:1}.nav-tools{font-weight:600}.nav-caret{font-size:11px;transition:transform .2s}.nav-caret.up{transform:rotate(180deg)}.nav-right{display:flex;align-items:center;gap:18px;flex-shrink:0}.nav-right a{text-decoration:none;font-size:14.5px;color:var(--text)}.nav-right a:hover{color:var(--accent)}.megamenu{position:absolute;left:0;right:0;top:100%;z-index:45;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.megamenu-inner{max-width:1280px;margin:0 auto;padding:24px 24px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px 16px}@media (min-width:768px){.megamenu-inner{padding:32px 48px 40px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px 24px}}.menu-group+.menu-group{margin-top:24px}.menu-col h4{margin:0 0 16px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.menu-item{display:flex;align-items:center;gap:12px;padding:8px 12px;margin:0 -12px;border-radius:10px;text-decoration:none;color:var(--text);font-size:14px;font-weight:500;transition:background .2s,transform .15s}.menu-item:hover{background:var(--panel-2);transform:translateX(4px);color:var(--accent)}.menu-item.soon{color:var(--muted);pointer-events:none}.icon-tile{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.icon-tile.lg{width:44px;height:44px;font-size:22px;border-radius:10px}.ambient-glow{position:absolute;border-radius:50%;filter:blur(120px);-webkit-filter:blur(120px);opacity:.18;pointer-events:none;z-index:-1;animation:float-glow 24s ease-in-out infinite alternate}.glow-1{width:600px;height:600px;background:var(--accent);top:-100px;right:-200px}.glow-2{width:500px;height:500px;background:var(--hero-title-to);top:300px;left:-200px;animation-delay:-8s}.glow-3{width:700px;height:700px;background:var(--hero-title-from);top:900px;right:-300px;animation-delay:-4s}@keyframes float-glow{0%{transform:translate(0) scale(1)}50%{transform:translate(-15px,25px) scale(1.05)}to{transform:translate(-30px,50px) scale(1.1)}}.hero-home{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:60px 0 80px}.hero-text-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:24px;animation:slideInLeft .8s cubic-bezier(.16,1,.3,1) both}.hero-title{font-size:72px;font-weight:800;line-height:1.05;letter-spacing:-.04em;margin:0;background:linear-gradient(135deg,var(--hero-title-from) 0,var(--hero-title-to) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:20px;color:var(--muted);margin:0;max-width:600px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}@media (max-width:600px){.hero-cta{flex-direction:column;align-items:stretch;width:100%}.hero-cta .btn{width:100%;justify-content:center}}.hero-trust{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.hero-trust li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;font-size:13.5px;font-weight:600;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-trust li svg{color:var(--accent);flex-shrink:0}@media (max-width:600px){.hero-trust{justify-content:center}}.hero-3d-showcase{margin-top:0;width:100%;height:400px;position:relative;perspective:1200px;display:grid;place-items:center;overflow:visible;z-index:10;animation:slideInRight .8s cubic-bezier(.16,1,.3,1) both}.iso-scene{position:relative;width:500px;height:350px;transform-style:preserve-3d;transform:rotateX(60deg) rotate(-45deg);transition:transform .8s cubic-bezier(.25,.8,.25,1)}.hero-3d-showcase:hover .iso-scene{transform:rotateX(55deg) rotate(-40deg)}.iso-layer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:24px;transform-style:preserve-3d;box-shadow:var(--shadow)}.iso-base{background:var(--panel);border:1px solid var(--border);transform:translateZ(0)}.iso-glass{width:200px;height:260px;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--header-border);border-radius:16px;padding:24px;box-shadow:var(--shadow);animation:float-iso 6s ease-in-out infinite alternate}.iso-content,.iso-glass{display:flex;flex-direction:column}.iso-content{gap:14px;width:100%;transform:translateZ(1px)}.iso-glass .bar{height:12px;background:var(--border);border-radius:6px;width:100%}.iso-glass .bar.short{width:60%}.iso-glass .bar.half{width:40%}.iso-glass .bar.circle{width:40px;height:40px;border-radius:20px}.card-1{top:10%;left:5%;transform:translateZ(80px);animation-delay:0s}.card-2{top:30%;left:45%;transform:translateZ(140px);animation-delay:-2s;background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:#fff;border:none}.card-2 .bar{background:rgba(255,255,255,.2)}.card-3{top:55%;left:20%;transform:translateZ(50px);animation-delay:-4s}@keyframes float-iso{0%{transform:translateZ(var(--z-start,80px))}to{transform:translateZ(calc(var(--z-start, 80px) + 20px))}}.card-1{--z-start:80px}.card-2{--z-start:140px}.card-3{--z-start:50px}@media (max-width:820px){.hero-3d-showcase{transform:scale(.6);margin-top:0;height:250px}}.section-center{text-align:center;margin:64px 0 28px}.section-center h2{font-size:34px;letter-spacing:-.02em;margin:0 0 14px;display:inline-block}.section-center h2:after{content:"";display:block;width:56px;height:4px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-alt))}.section-center p{color:var(--muted);margin:0}.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pop-card{display:flex;align-items:flex-start;gap:14px;background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;padding:20px 24px;text-decoration:none;color:var(--text);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.pop-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);pointer-events:none}.pop-card:hover{background:linear-gradient(135deg,var(--panel),color-mix(in oklab,var(--tint) 8%,var(--panel)));box-shadow:var(--shadow-lg),0 0 20px color-mix(in oklab,var(--tint) 15%,transparent);border-color:var(--tint);transform:translateY(-6px) scale(1.02)}.grid .tile:first-child,.popular-grid .pop-card:first-child{animation-delay:.05s}.grid .tile:nth-child(2),.popular-grid .pop-card:nth-child(2){animation-delay:.1s}.grid .tile:nth-child(3),.popular-grid .pop-card:nth-child(3){animation-delay:.15s}.grid .tile:nth-child(4),.popular-grid .pop-card:nth-child(4){animation-delay:.2s}.grid .tile:nth-child(5),.popular-grid .pop-card:nth-child(5){animation-delay:.25s}.grid .tile:nth-child(6),.popular-grid .pop-card:nth-child(6){animation-delay:.3s}.grid .tile:nth-child(7){animation-delay:.35s}.grid .tile:nth-child(8){animation-delay:.4s}.grid .tile:nth-child(9){animation-delay:.45s}.grid .tile:nth-child(10){animation-delay:.5s}.pop-card .pc-body{flex:1 1}.pop-card .pc-title{display:block;font-weight:800;margin-bottom:4px}.pop-card .pc-desc{display:block;font-size:14px;color:var(--muted)}.pop-card .pc-arrow{color:var(--muted);font-size:18px}.center-row{text-align:center;margin-top:28px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.section{margin-bottom:30px;scroll-margin-top:84px}.section-head{position:relative;display:flex;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap;padding-left:14px}.section-head:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:4px;background:var(--tint,var(--accent))}.section-title{margin:0;font-size:18px;letter-spacing:-.01em}.section-blurb{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:18px;padding:22px 20px;text-decoration:none;color:var(--text);box-shadow:var(--shadow-sm);transition:transform .28s cubic-bezier(.25,.8,.25,1),box-shadow .28s,border-color .28s;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.tile:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 90% at 100% 0,color-mix(in oklab,var(--tint) 13%,transparent),transparent 58%);opacity:0;pointer-events:none;transition:opacity .28s}.tile:hover{transform:translateY(-6px);border-color:color-mix(in oklab,var(--tint,var(--accent)) 55%,var(--border));box-shadow:var(--card-hover-shadow),0 12px 26px color-mix(in oklab,var(--tint,var(--accent)) 16%,transparent)}.tile:hover:after{opacity:1}.tile-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.tile-arrow{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--muted);background:var(--ghost-bg);border:1px solid var(--border);transform:translateX(-4px);opacity:0;transition:all .25s cubic-bezier(.25,.8,.25,1)}.tile:hover .tile-arrow{opacity:1;transform:translateX(0);color:#fff;background:var(--tint,var(--accent));border-color:var(--tint,var(--accent))}.tile .icon-tile{transition:transform .25s cubic-bezier(.25,.8,.25,1)}.tile:hover .icon-tile{transform:scale(1.08) rotate(-3deg)}.tile.soon{opacity:.7;cursor:not-allowed}.tile.soon:hover{box-shadow:none;transform:none}.tile-title{font-weight:700;font-size:15.5px;letter-spacing:-.01em;margin-top:4px;display:flex;align-items:center;gap:8px;position:relative}.tile-desc{font-size:13px;line-height:1.5;color:var(--muted);position:relative}.badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:rgba(47,84,255,.1);border-radius:999px;padding:2px 8px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px 0}.feature.reverse .feature-art{order:-1}.feature-text h3{font-size:28px;letter-spacing:-.02em;margin:0 0 14px}.feature-text p{color:var(--muted);font-size:16px;margin:0 0 16px}.feature-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600;text-decoration:none;transition:gap .2s}.feature-link:hover{gap:10px}.feature-art{background:radial-gradient(circle at 70% 20%,color-mix(in oklab,var(--accent) 7%,transparent),transparent 55%),var(--bg-alt);border:1px solid var(--border);border-radius:18px;min-height:260px;display:grid;place-items:center;padding:24px;overflow:hidden}.feat-illu{width:100%;max-width:420px;height:auto;display:block}.mini-doc{width:100%;max-width:360px;background:var(--panel);border-radius:10px;box-shadow:var(--shadow);padding:16px}.mini-doc .bar{height:8px;border-radius:4px;background:#e9edf5;margin:8px 0}.mini-doc .bar.short{width:50%}.pricing{background:var(--panel-2);border:1px solid var(--border);border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;margin:64px 0;box-shadow:var(--shadow-md)}.pricing h2{font-size:32px;margin:0 0 12px;letter-spacing:-.02em}.pricing p{color:var(--muted);margin:0 0 20px}.price-card{background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--panel);border-radius:20px;box-shadow:var(--shadow-lg),0 0 16px rgb(218 218 218/20%);padding:32px;transition:transform .2s}.price-card:hover{transform:translateY(-4px)}.price-card .plan{font-size:22px;font-weight:800}.price-card .amount{font-size:40px;font-weight:800;margin-top:14px}.price-card .per,.price-card ul{color:var(--muted);font-size:14px}.price-card ul{margin:18px 0 0;padding-left:18px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-item{background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.25,.8,.25,1),box-shadow .25s,border-color .25s}.trust-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--card-hover-border)}.trust-item h3{font-size:16px;margin:0 0 6px}.trust-item p{margin:0;color:var(--muted);font-size:14px}.feat-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:16px}.trust-emoji{font-size:30px}.home-stats-wrap{margin-top:6px}.home-stats{list-style:none;margin:0;padding:20px 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home-stats li{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.home-stats li+li:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:1px;height:34px;background:var(--border)}.home-stats strong{font-size:30px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-alt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-stats span{font-size:13px;color:var(--muted);font-weight:500}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-step{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px 24px 24px;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}.how-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--card-hover-border)}.how-num{position:absolute;top:16px;right:20px;font-size:34px;font-weight:800;line-height:1;color:var(--border)}.how-step h3{font-size:17px;margin:0 0 6px}.how-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-item[open]{border-color:var(--card-hover-border);box-shadow:var(--shadow-md)}.faq-item summary{list-style:none;cursor:pointer;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:600;font-size:15.5px;color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:22px;font-weight:400;color:var(--accent);line-height:1;flex:none}.faq-item[open] summary:after{content:"\2212"}.faq-item p{padding:0 20px 18px;font-size:14.5px;line-height:1.65}.faq-contact{max-width:760px;margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 8%,var(--panel)),var(--panel));box-shadow:var(--shadow-sm)}.faq-contact strong{display:block;font-size:15.5px;margin-bottom:2px}.cta-band{text-align:center;padding:48px 28px;border-radius:22px;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 13%,var(--panel)),color-mix(in oklab,var(--accent-alt) 16%,var(--panel)));border:1px solid color-mix(in oklab,var(--accent) 26%,var(--border))}.cta-band h2{margin:0 0 10px;font-size:30px}.cta-band p{margin:0 auto 22px;color:var(--muted);max-width:520px}.cta-band-actions{justify-content:center}@media (max-width:760px){.home-stats{grid-template-columns:repeat(2,1fr);gap:18px}.home-stats li+li:before{display:none}.how-grid{grid-template-columns:1fr}.cta-band{padding:36px 20px}.cta-band h2{font-size:24px}}.site-footer{background:var(--bg-alt);border-top:1px solid var(--border);margin-top:60px;padding-top:20px}.footer-inner{max-width:1280px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:40px 28px}@media (min-width:768px){.footer-inner{padding:60px 48px}}@media (max-width:640px){.footer-inner{grid-template-columns:1fr 1fr;gap:30px 20px;padding:40px 22px}.footer-inner>:first-child{grid-column:1/-1}}.foot-tag{color:var(--muted);margin-top:12px;font-size:14px}.foot-col h4{margin:0 0 18px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text)}.foot-col a{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--muted);font-size:14px;margin-bottom:12px;transition:color .15s,transform .15s}.foot-col a svg{opacity:.6;flex-shrink:0;transition:opacity .15s}.foot-col a:hover{color:var(--accent);transform:translateX(2px)}.foot-col a:hover svg{opacity:1}.footer-bottom{border-top:1px solid var(--border);background:var(--bg)}.footer-bottom-inner{max-width:1280px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}@media (min-width:768px){.footer-bottom-inner{padding:24px 48px}}.footer-end{display:inline-flex;align-items:center;gap:14px 22px;flex-wrap:wrap;justify-content:flex-end}@media (max-width:700px){.footer-bottom-inner{text-align:center;gap:14px}.footer-bottom-inner,.footer-end{flex-direction:column;align-items:center}.footer-end{justify-content:center;gap:12px}}.footer-dev{display:inline-flex;align-items:center;gap:8px}.footer-dev strong{font-weight:700;color:var(--text)}.footer-dev a{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--muted);border:1px solid var(--border);background:var(--panel);transition:color .15s,border-color .15s,transform .15s}.footer-dev a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.footer-legal{display:inline-flex;align-items:center;gap:10px}.footer-legal a{color:var(--muted);text-decoration:none;transition:color .15s}.footer-legal a:hover{color:var(--accent)}.legal{max-width:820px;margin:0 auto;padding-bottom:40px}.legal-title{font-size:38px;font-weight:800;letter-spacing:-.02em;margin:4px 0 6px}.legal-updated{color:var(--muted);font-size:13.5px;margin:0 0 20px}.legal-lead{margin:0 0 30px;padding:16px 18px;border-left:3px solid var(--accent);border-radius:10px;background:color-mix(in oklab,var(--accent) 7%,var(--panel));color:var(--text);font-size:15px;line-height:1.65}.legal section{margin-bottom:24px}.legal h2{font-size:19px;letter-spacing:-.01em;margin:0 0 8px}.legal li,.legal p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 8px}.legal ul{margin:0 0 8px;padding-left:20px}.legal a{color:var(--accent);text-decoration:none}.legal a:hover{text-decoration:underline}.back-link{display:inline-block;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:18px}.back-link:hover{color:var(--accent)}.hero{text-align:center;margin-bottom:28px}.hero h1{font-size:30px;margin:0 0 8px;letter-spacing:-.02em}.hero p{color:var(--muted);margin:0;font-size:16px}.tool-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.tool-head-icon{font-size:32px}.tool-head h1{margin:0 0 2px;font-size:26px}.tool-head p{margin:0;color:var(--muted);font-size:15px}.card{background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.25,.8,.25,1)}.label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}input[type=password],input[type=text],textarea{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:14px 16px;font-size:15px;font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}select{width:100%;background-color:var(--panel-2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:14px 44px 14px 16px;font-size:15px;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;transition:border-color .2s,box-shadow .2s}select:disabled{opacity:.55;cursor:default}input[type=checkbox],input[type=radio]{appearance:auto;accent-color:var(--accent);width:17px;height:17px;flex:none;cursor:pointer;margin:0}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint{font-size:12.5px;color:var(--muted);margin-top:8px}.hint a{color:var(--accent)}.key-free{display:flex;align-items:center;gap:7px;margin:8px 0 0;font-size:12.5px;font-weight:600;color:#16a34a}.dark .key-free{color:#4ade80}.key-free svg{flex-shrink:0}.key-help{margin-top:10px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);overflow:hidden}.key-help summary{list-style:none;cursor:pointer;padding:10px 14px;font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.key-help summary::-webkit-details-marker{display:none}.key-help summary:before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:color-mix(in oklab,var(--accent) 16%,transparent);color:var(--accent);font-size:11px;font-weight:700;flex-shrink:0}.key-help summary:after{content:"＋";margin-left:auto;color:var(--accent);font-weight:400}.key-help[open] summary:after{content:"－"}.key-steps{margin:0;padding:0 16px 4px 34px;color:var(--muted);font-size:12.5px;line-height:1.6;display:flex;flex-direction:column;gap:4px}.key-help-cta{display:inline-flex;align-items:center;gap:6px;margin:4px 14px 14px;font-size:12.5px;font-weight:600;color:var(--accent);text-decoration:none}.key-help-cta:hover{text-decoration:underline}.key-tip{display:flex;align-items:center;gap:6px}.key-tip svg{color:var(--accent);flex-shrink:0}.key-tip-btn{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--accent);cursor:pointer;text-decoration:underline}.modes{display:flex;flex-wrap:wrap;gap:8px}.mode-btn{flex:1 1 auto;min-width:120px;text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px 14px;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1)}.mode-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.mode-btn.active,.mode-btn:hover{border-color:var(--accent);background:var(--panel)}.mode-btn.active{box-shadow:var(--shadow-sm),0 0 10px var(--focus-ring)}.mode-btn .m-label{font-weight:600;font-size:14px}.mode-btn .m-tag{display:block;font-size:12px;color:var(--muted);margin-top:2px}.drop{border:1.5px dashed var(--border);border-radius:12px;padding:24px;text-align:center;cursor:pointer;color:var(--muted);background:var(--panel-2);transition:border-color .2s,background .2s,color .2s}.drop.drag,.drop:hover{border-color:var(--accent)}.drop.drag,.drop.has-file,.drop:hover{background:var(--panel);color:var(--text)}.drop.has-file{border-style:solid;border-color:var(--accent)}.file-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:12px}.clear-btn:hover{color:var(--text);border-color:var(--accent)}.clear-btn:disabled{opacity:.4;cursor:not-allowed}.examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.chip:hover{color:var(--text)}.chip-on,.chip:hover{border-color:var(--accent)}.chip-on{background:rgba(47,84,255,.1);color:var(--accent)}.ask{display:flex;width:-moz-fit-content;width:fit-content;min-width:240px;max-width:100%;margin:6px auto 0;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px 30px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px color-mix(in oklab,var(--accent) 28%,transparent);transition:all .2s cubic-bezier(.25,.8,.25,1)}.ask svg{flex-shrink:0}.ask:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07) saturate(1.05);box-shadow:0 10px 24px color-mix(in oklab,var(--accent) 42%,transparent)}.ask:active:not(:disabled){transform:translateY(0)}.ask:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ask:disabled:has(.spinner){opacity:.95;cursor:progress;box-shadow:0 4px 14px color-mix(in oklab,var(--accent) 28%,transparent)}.clear-btn:disabled:has(.spinner){cursor:progress;opacity:.9}.answer{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;font-size:16px}.answer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.answer-head .clear-btn{display:inline-flex;align-items:center;gap:6px;font-weight:600}.cite-title{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 10px}.cite{border-left:3px solid var(--accent);background:var(--panel-2);border-radius:0 8px 8px 0;padding:10px 14px;margin-bottom:10px}.cite .src{font-size:12px;color:var(--accent);margin-bottom:4px;font-weight:600}.cite .quote{font-size:14px;color:var(--text)}.error{background:#fef2f2;border:1px solid #fecaca;color:#b42318;border-radius:10px;padding:12px 14px;font-size:14px}.footer{text-align:center;color:var(--muted);font-size:12.5px;margin-top:28px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}.proc-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.28);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);animation:fadeIn .18s ease both}.dark .proc-overlay{background:rgba(2,6,18,.55)}.proc-card{width:min(340px,100%);background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);padding:26px 24px 22px;text-align:center;align-items:center;gap:14px;animation:fadeInScale .22s cubic-bezier(.25,.8,.25,1) both}.proc-card,.proc-text{display:flex;flex-direction:column}.proc-text{gap:4px}.proc-label{font-weight:650;font-size:15.5px;color:var(--text);letter-spacing:-.01em}.proc-sub{font-size:12.5px;color:var(--muted)}.proc-orbit{--orbit-size:52px;position:relative;width:var(--orbit-size);height:var(--orbit-size);display:inline-block}.proc-orbit-ring{position:absolute;inset:0;border-radius:50%;border-left:2px solid var(--border);border-bottom:2px solid var(--border);border-right-color:var(--border);border-top-color:var(--border);border-top:2px solid var(--accent);border-right:2px solid var(--accent);animation:spin .85s linear infinite}.proc-orbit-dot{top:-2px;left:50%;width:8px;height:8px;margin-left:-4px;background:var(--accent);box-shadow:0 0 10px var(--accent);transform-origin:50% calc(50% + var(--orbit-size) / 2);animation:spin 1.4s linear infinite reverse}.proc-orbit-core,.proc-orbit-dot{position:absolute;border-radius:50%}.proc-orbit-core{inset:30%;background:radial-gradient(circle at 50% 40%,var(--accent),var(--accent-alt));animation:pulse-core 1.4s ease-in-out infinite}@keyframes pulse-core{0%,to{transform:scale(.82);opacity:.85}50%{transform:scale(1.06);opacity:1}}.proc-bar{position:relative;width:100%;height:5px;border-radius:999px;background:var(--panel-2);overflow:hidden}.proc-bar>span{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-alt));transition:width .3s ease}.proc-bar.indeterminate>span{width:40%;animation:indeterminate 1.15s cubic-bezier(.65,0,.35,1) infinite}@keyframes indeterminate{0%{left:-42%}to{left:100%}}.inline-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 16px;color:var(--muted);font-size:13.5px}.inline-loader-label{font-weight:500}.skeleton{position:relative;overflow:hidden;background:var(--panel-2);border-radius:10px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(127,127,127,.14),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.proc-bar.indeterminate>span,.proc-orbit-core,.proc-orbit-dot,.proc-orbit-ring,.skeleton:after,.spinner{animation-duration:.001ms;animation-iteration-count:1}}.filelist{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.filelist li{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.row-actions{display:flex;gap:6px;flex-shrink:0}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}.thumb-card{background:var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:10px;text-align:center;font:inherit;color:var(--text);display:block;width:100%;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.25,.8,.25,1)}.thumb-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-md);border-color:var(--accent)}.thumb-card.deleted{opacity:.55;border-color:var(--danger);background:rgba(239,68,68,.04)}.thumb-card.sel{border-color:var(--accent);background:rgba(139,92,246,.1);box-shadow:0 0 10px var(--focus-ring)}.thumb-card.draggable{cursor:grab}.thumb-card.draggable:active{cursor:grabbing}.thumb-card.dragging{opacity:.4;transform:scale(.97);box-shadow:none}.thumb-card.dragover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset;transform:translateY(-2px)}.thumb-card img{width:100%;height:auto;border-radius:8px;display:block;background:var(--panel);border:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,.05)}.thumb-tools{display:flex;justify-content:center;gap:4px;margin-top:8px}.thumb-num{display:block;font-size:11px;color:var(--muted);margin-top:4px}.editor-bar{flex-wrap:wrap;gap:16px}.editor-bar,.tool-group{display:flex;align-items:center}.tool-group{gap:8px}.size-ctl{font-size:13px;color:var(--muted)}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);cursor:pointer;padding:0}.swatch-on{box-shadow:0 0 0 2px var(--accent)}.pager{align-items:center;gap:16px;margin-bottom:14px;color:var(--muted);font-size:14px}.editor-stage,.pager{display:flex;justify-content:center}.editor-stage{margin-bottom:18px}.page-frame{position:relative;box-shadow:var(--shadow)}.page-canvas{display:block}.overlay{position:absolute;top:0;left:0;z-index:2}.overlay>*,.text-anno{pointer-events:auto}.text-anno{position:absolute;display:flex;align-items:center;gap:2px}.text-anno input{border:1px dashed transparent;background:transparent;padding:0 2px;width:auto;min-width:40px;border-radius:0}.text-anno input:focus{border-color:var(--accent);outline:none}.text-anno:hover input{border-color:#c7ccd6}.text-handle{cursor:move;color:var(--muted);font-size:12px}.text-del,.text-handle{-webkit-user-select:none;user-select:none}.text-del{cursor:pointer;color:var(--danger);font-size:11px}.crumbs{gap:2px;font-size:13.5px;margin-bottom:24px;width:-moz-fit-content;width:fit-content}.crumbs,.crumbs a{display:inline-flex;align-items:center;color:var(--muted)}.crumbs a{gap:6px;text-decoration:none;font-weight:500;padding:5px 10px;border-radius:8px;transition:color .15s,background .15s}.crumbs a:hover{color:var(--accent);background:var(--ghost-bg)}.crumbs a svg{opacity:.8}.crumbs>span:not(:last-child){color:var(--muted);opacity:.5;font-size:14px;padding:0 2px}.crumbs>span:last-child{color:var(--text);font-weight:600;padding:5px 6px}.tool-title{text-align:center;font-size:40px;letter-spacing:-.02em;margin:8px 0 32px;font-weight:800}.drophero{--drophero-bg:var(--bg);background:var(--drophero-bg);border:3px dashed rgb(221 221 222/80%);border-radius:24px;padding:60px 24px;cursor:pointer;margin-bottom:32px;transition:all .3s cubic-bezier(.25,.8,.25,1);text-align:center;position:relative;box-shadow:var(--shadow-sm)}.drophero:hover{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 16px var(--card-glow)}.drophero.drag,.drophero:hover{--drophero-bg:var(--bg-alt);background:var(--drophero-bg)}.drophero.drag{animation:drophero-pulse 1.5s ease-in-out infinite}.drophero-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.upload-icon{color:var(--muted);transition:transform .25s cubic-bezier(.25,.8,.25,1),color .2s;margin-bottom:16px}.drophero.drag .upload-icon,.drophero:hover .upload-icon{animation:bounce-icon 1s ease-in-out infinite;color:var(--accent)}.drophero-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.drophero-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:600;padding:10px 24px;border-radius:10px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.drophero.drag .drophero-btn-outline,.drophero:hover .drophero-btn-outline{border-color:var(--accent);background:var(--bg-alt);transform:translateY(-1px)}.drophero-sub{color:var(--muted);font-size:13px;margin:0 0 16px}.drophero.compact{padding:24px 16px;border-radius:16px;margin-bottom:0}.drophero.compact .upload-icon{width:32px;height:32px;margin-bottom:10px}.drophero.compact .drophero-title{font-size:14px;margin-bottom:2px}.drophero.compact .drophero-sub{font-size:12px;margin:0 0 12px}.drophero.compact .drophero-btn-outline{padding:8px 18px;font-size:13px;border-radius:8px}.tool-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:28px 0 8px}.ti-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:30px;box-shadow:var(--shadow-sm)}.ti-about{background:radial-gradient(circle at 100% 0,color-mix(in oklab,var(--tint) 10%,transparent),transparent 55%),var(--panel);border-color:color-mix(in oklab,var(--tint) 22%,var(--border))}.ti-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;margin-bottom:16px}.ti-title{font-size:21px;letter-spacing:-.01em;margin:0 0 10px}.tool-blurb{color:var(--muted);font-size:15.5px;line-height:1.65;margin:0}.ti-benefits-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 18px}.benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.benefits li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px}.benefits .check{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#15a05122;color:#15a051;display:grid;place-items:center;font-size:13px;font-weight:700}.band{background:radial-gradient(circle at 12% 0,color-mix(in oklab,var(--accent) 9%,transparent),transparent 42%),radial-gradient(circle at 88% 100%,color-mix(in oklab,var(--accent-alt) 9%,transparent),transparent 42%),var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:56px 0;margin:48px 0}.howto{margin:8px 0 48px}.howto h2{font-size:26px;letter-spacing:-.02em;margin:0 0 24px}.tool-related{margin:40px 0 8px}.tool-related h2{font-size:26px;letter-spacing:-.02em;margin:0 0 24px}.hub-head{max-width:720px;margin:20px auto 44px;text-align:center}.hub-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,var(--panel));border:1px solid color-mix(in oklab,var(--accent) 22%,var(--border));margin-bottom:18px}.hub-title{font-size:44px;line-height:1.08;letter-spacing:-.03em;margin:0 0 14px;background:linear-gradient(135deg,var(--hero-title-from),var(--hero-title-to));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hub-lede{font-size:18px;line-height:1.6;color:var(--muted);margin:0 auto;max-width:640px}.hub-lede a{color:var(--accent);text-decoration:none}.hub-lede a:hover{text-decoration:underline}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;margin-bottom:60px}.post-card{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:18px;text-decoration:none;color:var(--text);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.post-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--tint),transparent);opacity:0;transition:opacity .3s}.post-card:hover{border-color:var(--tint);box-shadow:var(--shadow-lg),0 0 22px color-mix(in oklab,var(--tint) 15%,transparent);transform:translateY(-6px)}.post-card:hover:before{opacity:1}.post-card-top{display:flex;align-items:center;gap:12px}.post-cat{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tint,var(--accent))}.post-badge{text-transform:none;letter-spacing:0;font-weight:600;font-size:11px;padding:2px 9px;border-radius:999px;background:color-mix(in oklab,var(--tint) 16%,transparent)}.post-card-title{font-size:19px;line-height:1.32;letter-spacing:-.01em;font-weight:800;margin:2px 0 0}.post-card-desc{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0;flex:1 1}.post-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:14px;border-top:1px solid var(--border)}.post-card-meta{font-size:12.5px;color:var(--muted)}.post-card-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--tint);background:color-mix(in oklab,var(--tint) 12%,transparent);transition:transform .25s,background .25s}.post-card:hover .post-card-arrow{transform:translateX(3px);background:color-mix(in oklab,var(--tint) 22%,transparent)}.article{max-width:720px;margin:0 auto 72px}.article-head{margin:12px 0 32px;text-align:center}.article-head .post-cat{justify-content:center;margin-bottom:14px}.article-title{font-size:40px;line-height:1.12;letter-spacing:-.03em;font-weight:800;margin:0 0 18px}.article-lede{font-size:20px;line-height:1.55;color:var(--muted);margin:0 0 22px}.article-meta{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--muted);padding-top:18px;border-top:1px solid var(--border)}.article-body{font-size:17.5px;line-height:1.78;color:var(--text)}.article-body>p:first-of-type{font-size:19px;line-height:1.7}.article-body h2{font-size:25px;letter-spacing:-.02em;margin:46px 0 16px;padding-left:15px;border-left:4px solid var(--tint,var(--accent))}.article-body p{margin:0 0 18px}.article-body ol,.article-body ul{margin:0 0 22px;padding-left:2px;list-style:none}.article-body li{position:relative;padding-left:28px;margin:0 0 11px}.article-body ul li:before{content:"";position:absolute;left:5px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--tint,var(--accent))}.article-body ol{counter-reset:ol}.article-body ol li{counter-increment:ol}.article-body ol li:before{content:counter(ol);position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;font-size:12px;font-weight:700;color:var(--tint,var(--accent));background:color-mix(in oklab,var(--tint) 14%,transparent);display:grid;place-items:center}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.article-cta{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 22px;border-radius:18px;margin:34px 0;background:linear-gradient(135deg,color-mix(in oklab,var(--tint) 10%,var(--panel)),var(--panel));border:1px solid color-mix(in oklab,var(--tint) 26%,var(--border))}.article-cta span>.hint{display:block;color:var(--muted);font-size:14px;margin-top:2px}.wf-bgread{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:14px;margin:0 0 30px;font-size:14.5px;line-height:1.55;color:var(--muted);background:var(--panel-2);border:1px solid var(--border)}.wf-bgread svg{color:var(--tint,var(--accent));flex:none;margin-top:2px}.wf-bgread a{color:var(--accent);text-decoration:none;font-weight:600}.wf-bgread a:hover{text-decoration:underline}.wf-steps{list-style:none;margin:8px 0 28px;padding:0;display:flex;flex-direction:column}.wf-steps>li{display:flex;gap:18px;align-items:flex-start;position:relative;padding-bottom:28px}.wf-steps>li:not(:last-child):before{content:"";position:absolute;left:18px;top:42px;bottom:0;width:2px;background:linear-gradient(var(--tint,var(--accent)),color-mix(in oklab,var(--tint) 25%,transparent))}.wf-step-n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;z-index:1;background:var(--tint,var(--accent));box-shadow:0 4px 12px color-mix(in oklab,var(--tint) 30%,transparent)}.wf-step-body{padding-top:3px}.wf-step-body h2{font-size:20px;letter-spacing:-.01em;margin:5px 0 8px}.wf-step-body p{font-size:16px;line-height:1.7;color:var(--text);margin:0}.faq-section{max-width:800px;margin:0 auto 40px}.faq-section-title{font-size:24px;letter-spacing:-.02em;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid var(--border)}.faq-tool{margin-bottom:22px}.faq-tool-name{font-size:16px;font-weight:700;margin:0 0 12px}.faq-tool-name a{color:var(--accent);text-decoration:none}.faq-tool-name a:hover{text-decoration:underline}@media (max-width:640px){.hub-title{font-size:30px}.article-title{font-size:28px}.article-lede{font-size:17px}.article-head{text-align:left}.article-head .post-cat,.article-meta{justify-content:flex-start}}.howto-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.howto-steps li{display:flex;align-items:center;gap:16px;font-size:15.5px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}.howto-steps li:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--card-hover-border)}.step-n{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;box-shadow:0 4px 10px rgba(47,84,255,.25)}@media (max-width:640px){.howto-steps{grid-template-columns:1fr}}.faq h2{font-size:26px;letter-spacing:-.02em;margin:0 0 20px}.faq-item{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px 22px;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}.faq-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--card-hover-border)}.faq-item h3{font-size:16px;margin:0 0 8px;display:flex;align-items:center;gap:10px}.faq-item h3:before{content:"?";flex-shrink:0;width:24px;height:24px;border-radius:7px;background:var(--card-glow);color:var(--accent);font-weight:800;font-size:14px;display:grid;place-items:center}.faq-item p{margin:0;color:var(--muted);padding-left:34px}.psel{width:auto;flex:0 0 auto;border:1px solid var(--border);border-radius:7px;padding:5px 26px 5px 8px;font-size:13px;background-color:var(--panel);background-position:right 7px center}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:grid;place-items:center;z-index:100}.result-modal{width:min(880px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .25s cubic-bezier(.16,1,.3,1)}.result-modal,.unsaved-modal{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg)}.unsaved-modal{width:min(420px,92vw);padding:26px 24px 22px;text-align:center;animation:slideDown .22s cubic-bezier(.16,1,.3,1)}.um-badge{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border-radius:14px;background:color-mix(in oklab,var(--danger) 15%,transparent);color:var(--danger)}.um-title{font-size:19px;font-weight:800;margin:0 0 8px;color:var(--text)}.um-text{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 22px}.um-actions{display:flex;gap:10px;justify-content:center}.um-actions .btn{flex:1 1;justify-content:center;padding:11px 16px}.btn-danger{background:var(--danger);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 14px color-mix(in oklab,var(--danger) 32%,transparent)}.btn-danger:hover{filter:brightness(1.06) saturate(1.05);transform:translateY(-2px);box-shadow:0 10px 26px color-mix(in oklab,var(--danger) 46%,transparent)}.btn-danger:active{transform:translateY(0)}.result-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#16a34a,#22c55e,var(--accent));z-index:1}.rm-head{justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 0 0,rgba(34,197,94,.08),transparent 60%),var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0}.rm-head,.rm-title{display:flex;align-items:center}.rm-title{gap:14px;min-width:0}.rm-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(34,197,94,.14);color:#16a34a;flex-shrink:0}.rm-titletext{min-width:0}.rm-name{font-weight:800;font-size:17px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.rm-pill{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#16a34a;background:rgba(34,197,94,.14);border-radius:999px;padding:2px 9px}.rm-sub{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.rm-close,.rm-sub{color:var(--muted)}.rm-close{flex-shrink:0;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--panel);font-size:15px;cursor:pointer;display:grid;place-items:center;transition:all .15s}.rm-close:hover{color:var(--danger);border-color:var(--danger);background:color-mix(in oklab,var(--danger) 8%,var(--panel))}.rm-body{flex:1 1;overflow-y:auto;padding:28px 24px;background:radial-gradient(circle at 50% 0,color-mix(in oklab,var(--accent) 5%,transparent),transparent 40%),var(--bg-alt);display:flex;flex-direction:column;align-items:center;gap:16px}.rm-page-wrap{position:relative;margin:0;display:flex;justify-content:center}.rm-page,.rm-page-wrap{width:100%;max-width:660px}.rm-page{height:auto;border-radius:8px;box-shadow:var(--shadow-lg);background:#fff;border:1px solid var(--border)}.rm-page-num{position:absolute;bottom:10px;right:10px;font-size:11px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#fff;background:rgba(15,23,42,.72);border-radius:999px;padding:3px 9px;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.rm-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);text-align:center;padding:48px 24px;font-size:15px}.rm-msg p{margin:0;max-width:360px}.rm-trunc{padding:14px 24px;font-size:13px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;width:100%;max-width:640px}.rm-foot{display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--border);background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0}.rm-foot-sp{flex:1 1}.rm-note{font-size:12.5px;color:var(--text);font-weight:600;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px}@media (max-width:640px){.result-modal{width:100vw;height:100vh;max-height:100vh;border-radius:0}.rm-body{padding:14px}.rm-foot{flex-wrap:wrap;gap:8px 10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.rm-foot-sp{display:none}.rm-note{order:-1;flex-basis:100%;text-align:center}.rm-foot .btn{flex:1 1;min-width:0;justify-content:center}}.fp{display:flex;align-items:stretch;gap:18px}.fp-thumb{flex-shrink:0;width:96px;min-height:120px;border-radius:10px;overflow:hidden;background:var(--panel-2);border:1px solid var(--border);display:grid;place-items:center;box-shadow:var(--shadow-sm)}.fp-compact{padding:14px;margin-bottom:0;gap:12px}.fp-compact .fp-thumb{width:56px;min-height:72px}.fp-compact .fp-name{font-size:14px}.fp-thumb img{width:100%;height:100%;object-fit:contain;display:block}.fp-fallback{display:grid;place-items:center;color:var(--muted);opacity:.75}.fp-textpeek{margin:0;padding:8px;width:100%;height:100%;font-size:7px;line-height:1.35;color:var(--muted);white-space:pre-wrap;overflow:hidden;font-family:var(--font-inter),monospace}.fp-skel{width:100%;height:120px;background:linear-gradient(100deg,var(--panel-2) 30%,var(--border) 50%,var(--panel-2) 70%);background-size:200% 100%;animation:fp-shimmer 1.2s ease-in-out infinite}@keyframes fp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fp-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.fp-name{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-emoji{display:inline-flex;align-items:center;color:var(--accent);flex-shrink:0}.fp-note,.fp-sub{font-size:13px;color:var(--muted)}.fp-note{margin-top:2px}.fp-actions{margin-top:8px;display:flex;gap:8px}.fl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.fl .label+.fl,.label+.fl{margin-top:12px}.fl-row{display:flex;align-items:center;gap:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.fl-row:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-sm)}.fl-grip{display:none;flex-shrink:0;color:var(--muted);font-size:16px;line-height:1;cursor:grab;-webkit-user-select:none;user-select:none}.fl-draggable .fl-grip{display:inline-block}.fl-draggable{cursor:grab}.fl-draggable:active{cursor:grabbing}.fl-row.dragging{opacity:.4}.fl-row.dragover{border-color:var(--accent);box-shadow:0 -2px 0 var(--accent) inset}.fl-idx{width:24px;height:24px;border-radius:50%;place-items:center;font-size:12px;font-weight:700;color:var(--accent);background:var(--card-glow);border:1px solid var(--border)}.fl-idx,.fl-thumb{flex-shrink:0;display:grid}.fl-thumb{width:44px;height:58px;border-radius:6px;overflow:hidden;background:var(--panel);border:1px solid var(--border);place-items:center}.fl-thumb img{width:100%;height:100%;object-fit:cover;display:block}.fl-thumb-ph{display:grid;place-items:center;color:var(--muted)}.fl-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.fl-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-sub{font-size:12px;color:var(--muted)}.drophero-formats{margin-top:10px;font-size:13px;color:var(--muted);opacity:.85}.drophero-reject{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 13px;font-size:13px;font-weight:600;color:var(--danger);background:color-mix(in oklab,var(--danger) 12%,transparent);border:1px solid color-mix(in oklab,var(--danger) 30%,transparent);border-radius:999px}.drophero-reject svg{flex-shrink:0}@media (max-width:1024px){.popular-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:56px}}@media (max-width:640px){.hero-3d-showcase{display:none}.popular-grid,.trust-grid{grid-template-columns:1fr}.drophero{padding:40px 18px}.fp{gap:14px}.fp-thumb{width:72px;min-height:92px}.tool-title{font-size:26px;margin-bottom:24px}.grid{grid-template-columns:1fr}.hero-title{font-size:40px}.section-center h2{font-size:26px}}.hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;cursor:pointer;transition:border-color .15s,color .15s}.hamburger:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:1150px){.nav .nav-link:not(.nav-tools){display:none}.nav-right{gap:12px}.nav-right>a{display:none}}@media (max-width:820px){.nav{display:none}.nav-right{margin-left:auto}.nav-auth,.nav-right>a{display:none}.hamburger{display:inline-flex}}.mm-auth{margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.mm-auth .auth-btn{width:100%;justify-content:flex-start;font-size:15px;padding:10px 12px}.mm-account{width:100%}.mm-account-card{display:flex;align-items:center;gap:12px;padding:4px 12px 12px}.mm-account-card .auth-avatar-lg{width:44px;height:44px}.mm-account-card .auth-initial{font-size:18px}.mm-account-id{min-width:0;display:flex;flex-direction:column}.mm-account-id .auth-pop-name{font-size:15.5px}.mm-account-id .auth-pop-email{font-size:12.5px}.mm-account-id .auth-pop-badge{align-self:flex-start;margin:6px 0 0}.mm-link.mm-signout{width:100%;text-align:left;background:transparent;border:none;cursor:pointer;font-family:inherit}.mm-link.mm-signout svg{color:var(--muted)}.mm-link.mm-signout:hover,.mm-link.mm-signout:hover svg{color:var(--danger)}.mobile-menu{position:absolute;left:0;right:0;top:100%;z-index:49;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);max-height:calc(100dvh - 60px);overflow-y:auto;padding:12px 16px 20px;display:flex;flex-direction:column;gap:2px;animation:slideDown .25s cubic-bezier(.16,1,.3,1)}.mm-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;text-decoration:none;color:var(--text);font-size:15px;font-weight:600}.mm-link:hover{background:var(--panel-2)}.mm-link svg,.mm-link:hover{color:var(--accent)}.mm-group{margin-top:14px}.mm-group h4{margin:0 0 4px;padding:0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.mobile-menu .menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text);font-size:14.5px;font-weight:500}.mobile-menu .menu-item:hover{background:var(--panel-2);color:var(--accent)}.auth-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:none;color:var(--text);font:inherit;font-size:14.5px;font-weight:500;padding:6px 10px;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.auth-btn:hover{color:var(--accent);background:var(--ghost-bg)}.auth-menu{position:relative}.auth-trigger{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:var(--panel);border:1px solid var(--border);border-radius:999px;cursor:pointer;font:inherit;color:var(--text);transition:border-color .15s,box-shadow .15s,background .15s}.auth-trigger:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.auth-avatar-sm{width:30px;height:30px;border-radius:50%;overflow:hidden;background:var(--card-glow);display:grid;place-items:center;flex-shrink:0}.auth-avatar-sm img{width:100%;height:100%;object-fit:cover}.auth-initial{font-weight:800;color:var(--accent);font-size:14px}.auth-name-label{font-size:14px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-trigger .auth-caret{font-size:15px;line-height:1;color:var(--muted);transition:transform .2s}.auth-trigger .auth-caret.up{transform:rotate(180deg)}@media (max-width:560px){.auth-name-label,.auth-trigger .auth-caret{display:none}.auth-trigger{padding:4px}}.auth-pop{position:absolute;right:0;top:calc(100% + 10px);width:256px;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:8px;z-index:60;animation:slideDown .2s cubic-bezier(.16,1,.3,1)}.auth-pop-head{display:flex;align-items:center;gap:11px;padding:8px 8px 10px}.auth-avatar-lg{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--card-glow);display:grid;place-items:center}.auth-avatar-lg img{width:100%;height:100%;object-fit:cover}.auth-avatar-lg .auth-initial{font-size:17px}.auth-pop-id{min-width:0}.auth-pop-name{font-weight:700;font-size:14px;line-height:1.25}.auth-pop-email,.auth-pop-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-pop-email{font-size:12px;color:var(--muted);margin-top:1px}.auth-pop-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#16a34a;background:color-mix(in srgb,#16a34a 12%,transparent);border-radius:999px;padding:3px 9px;margin:0 8px 4px}.auth-pop-divider{height:1px;background:var(--border);margin:6px 4px}.auth-pop-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;font:inherit;font-size:13.5px;font-weight:600;color:var(--text);text-decoration:none;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.auth-pop-item svg{color:var(--muted);flex:none;transition:color .15s ease}.auth-pop-item:hover{background:var(--panel-2);color:var(--accent)}.auth-pop-item:hover svg{color:var(--accent)}.auth-pop-item.danger:hover,.auth-pop-item.danger:hover svg{color:var(--danger)}.btn.auth-google{background:#ffffff;color:#1f1f1f;border:1px solid #dadce0;box-shadow:var(--shadow-sm)}.btn.auth-google:hover{background:#f6f7f8;filter:none;box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-toggle{background:transparent;border:none;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background .2s}.theme-toggle:hover{background:var(--ghost-bg)}canvas,img,svg,video{max-width:100%}@media (max-width:768px){.hero-home{grid-template-columns:1fr;padding:32px 0 24px;gap:24px}.hero-3d-showcase{display:none}.hero-desc{font-size:17px}.section-center{margin:44px 0 22px}.pricing{grid-template-columns:1fr;gap:28px;padding:28px}.feature{padding:24px 0}.band{padding:40px 0;margin:36px 0}}@media (max-width:600px){.wrap{padding:22px 16px 56px}.site-header-inner{padding:12px 16px;gap:10px}.brand-name{font-size:17px}.nav{gap:0}.auth-btn,.nav-link.nav-tools{padding:6px 8px}.auth-btn{font-size:14px}.auth-name-label{max-width:80px}.hero-title{font-size:36px}.hero-desc{font-size:16px}.tool-title{margin-bottom:20px}.feature-text h3,.legal-title,.pricing h2,.section-center h2,.tool-title{font-size:24px}.card,.pricing,.ti-card,.trust-item{padding:18px}.faq-item,.howto-steps li{padding:16px}.price-card{padding:22px}.price-card .amount{font-size:34px}.feature-art{min-height:200px;padding:18px}.epb,.etb{gap:6px}.etool{font-size:12.5px;padding:6px 9px}.editor-shortcuts{font-size:11px}.fp{gap:12px}.fp-thumb{width:64px;min-height:84px}}@media (max-width:380px){.auth-name-label,.brand-name{display:none}.tool-title{font-size:22px}}:root{--glow-1:rgba(47,84,255,0.30);--glow-2:rgba(82,113,255,0.22);--glass-edge:rgba(255,255,255,0.55);--glass-edge-soft:rgba(255,255,255,0.25)}.dark{--glow-1:rgba(139,92,246,0.45);--glow-2:rgba(6,182,212,0.38);--glass-edge:rgba(255,255,255,0.10);--glass-edge-soft:rgba(255,255,255,0.04)}.fx-aurora{position:fixed;inset:-25% -12% auto -12%;height:90vh;z-index:-1;pointer-events:none;opacity:.28;background:conic-gradient(from 130deg at 50% 25%,transparent 0,color-mix(in oklab,var(--accent) 55%,transparent) 18%,transparent 38%,color-mix(in oklab,var(--accent-alt) 55%,transparent) 62%,transparent 82%);filter:blur(90px) saturate(135%);animation:aurora-drift 28s ease-in-out infinite alternate;will-change:transform,opacity}.dark .fx-aurora{opacity:.62}@keyframes aurora-drift{0%{transform:translate3d(-4%,0,0) rotate(-6deg) scale(1.05)}50%{transform:translate3d(4%,2%,0) rotate(4deg) scale(1.15)}to{transform:translate3d(-2%,-2%,0) rotate(-2deg) scale(1.08)}}.fx-spotlight{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s ease;background:radial-gradient(560px circle at var(--spot-x,50%) var(--spot-y,28%),color-mix(in oklab,var(--accent) 18%,transparent),transparent 60%)}.fx-spot-on .fx-spotlight{opacity:1}.dark .fx-spotlight{mix-blend-mode:screen}.ambient-glow{opacity:.16}.dark .ambient-glow{opacity:.3}.card,.faq-item,.grid .tile,.popular-grid .pop-card,.ti-card,.trust-item{border:1px solid var(--glass-edge-soft);box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-edge)}.dark .card,.dark .faq-item,.dark .grid .tile,.dark .popular-grid .pop-card,.dark .ti-card,.dark .trust-item{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.dark .card:hover,.dark .grid .tile:hover,.dark .popular-grid .pop-card:hover,.dark .ti-card:hover,.dark .trust-item:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--accent) 45%,transparent);box-shadow:0 24px 50px -18px rgba(0,0,0,.8),0 0 0 1px color-mix(in oklab,var(--accent) 30%,transparent),0 0 44px -10px var(--glow-1)}.grid .tile:hover,.popular-grid .pop-card:hover{transform:translateY(-4px) scale(1.012)}.site-header{backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.dark .site-header{box-shadow:inset 0 -1px 0 var(--glass-edge-soft),0 12px 34px -24px rgba(0,0,0,.9)}.megamenu,.mobile-menu{backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}.modal,.result-modal{box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-edge)}.ask,.btn-primary{background-image:linear-gradient(120deg,var(--accent),var(--accent-alt) 55%,var(--accent));background-size:220% 100%;background-position:0 0;transition:background-position .5s ease,transform .2s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease,filter .2s ease}.ask:hover:not(:disabled),.btn-primary:hover{background-position:100% 0}.dark .ask,.dark .btn-primary{box-shadow:0 8px 24px -6px color-mix(in oklab,var(--accent) 60%,transparent),0 0 28px -8px var(--glow-2)}.dark .ask:hover:not(:disabled),.dark .btn-primary:hover{box-shadow:0 14px 34px -8px color-mix(in oklab,var(--accent) 70%,transparent),0 0 44px -8px var(--glow-2)}.dark .hero-title{filter:drop-shadow(0 0 42px var(--glow-1))}.dark .band h2,.dark .section-center h2,.dark .tool-title{text-shadow:0 0 44px color-mix(in oklab,var(--accent) 26%,transparent)}.feat-ico,.icon-tile,.ti-ico{box-shadow:inset 0 0 0 1px var(--glass-edge-soft),0 6px 16px -8px currentColor;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease}.pop-card:hover .icon-tile,.tile:hover .icon-tile,.trust-item:hover .feat-ico{transform:scale(1.08) rotate(-3deg)}.dark input[type=number],.dark input[type=password],.dark input[type=text],.dark select,.dark textarea{background-color:rgba(255,255,255,.04);border-color:var(--glass-edge)}.dark select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>")}.dark input:focus,.dark select:focus,.dark textarea:focus{background-color:rgba(255,255,255,.06);box-shadow:0 0 0 3px var(--focus-ring),0 0 26px -8px var(--accent)}.dark select option{background:#0f172a;color:var(--text)}.dark .menu-item:hover{background:color-mix(in oklab,var(--accent) 14%,transparent)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.band .section-center,.cta-band,.faq-item,.feature,.home-stats,.how-grid,.howto-steps li,.post-grid,.pricing,.ti-card,.tool-intro,.trust-item{animation:fx-reveal linear both;animation-timeline:view();animation-range:entry 2% cover 22%}}}@keyframes fx-reveal{0%{opacity:0;transform:translateY(34px) scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ambient-glow,.fx-aurora,.fx-spotlight{animation:none}.fx-spotlight{display:none}}@media (pointer:coarse){.fx-spotlight{display:none}}@media (max-width:760px){.ambient-glow,.fx-aurora,.fx-spotlight{display:none}.iso-glass.card-1,.iso-glass.card-2,.iso-glass.card-3{animation:none}.hero-3d-showcase{display:none}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}html.perf-lite .ambient-glow,html.perf-lite .fx-aurora,html.perf-lite .fx-spotlight{display:none!important}html.perf-lite .hero-3d-showcase,html.perf-lite .hero-3d-showcase *,html.perf-lite .iso-glass.card-1,html.perf-lite .iso-glass.card-2,html.perf-lite .iso-glass.card-3{animation:none!important}html.perf-lite *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.crop-stage{display:flex;justify-content:center}.crop-wrap{position:relative;display:inline-block;max-width:100%;-webkit-user-select:none;user-select:none;touch-action:none;line-height:0;box-shadow:0 6px 24px -12px rgba(15,23,42,.4);border-radius:6px;overflow:hidden}.crop-wrap img{display:block;max-width:100%;height:auto}.crop-shade{position:absolute;inset:0;background:rgba(15,23,42,.5);pointer-events:none}.crop-box{box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);cursor:move}.crop-box,.crop-handle{position:absolute;border:2px solid var(--accent)}.crop-handle{width:12px;height:12px;background:#fff;border-radius:3px}.crop-handle.h-nw{top:-7px;left:-7px;cursor:nwse-resize}.crop-handle.h-n{top:-7px;left:50%;transform:translateX(-50%);cursor:ns-resize}.crop-handle.h-ne{top:-7px;right:-7px;cursor:nesw-resize}.crop-handle.h-e{top:50%;right:-7px;transform:translateY(-50%);cursor:ew-resize}.crop-handle.h-se{bottom:-7px;right:-7px;cursor:nwse-resize}.crop-handle.h-s{bottom:-7px;left:50%;transform:translateX(-50%);cursor:ns-resize}.crop-handle.h-sw{bottom:-7px;left:-7px;cursor:nesw-resize}.crop-handle.h-w{top:50%;left:-7px;transform:translateY(-50%);cursor:ew-resize}.pv-card{padding:0;overflow:hidden}.pv-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.pv-file{gap:8px;font-size:13px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-file,.pv-zoom{display:inline-flex;align-items:center}.pv-zoom{gap:6px}.pv-zoom-val{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:48px;text-align:center}.pv-scroll{max-height:75vh;overflow:auto;padding:18px;display:flex;flex-direction:column;align-items:center;gap:18px;background:var(--bg)}.pv-page{position:relative}.pv-page canvas{display:block;max-width:100%;height:auto;box-shadow:0 4px 16px -8px rgba(15,23,42,.4);border-radius:4px;background:#fff}.pv-page-num{position:absolute;bottom:6px;right:8px;font-size:11px;padding:2px 7px;border-radius:999px;background:rgba(15,23,42,.6);color:#fff}.sig-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.sig-tab{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border:1.5px solid var(--border);border-radius:14px;background:var(--panel-2);color:var(--text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.sig-tab:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.sig-tab.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring);background:color-mix(in srgb,var(--accent) 7%,var(--panel-2))}.sig-tab-ico{flex:none;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.sig-tab-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sig-tab-text strong{font-size:15px}.sig-tab-text span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sig-panel{margin-top:4px}.sig-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:12px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2)}.sig-tool-grp{display:inline-flex;align-items:center;gap:9px}.sig-tool-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:2px}.sig-tool-div{width:1px;align-self:stretch;min-height:26px;background:var(--border)}.sig-ink{width:26px;height:26px;border-radius:50%;padding:0;cursor:pointer;border:2px solid var(--panel);box-shadow:0 0 0 1.5px var(--border);transition:transform .12s ease,box-shadow .12s ease}.sig-ink.active,.sig-ink:hover{transform:scale(1.12)}.sig-ink.active{box-shadow:0 0 0 2px var(--accent)}.sig-pen{min-width:38px;height:32px;display:grid;place-items:center;cursor:pointer;border:1.5px solid var(--border);border-radius:9px;background:var(--panel);transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.sig-pen:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.sig-pen.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}.sig-pen-dot{border-radius:50%;display:block}.sig-tool-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:9px;border:1.5px solid var(--border);background:var(--panel);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s ease,color .12s ease}.sig-tool-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sig-tool-btn:disabled{opacity:.5;cursor:default}.sig-tool-end{margin-left:auto}.sig-pad-wrap{position:relative}.sig-pad{width:100%;height:230px;display:block;border:1.5px dashed var(--border);border-radius:16px;background:var(--panel-2);touch-action:none;cursor:crosshair}.sig-pad:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.sig-pad-hint{inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--muted);font-size:15px}.sig-baseline,.sig-pad-hint{position:absolute;pointer-events:none}.sig-baseline{left:32px;right:32px;bottom:54px;border-bottom:1.5px dashed var(--border)}.sig-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:14px;flex-wrap:wrap}.sig-clear{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 20px;border-radius:12px;border:1.5px solid var(--border);background:var(--panel-2);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.sig-clear:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sig-clear:disabled{opacity:.5;cursor:default}.sig-use{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 22px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.sig-use:hover:not(:disabled){filter:brightness(1.08)}.sig-use:disabled{opacity:.5;cursor:default}.sig-use-block{width:100%;margin-top:4px}.sig-type-input{width:100%;font-size:30px;padding:24px 20px;text-align:center}.sig-fonts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.sig-font{padding:16px 10px;border:1.5px solid var(--border);border-radius:12px;background:var(--panel-2);color:var(--text);font-size:24px;line-height:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .15s ease,box-shadow .15s ease}.sig-font.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}.sig-upload{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:100%;padding:44px 20px;border:1.5px dashed var(--border);border-radius:16px;background:var(--panel-2);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.sig-upload:hover{border-color:var(--accent);background:var(--panel)}.sig-upload strong{font-size:15px}@media (max-width:560px){.sig-fonts{grid-template-columns:1fr}.sig-type-input{font-size:24px}.sig-tabs{grid-template-columns:1fr}.sig-tab-text span{white-space:normal}}.sig-preview{margin-top:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--panel-2)}.sig-preview-text{display:flex;flex-direction:column;gap:2px}.sig-preview-text strong{font-size:14px}.sig-preview .sig-clear{margin-left:auto}.sig-preview img{max-height:60px;max-width:240px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:4px}.sig-drop{position:absolute;cursor:move;border:1px dashed var(--accent)}.sig-drop img{display:block;width:100%;height:auto;pointer-events:none}.sig-resize{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;background:#fff;border:2px solid var(--accent);border-radius:3px;cursor:nwse-resize}.redact-wrap{cursor:crosshair}.redact-box{position:absolute;background:#000}.redact-box.temp{background:rgba(0,0,0,.55);outline:1px solid #fff}.redact-del{position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:999px;background:#dc2626;color:#fff;border:none;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.ff-fields{gap:14px}.ff-field,.ff-fields{display:flex;flex-direction:column}.ff-field{gap:6px}.ff-field .label{margin:0;word-break:break-word}.rm-next{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg)}.rm-next-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.rm-next-row{display:flex;gap:8px;flex-wrap:wrap}.rm-next-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--panel);font-size:13px;font-weight:600;color:var(--text);text-decoration:none;transition:border-color .15s ease,transform .12s ease}.rm-next-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.pwa-toast{position:fixed;z-index:1000;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(440px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--glass-edge);background:var(--panel);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--shadow-lg);animation:pwa-toast-in .32s cubic-bezier(.16,1,.3,1) both}@keyframes pwa-toast-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.perf-lite .pwa-toast{animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--panel-2)}.pwa-toast-icon{display:inline-flex;flex:none}.pwa-toast-text{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.3}.pwa-toast-text strong{font-size:13.5px;font-weight:700;color:var(--text)}.pwa-toast-text span{font-size:12.5px;color:var(--muted,#64748b)}.pwa-toast-cta{flex:none;padding:8px 16px;font-size:13px}.pwa-toast-close{flex:none;margin-left:-2px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--muted,#64748b);font-size:14px;border-radius:8px;transition:background .15s ease,color .15s ease}.pwa-toast-close:hover{background:var(--panel-2);color:var(--text)}@media (max-width:420px){.pwa-toast-text strong{font-size:13px}.pwa-toast-cta{padding:8px 13px}}.recent-wrap{margin-top:40px}.recent-signin{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 22px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm)}.recent-signin-ico{flex:none;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.recent-signin-text{flex:1 1 240px;min-width:0}.recent-signin-text .recent-title{font-size:clamp(17px,2.4vw,20px)}.recent-signin-btn{flex:none}@media (max-width:600px){.recent-signin{align-items:flex-start;gap:14px;padding:18px}.recent-signin-text{flex:1 1 200px}.recent-signin-ico{width:40px;height:40px}.recent-signin-btn{flex:1 1 100%;width:100%;justify-content:center}}.recent-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.recent-title{font-size:clamp(20px,3vw,26px);margin:0}.recent-sub{margin:4px 0 0;font-size:13.5px;color:var(--muted)}.recent-seeall{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.recent-seeall:hover{text-decoration:underline}.recent-clear{flex:none;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;padding:7px 14px;border-radius:999px;transition:color .15s ease,border-color .15s ease}.recent-clear:hover{color:var(--text);border-color:var(--accent)}.recent-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.recent-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm);overflow:hidden;text-decoration:none;transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease}.recent-card:hover{transform:translateY(-2px);border-color:var(--tint);box-shadow:var(--shadow-md)}.recent-card-link{cursor:pointer}.recent-ico{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center}.recent-name{font-size:14px;font-weight:650;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.recent-meta{font-size:12px;color:var(--muted);margin-top:-2px}.recent-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px;align-items:flex-start}.recent-open{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:650;color:var(--tint)}.recent-card:hover .recent-open{gap:8px}.recent-dl{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:9px;transition:color .15s ease,border-color .15s ease}.recent-dl:hover{color:var(--text);border-color:var(--accent)}.recent-dl:disabled{opacity:.6;cursor:default}.recent-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);font-size:12px;border-radius:7px;cursor:pointer;opacity:0;z-index:1;transition:opacity .15s ease,background .15s ease,color .15s ease}.recent-card:hover .recent-remove{opacity:1}.recent-remove:hover{background:var(--panel-2);color:var(--text)}@media (hover:none){.recent-remove{opacity:.7}}.recent-pin{position:absolute;top:8px;right:36px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);border-radius:7px;cursor:pointer;opacity:0;z-index:1;transition:opacity .15s ease,background .15s ease,color .15s ease}.recent-card:hover .recent-pin{opacity:1}.recent-pin:hover{background:var(--panel-2);color:var(--text)}.recent-pin.pinned{opacity:1;color:var(--accent)}.recent-pin.pinned svg{fill:currentColor}@media (hover:none){.recent-pin{opacity:.7}}.recent-page{padding-top:32px;padding-bottom:64px;min-height:60vh}.recent-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:10px 0 24px}.recent-page-title{font-size:clamp(26px,4vw,36px);margin:0}.recent-page-sub{margin:8px 0 0;max-width:60ch;color:var(--muted);font-size:14.5px;line-height:1.5}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.recent-state{color:var(--muted);padding:40px 0}.recent-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:56px 20px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--panel)}.recent-empty-ico{width:64px;height:64px;border-radius:18px;margin-bottom:6px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.recent-empty h2{margin:0;font-size:20px}.recent-empty p{margin:0 0 12px;color:var(--muted);max-width:44ch}.cmdk-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(2,6,23,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:cmdk-fade .12s ease-out}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}.cmdk{width:100%;max-width:580px;background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px -12px rgba(2,6,23,.45),var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;animation:cmdk-pop .14s ease-out}@keyframes cmdk-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}.cmdk-inputrow{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border);color:var(--muted)}.cmdk-inputrow .cmdk-input,.cmdk-inputrow .cmdk-input:focus{flex:1 1;width:auto;border:0;outline:0;box-shadow:none;border-radius:0;padding:0;background:transparent;color:var(--text);font:inherit;font-size:16px}.cmdk-input::placeholder{color:var(--muted);opacity:.7}.cmdk-kbd{font-size:11px;padding:2px 7px;border:1px solid var(--border);border-radius:6px;color:var(--muted);background:var(--panel-2)}.cmdk-list{max-height:min(420px,52vh);overflow-y:auto;padding:8px}.cmdk-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}.cmdk-item.active{background:color-mix(in oklab,var(--accent) 8%,var(--panel-2))}.cmdk-item.active .cmdk-item-title{color:var(--accent)}.cmdk-item-text{flex:1 1;min-width:0;display:flex;flex-direction:column}.cmdk-item-title{font-weight:600;font-size:14px}.cmdk-item-desc{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-cat{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;flex-shrink:0}.rm-text{width:100%;margin:0;padding:16px 18px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;color:var(--text);white-space:pre-wrap;word-break:break-word;text-align:left}.cmdk-empty{padding:24px;text-align:center;color:var(--muted);font-size:14px}.nav-search{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);padding:6px 12px;cursor:pointer;font:inherit;font-size:13px}.nav-search:hover{color:var(--text);border-color:var(--accent)}.nav-search .cmdk-kbd{padding:1px 5px}@media (max-width:820px){.nav-search .cmdk-kbd,.nav-search .nav-search-label{display:none}.nav-search{width:40px;height:40px;padding:0;justify-content:center;gap:0;border-radius:10px;background:var(--panel);color:var(--text)}.nav-search svg{width:18px;height:18px}}.fc-stage{perspective:1400px;margin-top:14px;cursor:pointer;outline-offset:4px}.fc-card{position:relative;min-height:300px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.2,.2,1)}.fc-card.flipped{transform:rotateY(180deg)}.fc-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 44px 40px;border-radius:20px;text-align:center;overflow-y:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}.fc-front{background:radial-gradient(circle at 12% -20%,color-mix(in oklab,var(--tint) 14%,transparent),transparent 55%),linear-gradient(160deg,color-mix(in oklab,var(--tint) 4%,var(--bg)),color-mix(in oklab,var(--tint) 11%,var(--bg)));border:1px solid color-mix(in oklab,var(--tint) 28%,var(--border));box-shadow:var(--shadow-md);color:var(--text)}.fc-back{transform:rotateY(180deg);background:radial-gradient(circle at 88% 120%,rgba(255,255,255,.18),transparent 55%),linear-gradient(160deg,var(--tint),color-mix(in oklab,var(--tint) 62%,#1e1b4b));box-shadow:var(--shadow-lg);color:#fff}.fc-tag{position:absolute;top:16px;left:18px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:color-mix(in oklab,var(--tint) 14%,transparent);color:var(--tint)}.fc-back .fc-tag{background:rgba(255,255,255,.2);color:#fff}.fc-text{font-size:21px;font-weight:600;line-height:1.5;max-width:42ch}.fc-flip-hint{position:absolute;bottom:14px;left:0;right:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:500;color:var(--muted)}.fc-back .fc-flip-hint{color:rgba(255,255,255,.75)}.fc-progress{height:5px;margin-top:18px;border-radius:999px;background:var(--panel-2);overflow:hidden}.fc-progress-fill{display:block;height:100%;border-radius:999px;background:var(--tint);transition:width .3s ease}.fc-nav{display:flex;gap:18px;margin-top:14px}.fc-nav,.fc-nav-btn{align-items:center;justify-content:center}.fc-nav-btn{display:inline-flex;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .15s,color .15s,transform .15s}.fc-nav-btn:hover:not(:disabled){border-color:var(--tint);color:var(--tint);transform:translateY(-1px)}.fc-nav-btn:disabled{opacity:.4;cursor:default}.fc-counter{font-size:15px;font-weight:700;min-width:64px;text-align:center}.fc-counter em{font-style:normal;font-weight:500;color:var(--muted)}@media (max-width:640px){.fc-card{min-height:260px}.fc-face{padding:44px 24px 38px}.fc-text{font-size:18px}}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:14px}.field{display:flex;flex-direction:column;gap:6px}.flabel{font-size:12.5px;font-weight:600;color:var(--muted)}.num-input{width:100%;max-width:190px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px 14px;font-size:15px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.field-suffix{font-size:13px;color:var(--muted)}.stat-chip{font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:4px 10px;white-space:nowrap}.text-output{width:100%;box-sizing:border-box;min-height:320px;resize:vertical;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.65}.recent-cta{border-style:dashed;align-items:flex-start;cursor:default}.recent-cta-ico{background:color-mix(in oklab,var(--accent) 10%,var(--panel-2));color:var(--accent)}.recent-cta .recent-meta{white-space:normal;line-height:1.5}.recent-cta-btn{font-size:13px;padding:8px 14px}.ad-slot{display:block;width:100%;margin:24px 0;text-align:center;overflow:hidden}.ad-label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.6;margin-bottom:6px}.ad-placeholder{min-height:90px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);opacity:.5;border:1px dashed var(--border);border-radius:var(--radius)}