/* InstantWordCount.com — main.css */
:root{
  --br:#4e67ff;--brd:#3e56e2;--brl:rgba(78,103,255,.12);--brx:rgba(78,103,255,.08);--brg:rgba(78,103,255,.16);
  --ink:#16233a;--i2:#40506a;--i3:#66758d;--i4:#8c98ab;--i5:#bcc7d6;
  --bd:rgba(132,149,176,.24);--bd2:rgba(132,149,176,.12);
  --bg:#eef4fb;--wh:#ffffff;--s2:#f5f8fc;--s3:#dbe5f0;
  --gn:#19b97d;--gnb:rgba(25,185,125,.12);--gni:#12754f;
  --am:#e49a22;--amb:rgba(228,154,34,.14);--ami:#9f6200;
  --rd:#df5968;--rdb:rgba(223,89,104,.14);--rdi:#9f2f3c;
  --pu:#7d62ff;--pub:rgba(125,98,255,.12);--pui:#5336d2;
  --fd:'Cabinet Grotesk',system-ui,sans-serif;
  --fb:'Instrument Sans',system-ui,sans-serif;
  --fm:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --r:12px;--r2:16px;--r3:22px;--r4:30px;--pill:999px;
}
[data-dark]{
  --br:#83a7ff;--brd:#658de9;--brl:rgba(131,167,255,.16);--brx:rgba(131,167,255,.09);--brg:rgba(131,167,255,.16);
  --ink:#f7fbff;--i2:#d3deec;--i3:#9fb4c9;--i4:#7191ae;--i5:#38536f;
  --bd:rgba(166,197,223,.18);--bd2:rgba(166,197,223,.1);
  --bg:#173d61;--wh:#0f2238;--s2:#142b45;--s3:#193550;
  --gn:#24d49a;--gnb:rgba(36,212,154,.13);--gni:#9af3d4;
  --am:#ffba4a;--amb:rgba(255,186,74,.14);--ami:#ffd99b;
  --rd:#ff6b78;--rdb:rgba(255,107,120,.14);--rdi:#ffb4bc;
  --pu:#9d7dff;--pub:rgba(157,125,255,.14);--pui:#d5c7ff;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:light;scroll-behavior:smooth}[data-dark]{color-scheme:dark}
body{font-family:var(--fb);background:linear-gradient(180deg,#f7fbff 0%,#edf3fa 38%,#e6eef8 100%);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .25s,color .2s}
[data-dark] body{background:linear-gradient(180deg,#204f79 0%,#173d61 24%,#10263d 100%)}
html{overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}
::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--bd);border-radius:var(--pill)}
:focus-visible{outline:2px solid var(--br);outline-offset:3px;border-radius:3px}
.con{max-width:1300px;margin:0 auto;padding:0 1.5rem}.sec{padding:5rem 0}
.d1{font-family:var(--fd);font-size:clamp(2.6rem,5.5vw,5rem);font-weight:900;line-height:.93;letter-spacing:-.04em}
.d2{font-family:var(--fd);font-size:clamp(1.9rem,4vw,3.4rem);font-weight:800;line-height:1.05;letter-spacing:-.03em}
.d3{font-family:var(--fd);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:800;letter-spacing:-.02em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:.72rem 1.15rem;border-radius:16px;font-size:.875rem;font-weight:800;cursor:pointer;border:1px solid transparent;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease);white-space:nowrap;user-select:none;line-height:1;box-shadow:0 10px 22px rgba(15,23,42,.06)}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.99)}
.btn-p{background:linear-gradient(180deg,#2ee6ac 0%,#12bd85 100%);border-color:rgba(18,182,127,.24);color:#062018;box-shadow:0 16px 34px rgba(18,182,127,.24)}.btn-p:hover{background:linear-gradient(180deg,#41efb8 0%,#19cb91 100%);box-shadow:0 20px 38px rgba(18,182,127,.3)}
.btn-g{background:rgba(255,255,255,.88);border:1px solid rgba(132,149,176,.24);color:var(--ink)}.btn-g:hover{border-color:rgba(78,103,255,.28);background:#fff;box-shadow:0 14px 26px rgba(78,103,255,.1)}
[data-dark] .btn-g{background:rgba(255,255,255,.04);color:var(--ink)}
[data-dark] .btn-g:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08)}
.btn-sm{min-height:34px;padding:.38rem .78rem;border-radius:12px;font-size:.76rem}.btn-full{width:100%;justify-content:center}
.badge{display:inline-flex;align-items:center;padding:.24rem .7rem;border-radius:var(--pill);font-size:.73rem;font-weight:600;background:rgba(255,255,255,.82);border:1px solid var(--bd);color:var(--i2)}
[data-dark] .badge{background:rgba(255,255,255,.05)}
.bdg-g{background:var(--gnb);border:none;color:var(--gni)}.bdg-b{background:var(--brl);border:none;color:var(--br)}.bdg-p{background:var(--pub);border:none;color:var(--pui)}
.eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--brl);color:var(--br);padding:.3rem .9rem;border-radius:var(--pill);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--br);animation:blink 2s infinite;flex-shrink:0}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.55)}}
.panel{background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(247,250,255,.98) 100%);border:1px solid var(--bd);border-radius:var(--r3);overflow:hidden;transition:background .25s,border-color .25s;box-shadow:0 18px 36px rgba(15,23,42,.06)}
[data-dark] .panel{background:linear-gradient(180deg,rgba(14,31,51,.96) 0%,rgba(10,25,42,.98) 100%);box-shadow:0 22px 48px rgba(5,16,29,.18)}
.ph{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--bd2);background:rgba(255,255,255,.66)}
[data-dark] .ph{background:rgba(255,255,255,.02)}
.pt{font-family:var(--fd);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);display:flex;align-items:center;gap:6px}
.pd{width:6px;height:6px;border-radius:50%;background:var(--br);flex-shrink:0}.pb{padding:1rem}
/* NAV */
#nav{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(132,149,176,.16);transition:box-shadow .2s,background .25s}
[data-dark] #nav{background:rgba(8,20,34,.7);border-bottom-color:rgba(255,255,255,.06)}
#nav.scrolled{box-shadow:0 2px 12px rgba(15,23,42,.05)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px;gap:1rem}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:900;font-size:1.05rem;letter-spacing:-.03em;color:var(--ink);cursor:pointer;user-select:none;flex-shrink:0;text-decoration:none}
[data-dark] .logo{color:#fff}
.lm{width:36px;height:36px;border-radius:12px;background:linear-gradient(180deg,#3f5dff 0%,#566ee8 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(63,93,255,.26)}
.lm::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 55%)}
.lm:empty::before{content:"";position:relative;z-index:1;width:18px;height:15px;background:linear-gradient(#fff,#fff) 0 0/18px 2.5px no-repeat,linear-gradient(rgba(255,255,255,.85),rgba(255,255,255,.85)) 0 6px/12px 2.5px no-repeat,linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)) 0 12px/15px 2.5px no-repeat;border-radius:2px}
.lm svg{position:relative;z-index:1}.logo-b{color:var(--br)}
.nav-lks{display:flex;align-items:center;gap:.1rem;flex:1;justify-content:center}
.nav-a{padding:.42rem .9rem;border-radius:var(--r);font-size:.875rem;font-weight:500;color:var(--i2);text-decoration:none;transition:all .15s;display:inline-block}
.nav-a:hover{background:rgba(78,103,255,.08);color:var(--ink)}.nav-a.on{background:rgba(78,103,255,.1);color:var(--br);font-weight:600}
[data-dark] .nav-a{color:rgba(255,255,255,.78)}
[data-dark] .nav-a:hover{background:rgba(255,255,255,.06);color:#fff}
[data-dark] .nav-a.on{background:rgba(255,255,255,.08);color:#fff}
.nav-r{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
#dm-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--bd);background:rgba(255,255,255,.76);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--i2);transition:all .2s;flex-shrink:0}
#dm-btn:hover{border-color:rgba(78,103,255,.24);color:var(--ink);background:#fff}
[data-dark] #dm-btn{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(255,255,255,.8)}
[data-dark] #dm-btn:hover{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08)}
.theme{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--bd);background:rgba(255,255,255,.76);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--i2);transition:transform .2s,border-color .2s,color .2s,background .2s,box-shadow .2s;flex-shrink:0}
.theme:hover{transform:translateY(-1px);border-color:rgba(78,103,255,.24);color:var(--ink);background:#fff;box-shadow:0 12px 26px rgba(40,54,92,.09)}
.theme svg,.theme-toggle-icon{width:16px;height:16px;display:block;pointer-events:none}
[data-dark] .theme{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(255,255,255,.8)}
[data-dark] .theme:hover{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08);box-shadow:0 12px 26px rgba(0,0,0,.22)}
.hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border:none;background:none;border-radius:var(--r)}
.hbg span{width:22px;height:2px;background:var(--ink);border-radius:2px;display:block;transition:all .2s}
/* MOBILE DRAWER */
.mob-ov{display:none;position:fixed;inset:0;z-index:1000;background:rgba(11,12,21,.55);backdrop-filter:blur(4px)}
.mob-ov.open{display:block}
.mob-panel{position:absolute;right:0;top:0;bottom:0;width:285px;background:var(--wh);padding:1.5rem;display:flex;flex-direction:column;box-shadow:-16px 0 48px rgba(0,0,0,.15);overflow-y:auto;transition:background .25s}
.mob-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
.mob-x{width:36px;height:36px;border-radius:var(--r);background:var(--s2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--i3)}
.mob-nav{display:flex;flex-direction:column;gap:3px}
.mob-a{display:block;padding:.7rem .9rem;border-radius:var(--r);font-size:.9rem;font-weight:600;color:var(--i2);text-decoration:none;transition:all .15s}
.mob-a:hover{background:var(--s2);color:var(--ink)}.mob-a.on{background:var(--brl);color:var(--br)}
.mob-sep{height:1px;background:var(--bd2);margin:.6rem 0}
.mob-sec{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--i4);padding:.4rem .9rem .2rem}
/* COOKIE */
#ck{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);width:min(740px,calc(100% - 2rem));background:#0b0c15;color:#fff;border-radius:var(--r4);padding:1rem 1.4rem;display:flex;align-items:center;gap:1.25rem;z-index:9999;box-shadow:0 20px 60px rgba(0,0,0,.3);transition:opacity .4s,transform .4s}
#ck.gone{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(24px)}
#ck p{font-size:.82rem;color:rgba(255,255,255,.72);flex:1;line-height:1.5}
#ck strong{color:#fff}#ck a{color:#fff;text-decoration:underline}
.ck-btns{display:flex;gap:.5rem;flex-shrink:0}
#ck-y{background:var(--br);color:#fff;padding:.44rem 1rem;border-radius:var(--r);font-size:.8rem;font-weight:600;cursor:pointer;border:none;font-family:inherit}
#ck-y:hover{background:var(--brd)}
#ck-n{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);padding:.44rem 1rem;border-radius:var(--r);font-size:.8rem;font-weight:600;cursor:pointer;border:none;font-family:inherit}
/* TOAST */
#toast{position:fixed;bottom:5.5rem;right:1.5rem;z-index:9998;background:#0b0c15;color:#fff;padding:.7rem 1.1rem;border-radius:var(--r2);font-size:.83rem;font-weight:500;box-shadow:0 8px 28px rgba(0,0,0,.25);transform:translateY(calc(100% + 2rem));opacity:0;transition:all .3s var(--ease);pointer-events:none;max-width:280px}
#toast.show{transform:translateY(0);opacity:1}
/* BTT */
#btt{position:fixed;bottom:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:var(--br);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px var(--brg);opacity:0;transform:translateY(10px);transition:all .3s var(--ease);pointer-events:none;z-index:900}
#btt.show{opacity:1;transform:translateY(0);pointer-events:auto}
/* HERO */
.hero{padding:2rem 0 2.8rem;border-bottom:none}
.hero-in{max-width:none}
.hero-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:1.6rem;align-items:stretch;padding:2rem 2.1rem;border-radius:34px;background:
radial-gradient(circle at 18% 22%,rgba(78,103,255,.08),transparent 24%),
radial-gradient(circle at 84% 28%,rgba(25,185,125,.12),transparent 18%),
radial-gradient(circle at 70% 78%,rgba(96,132,255,.1),transparent 22%),
linear-gradient(135deg,#ffffff 0%,#f5f8fd 44%,#ecf3fb 100%);
border:1px solid rgba(132,149,176,.18);box-shadow:0 26px 60px rgba(15,23,42,.08);position:relative;overflow:hidden}
[data-dark] .hero-split{background:
radial-gradient(circle at 18% 22%,rgba(255,255,255,.08),transparent 24%),
radial-gradient(circle at 84% 28%,rgba(24,201,141,.14),transparent 18%),
radial-gradient(circle at 70% 78%,rgba(84,132,255,.12),transparent 22%),
linear-gradient(135deg,#0d1a2f 0%,#0f2340 44%,#0d3351 100%);
border-color:rgba(255,255,255,.08);box-shadow:0 26px 70px rgba(5,16,29,.32)}
.hero-split::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 22%,rgba(255,255,255,.03) 58%,transparent 84%);pointer-events:none}
.hero-main{max-width:720px;padding:1.2rem 0;position:relative;z-index:1}
.hero-rail{display:flex;align-items:stretch}
.hero-visual{position:relative;min-height:240px;border-radius:28px;background:linear-gradient(135deg,rgba(78,103,255,.08) 0%,rgba(25,185,125,.08) 100%);border:1px solid rgba(132,149,176,.16);padding:1.1rem;overflow:hidden;margin-bottom:1rem}
[data-dark] .hero-visual{background:linear-gradient(135deg,rgba(131,167,255,.08) 0%,rgba(36,212,154,.08) 100%);border-color:rgba(255,255,255,.08)}
.hero-orbit{position:absolute;border-radius:50%;filter:blur(2px);opacity:.8}
.hero-orbit-a{width:170px;height:170px;right:-35px;top:-32px;background:radial-gradient(circle,rgba(78,103,255,.22),transparent 68%)}
.hero-orbit-b{width:210px;height:210px;left:-72px;bottom:-88px;background:radial-gradient(circle,rgba(25,185,125,.18),transparent 70%)}
.hero-visual-card{position:relative;z-index:1;border-radius:22px;border:1px solid rgba(132,149,176,.16);background:rgba(255,255,255,.82);backdrop-filter:blur(10px)}
[data-dark] .hero-visual-card{background:rgba(15,23,42,.72);border-color:rgba(255,255,255,.08)}
.hero-visual-main{padding:1rem 1rem .9rem;max-width:320px}
.hero-visual-side{position:absolute;right:1rem;bottom:1rem;padding:.8rem;display:grid;gap:.5rem;min-width:140px}
.hero-visual-top{display:flex;align-items:center;gap:.35rem;margin-bottom:.85rem}
.hero-visual-top span{width:8px;height:8px;border-radius:50%;background:#d1dae6}
.hero-visual-top span:first-child{background:#ff8b3d}
.hero-visual-top span:nth-child(2){background:#ffc737}
.hero-visual-top span:nth-child(3){background:#2fd692}
.hero-visual-top strong{margin-left:.28rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--i3)}
.hero-visual-line{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--brl),rgba(132,149,176,.18))}
.hero-visual-line + .hero-visual-line{margin-top:.5rem}
.hero-visual-line.lg{width:100%}.hero-visual-line.md{width:82%}.hero-visual-line.sm{width:64%}
.hero-visual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem}
.hero-visual-stats div{padding:.65rem .55rem;border-radius:16px;background:var(--s2);text-align:center}
.hero-visual-stats b{display:block;font-family:var(--fd);font-size:.95rem;color:var(--ink);line-height:1;margin-bottom:.18rem}
.hero-visual-stats span{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--i4)}
.hero-chip{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .68rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.chip-green{background:rgba(25,185,125,.14);color:var(--gni)}
.chip-blue{background:var(--brl);color:var(--br)}
.chip-violet{background:var(--pub);color:var(--pui)}
.chip-gold{background:var(--amb);color:var(--ami)}
.hero-eyebrow{margin-bottom:1rem}
.hero-title{margin-bottom:1rem;color:var(--ink);font-size:clamp(3rem,5vw,5.2rem);line-height:.94;max-width:720px}
.hero-lead{font-size:1.06rem;color:var(--i2);max-width:640px;line-height:1.75;margin-bottom:1.2rem}
[data-dark] .hero-title{color:#fff}
[data-dark] .hero-lead{color:rgba(240,247,255,.84)}
.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.15rem}
.hero-badges{display:flex;gap:.55rem;flex-wrap:wrap}
.hero-preview{background:rgba(255,255,255,.84);backdrop-filter:blur(10px);border:1px solid rgba(132,149,176,.18);border-radius:28px;padding:1.1rem;display:flex;flex-direction:column;gap:1rem;width:100%;position:relative;z-index:1;box-shadow:0 18px 36px rgba(15,23,42,.08)}
[data-dark] .hero-preview{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:0 24px 48px rgba(5,16,29,.22)}
.hero-preview-top{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.hero-dot{width:9px;height:9px;border-radius:50%;background:var(--bd)}
.hero-dot:first-child{background:#f97316}.hero-dot:nth-child(2){background:#fbbf24}.hero-dot:nth-child(3){background:#10b981}
.hero-preview-label{margin-left:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--i3)}
[data-dark] .hero-preview-label{color:rgba(255,255,255,.6)}
.hero-preview-body{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.hero-preview-stat{padding:.95rem;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(132,149,176,.16)}
.hero-preview-stat strong{display:block;font-family:var(--fd);font-size:1.35rem;color:var(--ink);line-height:1;margin-bottom:.22rem}
.hero-preview-stat span{font-size:.74rem;color:var(--i3);text-transform:uppercase;letter-spacing:.06em}
[data-dark] .hero-preview-stat{background:rgba(8,18,31,.32);border-color:rgba(255,255,255,.08)}
[data-dark] .hero-preview-stat strong{color:#fff}
[data-dark] .hero-preview-stat span{color:rgba(255,255,255,.6)}
.hero-preview-flow{display:grid;gap:.6rem}
.hero-step{display:flex;gap:.8rem;align-items:flex-start;padding:.75rem .8rem;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(132,149,176,.16)}
.hero-step span{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--br);color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}
.hero-step strong{display:block;font-size:.9rem;color:var(--ink);margin-bottom:.12rem}
.hero-step p{font-size:.76rem;color:var(--i3)}
[data-dark] .hero-step{background:rgba(8,18,31,.28);border-color:rgba(255,255,255,.08)}
[data-dark] .hero-step strong{color:#fff}
[data-dark] .hero-step p{color:rgba(255,255,255,.64)}
.workspace-shell{position:relative}
.workspace-shell{padding-bottom:4rem}
.workspace-shell::before{display:none}
/* HOW GRID */
.how-w{background:transparent;border-top:none;border-bottom:none;padding:2.5rem 0;transition:background .25s}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}
.how-card{background:rgba(255,255,255,.74);border:1px solid rgba(132,149,176,.16);border-radius:24px;padding:1.2rem;transition:all .2s var(--ease);backdrop-filter:blur(8px)}
.how-card:hover{border-color:rgba(78,103,255,.18);transform:translateY(-2px)}
[data-dark] .how-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09)}
[data-dark] .how-card:hover{border-color:rgba(255,255,255,.18)}
.how-num{font-family:var(--fd);font-size:2.5rem;font-weight:900;color:var(--br);opacity:.55;line-height:1;margin-bottom:.5rem}
.how-card h3{font-family:var(--fd);font-size:.9rem;font-weight:800;color:var(--ink);margin-bottom:.3rem}
.how-card p{font-size:.78rem;color:var(--i2);line-height:1.55}
[data-dark] .how-card h3{color:#fff}
[data-dark] .how-card p{color:rgba(240,247,255,.7)}
/* STAT CARDS */
.stat-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:.9rem}
.sc{background:rgba(255,255,255,.82);border:1px solid rgba(132,149,176,.16);border-radius:22px;padding:1.05rem .78rem .88rem;text-align:center;position:relative;overflow:hidden;transition:all .2s var(--ease);cursor:default;backdrop-filter:blur(9px)}
[data-dark] .sc{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.sc::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--br);transform:scaleX(0);transition:transform .3s var(--ease);transform-origin:left}
.sc:hover{border-color:var(--br);transform:translateY(-2px)}.sc:hover::before{transform:scaleX(1)}
.sc.prim{background:linear-gradient(180deg,#2de6aa 0%,#18c98d 100%);border-color:rgba(36,212,154,.2)}.sc.prim::before{display:none}
.sc-v{font-family:var(--fd);font-size:1.7rem;font-weight:900;color:#fff;line-height:1;margin-bottom:.25rem}
.sc.prim .sc-v{color:#082316}.sc-l{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--i4)}
.sc.prim .sc-l{color:rgba(8,35,22,.72)}
@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.14)}100%{transform:scale(1)}}
.popping{animation:pop .24s var(--ease)}
/* APP LAYOUT */
.app-grid{display:grid;grid-template-columns:1fr 308px;gap:1.25rem;align-items:start;padding-bottom:5rem}
/* EDITOR CONTROLS - TIER 1 */
.ec-bar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--bd2);background:rgba(255,255,255,.02);flex-wrap:wrap}
.ec-grp{display:flex;align-items:center;gap:.5rem}
.ec-lbl{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--i4);white-space:nowrap}
.ec-sl{width:64px;height:4px;-webkit-appearance:none;appearance:none;background:var(--bd);border-radius:var(--pill);outline:none;cursor:pointer}
.ec-sl::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--br);cursor:pointer;border:2px solid var(--wh);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.ec-sl::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--br);border:2px solid var(--wh)}
.ec-v{font-family:var(--fm);font-size:.7rem;color:var(--i3);min-width:22px}
.ec-cks{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-left:auto}
.ec-ck{display:flex;align-items:center;gap:5px;font-size:.74rem;color:var(--i2);cursor:pointer;user-select:none}
.ec-ck input{width:14px;height:14px;cursor:pointer;accent-color:var(--br)}
/* EDITOR SHELL */
.ed-shell{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,250,255,.98) 100%);border:1px solid var(--bd);border-radius:28px;overflow:hidden;transition:background .25s,border-color .25s;box-shadow:0 26px 54px rgba(15,23,42,.08)}
[data-dark] .ed-shell{background:linear-gradient(180deg,rgba(14,31,51,.96) 0%,rgba(10,25,42,.98) 100%);box-shadow:0 26px 54px rgba(5,16,29,.24)}
.tb-bar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--bd2);background:rgba(255,255,255,.66);gap:.5rem;flex-wrap:wrap}
[data-dark] .tb-bar{background:rgba(255,255,255,.02)}
.tg{display:flex;align-items:center;gap:.2rem;flex-wrap:wrap}
.tb{display:inline-flex;align-items:center;gap:4px;padding:.4rem .72rem;border-radius:999px;font-size:.72rem;font-weight:600;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--i3);transition:all .15s}
.tb:hover{background:rgba(78,103,255,.08);border-color:var(--bd);color:var(--ink)}
[data-dark] .tb:hover{background:rgba(255,255,255,.08);color:#fff}
.tb svg{width:12px;height:12px;flex-shrink:0}.tdiv{width:1px;height:18px;background:var(--bd);margin:0 .1rem}
.ed-area{position:relative}
#editor{width:100%;min-height:360px;max-height:720px;padding:1.7rem;border:none;outline:none;font-family:var(--fb);font-size:1rem;line-height:1.82;color:var(--ink);background:transparent;resize:vertical;position:relative;z-index:1;transition:color .2s}
#editor::placeholder{color:var(--i4)}
#hl-lay{position:absolute;inset:0;padding:1.5rem;font-family:var(--fb);font-size:1rem;line-height:1.8;color:transparent;white-space:pre-wrap;word-wrap:break-word;overflow:hidden;pointer-events:none;z-index:0}
#hl-lay mark.mf{background:rgba(245,158,11,.32);color:transparent;border-radius:2px}
#hl-lay mark.mp{background:rgba(139,92,246,.25);color:transparent;border-radius:2px}
#hl-lay mark.mt{background:rgba(0,184,122,.22);color:transparent;border-radius:2px}
#hl-lay mark.mc{background:rgba(239,68,68,.25);color:transparent;border-radius:2px;border-bottom:2px solid var(--rd)}
#dd-ov{position:absolute;inset:0;background:rgba(26,26,255,.07);border:3px dashed var(--br);border-radius:var(--r4);display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}
#dd-ov.active{opacity:1;pointer-events:auto}
#dd-ov p{font-family:var(--fd);font-size:1.1rem;font-weight:800;color:var(--br);text-align:center}
.editor-kicker{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;background:var(--brl);color:var(--br);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem}
.editor-starter-copy h3{font-family:var(--fd);font-size:1.18rem;line-height:1.08;color:var(--ink);margin-bottom:.35rem}
.editor-starter-copy p{font-size:.84rem;color:var(--i2);line-height:1.62}
[data-dark] .editor-starter-copy h3{color:#fff}
[data-dark] .editor-starter-copy p{color:rgba(240,247,255,.72)}
.editor-starter-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.95rem}
.starter-btn{display:inline-flex;align-items:center;justify-content:center;padding:.56rem .82rem;border-radius:999px;border:1px solid rgba(132,149,176,.18);background:var(--s2);font-size:.75rem;font-weight:700;color:var(--i2);cursor:pointer;transition:all .15s var(--ease)}
.starter-btn:hover{background:var(--brl);border-color:var(--br);color:var(--br)}
.starter-btn-strong{background:linear-gradient(180deg,#2de6aa 0%,#18c98d 100%);border-color:rgba(36,212,154,.26);color:#082316;box-shadow:0 10px 18px rgba(18,182,127,.18)}
.starter-btn-strong:hover{background:linear-gradient(180deg,#35ebb0 0%,#1dd193 100%);color:#082316}
[data-dark] .starter-btn{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.84)}
[data-dark] .starter-btn:hover{background:rgba(131,167,255,.12);border-color:rgba(131,167,255,.28);color:#fff}
.editor-starter-mini{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}
.starter-mini-link{display:inline-flex;align-items:center;padding:.34rem .58rem;border-radius:12px;background:rgba(255,255,255,.65);border:1px solid var(--bd2);font-size:.72rem;font-weight:700;color:var(--i3);transition:all .15s var(--ease)}
.starter-mini-link:hover{border-color:var(--br);color:var(--br);background:#fff}
[data-dark] .starter-mini-link{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.68)}
[data-dark] .starter-mini-link:hover{background:rgba(255,255,255,.08);color:#fff}
.workspace-helper-strip{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.9rem;padding:1rem 1.05rem;border-radius:24px;border:1px solid rgba(132,149,176,.16);background:rgba(255,255,255,.82);backdrop-filter:blur(10px);box-shadow:0 14px 30px rgba(15,23,42,.05)}
[data-dark] .workspace-helper-strip{background:rgba(11,26,43,.78);border-color:rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(5,16,29,.18)}
.workspace-helper-copy{max-width:500px}
.workspace-helper-kicker{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;background:var(--brl);color:var(--br);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem}
.workspace-helper-copy p{font-size:.84rem;color:var(--i2);line-height:1.62}
[data-dark] .workspace-helper-copy p{color:rgba(240,247,255,.74)}
.workspace-helper-actions{display:flex;flex-wrap:wrap;gap:.55rem;max-width:560px}

.workspace-shell{
  margin-top:1rem;
  padding:1.25rem!important;
  border-radius:34px;
  border:1px solid rgba(132,149,176,.18);
  background:
    radial-gradient(circle at 0 0,rgba(63,99,244,.12),transparent 32%),
    radial-gradient(circle at 100% 4%,rgba(18,185,129,.1),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(246,250,255,.86));
  box-shadow:0 28px 80px rgba(16,24,40,.09);
}
[data-dark] .workspace-shell{
  background:
    radial-gradient(circle at 0 0,rgba(92,115,255,.14),transparent 32%),
    radial-gradient(circle at 100% 4%,rgba(18,185,129,.1),transparent 34%),
    linear-gradient(180deg,rgba(12,31,50,.88),rgba(8,23,39,.9));
  border-color:rgba(255,255,255,.08);
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}
.ed-ft{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--bd2);background:rgba(255,255,255,.66);gap:.75rem;flex-wrap:wrap}
[data-dark] .ed-ft{background:rgba(255,255,255,.02)}
/* SPEED TRACKER */
.spd{display:flex;align-items:center;gap:5px}
.spd-dot{width:7px;height:7px;border-radius:50%;background:var(--i5);flex-shrink:0;transition:background .3s}
.spd-dot.live{background:var(--gn)}
.spd-v{font-family:var(--fm);font-size:.78rem;font-weight:700;color:var(--br)}
.spd-l{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--i4)}
/* MINI GOAL */
.mini-g{display:flex;align-items:center;gap:7px;flex:1;min-width:100px}
.mini-tr{flex:1;height:5px;background:var(--bd);border-radius:var(--pill);overflow:hidden}
.mini-fi{height:100%;background:var(--br);border-radius:var(--pill);width:0;transition:width .4s var(--ease)}
.mini-lb{font-family:var(--fm);font-size:.68rem;color:var(--i4);white-space:nowrap}
/* TABS */
.tabs-sh{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,250,255,.98) 100%);border:1px solid var(--bd);border-radius:28px;overflow:hidden;margin-top:1rem;transition:background .25s,border-color .25s}
[data-dark] .tabs-sh{background:linear-gradient(180deg,rgba(14,31,51,.96) 0%,rgba(10,25,42,.98) 100%)}
.tabs-nav{display:flex;border-bottom:1px solid var(--bd2);background:rgba(255,255,255,.66);overflow-x:auto;scrollbar-width:none;padding:.2rem}
[data-dark] .tabs-nav{background:rgba(255,255,255,.02)}
.tabs-nav::-webkit-scrollbar{display:none}
.tab-a{padding:.72rem 1rem;font-size:.79rem;font-weight:600;color:var(--i3);text-decoration:none;display:inline-block;border-bottom:2.5px solid transparent;white-space:nowrap;transition:all .15s;border-radius:10px}
.tab-a:hover{color:var(--ink);background:rgba(78,103,255,.08)}.tab-a.on{color:var(--br);border-bottom-color:transparent;background:rgba(78,103,255,.1)}
[data-dark] .tab-a:hover{color:#fff;background:rgba(255,255,255,.06)}
[data-dark] .tab-a.on{color:#fff;background:rgba(255,255,255,.09)}
.tab-pane{display:none;padding:1.25rem}.tab-pane.on{display:block}
/* SENTENCE TAB */
.s-list{display:flex;flex-direction:column;gap:5px;max-height:280px;overflow-y:auto}
.s-row{display:flex;gap:8px;align-items:flex-start;padding:.5rem .65rem;border-radius:var(--r2);border:1px solid var(--bd2);transition:background .15s}
.s-row:hover{background:var(--s2)}.s-num{font-family:var(--fm);font-size:.6rem;color:var(--i4);padding-top:2px;min-width:18px;flex-shrink:0}
.s-txt{font-size:.82rem;color:var(--i2);line-height:1.5;flex:1}
.s-tag{font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;white-space:nowrap;flex-shrink:0}
.ts{background:var(--gnb);color:var(--gni)}.tm{background:var(--brl);color:var(--br)}.tl{background:var(--amb);color:var(--ami)}.txl{background:var(--rdb);color:var(--rdi)}
.s-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--bd2)}
.s-leg{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--i3)}
/* NGRAM TAB */
.ng-sw{display:flex;gap:4px;margin-bottom:.85rem}
.ng-btn{padding:.26rem .7rem;font-size:.76rem;font-weight:600;border-radius:var(--r);border:1.5px solid var(--bd);background:var(--s2);color:var(--i2);cursor:pointer;transition:all .15s;font-family:inherit}
.ng-btn.on{background:var(--br);color:#fff;border-color:var(--br)}
.ng-sc{max-height:240px;overflow-y:auto}
.ng-tbl{width:100%;border-collapse:collapse;font-size:.79rem}
.ng-tbl th{text-align:left;padding:.44rem .55rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--i4);border-bottom:1px solid var(--bd)}
.ng-tbl td{padding:.4rem .55rem;border-bottom:1px solid var(--bd2)}
.ng-tbl tr:last-child td{border-bottom:none}.ng-tbl tr:hover td{background:var(--s2)}
.ng-ph{font-family:var(--fm);font-size:.76rem;font-weight:500;color:var(--ink)}.ng-cn{font-family:var(--fm);color:var(--i3);font-size:.73rem}
.ng-bw{width:80px;height:4px;background:var(--s3);border-radius:var(--pill);overflow:hidden}.ng-bf{height:100%;background:var(--pu);border-radius:var(--pill)}
/* SEO TAB */
.seo-sg{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1rem}
.seo-s{background:var(--s2);border-radius:var(--r2);padding:.78rem}
.seo-lb{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--i4);margin-bottom:.2rem}
.seo-vl{font-family:var(--fd);font-size:1.3rem;font-weight:800;color:var(--ink)}.seo-sb{font-size:.63rem;color:var(--i4);margin-top:2px}
.seo-chk{display:flex;flex-direction:column;gap:4px}
.seo-ci{display:flex;align-items:flex-start;gap:8px;padding:.4rem .55rem;border-radius:var(--r);font-size:.79rem;color:var(--i2)}.seo-ci:hover{background:var(--s2)}
.seo-dt{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.dp{background:var(--gn)}.dw{background:var(--am)}.df{background:var(--rd)}
/* FIND & REPLACE TAB */
.fr-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.7rem}
.fr-lbl{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--i4);margin-bottom:4px;display:block}
.fr-inp{width:100%;padding:.46rem .7rem;font-size:.84rem;border:1.5px solid var(--bd);border-radius:var(--r);background:var(--s2);color:var(--ink);outline:none;transition:border-color .15s}
.fr-inp:focus{border-color:var(--br);background:var(--wh)}
.fr-opts{display:flex;gap:1rem;margin-bottom:.7rem;flex-wrap:wrap}
.fr-opt{display:flex;align-items:center;gap:5px;font-size:.79rem;color:var(--i2);cursor:pointer;user-select:none}.fr-opt input{accent-color:var(--br)}
.fr-res{font-family:var(--fm);font-size:.76rem;color:var(--i4);margin:.5rem 0;min-height:18px}.fr-acts{display:flex;gap:.5rem;flex-wrap:wrap}
/* SOCIAL TAB */
.soc-it{display:flex;align-items:center;gap:8px;padding:.46rem .6rem;border-radius:var(--r);border:1.5px solid var(--bd2);margin-bottom:.38rem;transition:all .15s}
.soc-it.ov{border-color:var(--rd);background:var(--rdb)}
.soc-ic{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.58rem;font-weight:900}
.soc-nm{font-size:.78rem;font-weight:600;color:var(--ink);flex:1}.soc-inf{font-family:var(--fm);font-size:.65rem;color:var(--i4)}
.soc-bw{width:48px;height:4px;background:var(--s3);border-radius:var(--pill);overflow:hidden}.soc-bf{height:100%;border-radius:var(--pill);transition:width .4s var(--ease)}
.soc-df{font-size:.63rem;font-weight:700;width:30px;text-align:right;font-family:var(--fm)}
/* HISTORY TAB */
.h-list{display:flex;flex-direction:column;gap:5px;max-height:280px;overflow-y:auto}
.h-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.56rem .7rem;border-radius:var(--r2);border:1.5px solid var(--bd2);cursor:pointer;transition:all .15s}
.h-item:hover{background:var(--s2);border-color:var(--br)}
.h-snip{font-size:.79rem;color:var(--i2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-meta{font-family:var(--fm);font-size:.68rem;color:var(--i4);flex-shrink:0}
/* SIDEBAR */
.sidebar{display:flex;flex-direction:column;gap:.85rem}
.ring-out{position:relative;width:112px;height:112px;margin:0 auto .75rem}
.ring-svg{transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:var(--bd);stroke-width:9}
.ring-fi{fill:none;stroke:var(--br);stroke-width:9;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset .9s var(--ease),stroke .4s}
.ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring-n{font-family:var(--fd);font-size:1.65rem;font-weight:900;line-height:1;color:var(--ink)}.ring-s{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--i4)}
.gp{display:inline-flex;align-items:center;padding:.26rem .75rem;border-radius:var(--pill);font-size:.76rem;font-weight:700;margin-bottom:.4rem}
.gp-e{background:var(--gnb);color:var(--gni)}.gp-m{background:var(--amb);color:var(--ami)}.gp-h{background:var(--rdb);color:var(--rdi)}
.gn-note{font-size:.74rem;color:var(--i4);line-height:1.4;max-width:200px;margin:0 auto}
.mr{display:flex;align-items:center;justify-content:space-between;padding:.38rem 0;border-bottom:1px solid var(--bd2);font-size:.79rem}
.mr:last-child{border-bottom:none}.mr-n{color:var(--i2)}.mr-v{font-family:var(--fm);font-size:.72rem;background:var(--s2);padding:.1rem .38rem;border-radius:4px;color:var(--ink)}
.tmr-d{font-family:var(--fm);font-size:2.4rem;font-weight:500;color:var(--ink);text-align:center;letter-spacing:.05em;margin-bottom:.75rem;line-height:1}
.tmr-a{display:flex;gap:.5rem;justify-content:center}
/* WRITING ANALYSIS */
.wa-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.85rem}
.wa-s{background:var(--s2);border-radius:18px;padding:.7rem .8rem;border:1px solid rgba(148,163,184,.12)}
.wa-v{font-family:var(--fd);font-size:1.2rem;font-weight:800;color:var(--ink);line-height:1;margin-bottom:.18rem;transition:color .3s}
.wa-l{font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--i4)}
.wa-br{display:flex;align-items:center;gap:7px;margin-bottom:.4rem}
.wa-bl{font-size:.72rem;color:var(--i2);width:72px;flex-shrink:0}
.wa-bt{flex:1;height:5px;background:var(--s3);border-radius:var(--pill);overflow:hidden}
.wa-bf{height:100%;border-radius:var(--pill);transition:width .4s var(--ease);width:0}
.wa-bn{font-family:var(--fm);font-size:.7rem;color:var(--i4);width:20px;text-align:right;flex-shrink:0}
/* KEYWORDS */
.kw-sr{width:100%;padding:.48rem .75rem;font-size:.8rem;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:var(--s2);color:var(--ink);outline:none;margin-bottom:.55rem;transition:border-color .15s}
.kw-sr:focus{border-color:var(--br);background:var(--wh)}
.kw-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}
.kw-row{display:flex;align-items:center;gap:5px;padding:.36rem .48rem;border-radius:var(--r);transition:background .15s}
.kw-row:hover{background:var(--s2)}.kw-rk{font-family:var(--fm);font-size:.6rem;color:var(--i4);width:14px;text-align:center;flex-shrink:0}
.kw-wd{flex:1;font-size:.79rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kw-ct{font-family:var(--fm);font-size:.7rem;color:var(--i4);flex-shrink:0}
.kw-bw{width:36px;height:4px;background:var(--s3);border-radius:var(--pill);overflow:hidden;flex-shrink:0}
.kw-bf{height:100%;background:var(--br);border-radius:var(--pill)}.kw-pc{font-family:var(--fm);font-size:.64rem;color:var(--i4);width:30px;text-align:right;flex-shrink:0}
/* GOAL */
.g-row{display:flex;align-items:center;gap:8px;margin-bottom:.58rem}
.g-inp{flex:1;padding:.5rem .75rem;font-size:.82rem;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:var(--s2);color:var(--ink);font-family:var(--fm);outline:none;transition:border-color .15s}
.g-inp:focus{border-color:var(--br);background:var(--wh)}
.g-tr{height:8px;background:var(--s3);border-radius:var(--pill);overflow:hidden;margin-bottom:.32rem}
.g-fi{height:100%;border-radius:var(--pill);background:var(--br);width:0;transition:width .4s var(--ease)}
.g-meta{display:flex;justify-content:space-between;font-family:var(--fm);font-size:.7rem;color:var(--i4)}
.presets{display:flex;flex-wrap:wrap;gap:3px;margin-top:.6rem}
.preset{padding:.22rem .5rem;font-size:.68rem;font-weight:600;border-radius:6px;border:1.5px solid var(--bd);background:var(--s2);color:var(--i2);cursor:pointer;transition:all .15s;font-family:inherit}
.preset:hover{background:var(--brl);color:var(--br);border-color:transparent}
/* EXPORT */
.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.exp-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.8rem .48rem;border-radius:18px;border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.78);cursor:pointer;transition:all .15s;font-size:.68rem;font-weight:700;color:var(--i2);text-align:center;font-family:inherit}
[data-dark] .exp-btn{background:rgba(15,23,42,.88);border-color:rgba(148,163,184,.12)}
.exp-btn:hover{background:var(--brl);border-color:var(--br);color:var(--br);transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.06)}
.exp-btn svg{width:18px;height:18px;stroke-width:1.5}.exp-btn.sp2{grid-column:1/-1;flex-direction:row;gap:6px;padding:.5rem .75rem;font-size:.76rem;justify-content:center}
.priv-note{background:var(--gnb);border:1px solid rgba(0,184,122,.2);border-radius:var(--r2);padding:.85rem .95rem;display:flex;gap:.75rem;align-items:flex-start}
.priv-note svg{flex-shrink:0;margin-top:1px;color:var(--gni)}.priv-t{font-size:.72rem;font-weight:700;color:var(--gni);margin-bottom:2px}.priv-b{font-size:.7rem;color:var(--gni);line-height:1.45}
/* INNER PAGES */
.sec-hd{text-align:center;max-width:640px;margin:0 auto 3.5rem}
.sec-hd p{font-size:1.05rem;color:var(--i3);line-height:1.65;margin-top:.75rem}
.page-head{max-width:820px;margin:0 auto 2rem}
.page-head .eyebrow{display:inline-flex;margin-bottom:.2rem}
.page-head,.page-head h1,.page-head .d2,.page-head p{text-align:left}
.page-head-tools{max-width:900px}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tool-card{background:var(--wh);border:1px solid var(--bd);border-radius:22px;padding:1.2rem;display:flex;align-items:flex-start;gap:1rem;text-decoration:none;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);box-shadow:0 10px 24px rgba(15,23,42,.04)}
.tool-card:hover{border-color:rgba(63,81,181,.26);transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,23,42,.07)}
.tool-card-adv{display:block}
.tool-card-head{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:.85rem}
.tool-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem}
.tool-card-adv .tool-meta{margin-bottom:0;flex:1}
.tc-ic{width:44px;height:44px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tool-icon,.mini-tool-icon,.page-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--brl);border:1px solid rgba(63,81,181,.14);color:var(--br);flex-shrink:0}
.tool-icon svg,.mini-tool-icon svg,.page-icon svg{width:21px;height:21px}
.mini-tool-icon{width:34px;height:34px;border-radius:12px}
.tool-card h3{font-family:var(--fd);font-size:1.02rem;font-weight:800;color:var(--ink);margin-bottom:.32rem;letter-spacing:0}
.tool-card p{font-size:.84rem;color:var(--i2);line-height:1.55}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.feat-card{background:var(--wh);border:1.5px solid var(--bd);border-radius:var(--r3);padding:1.5rem;transition:all .25s var(--ease)}
.feat-card:hover{border-color:var(--br);transform:translateY(-4px);box-shadow:0 16px 40px var(--brg)}
.feat-ic{width:44px;height:44px;border-radius:var(--r);background:var(--brl);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.feat-ic svg{width:22px;height:22px;color:var(--br)}.feat-card h3{font-family:var(--fd);font-size:1rem;font-weight:800;color:var(--ink);margin-bottom:.5rem}
.feat-card p{font-size:.84rem;color:var(--i2);line-height:1.55}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;align-items:start}
.about-sts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.about-st{background:var(--wh);border:1.5px solid var(--bd);border-radius:var(--r3);padding:1.25rem;text-align:center}
.about-st .big{font-family:var(--fd);font-size:2.5rem;font-weight:900;color:var(--br);margin-bottom:.25rem}.about-st .sm{font-size:.8rem;color:var(--i2)}
.vi{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.75rem}
.vn{font-family:var(--fd);font-size:1.6rem;font-weight:900;color:var(--br);line-height:1;flex-shrink:0;width:36px}
.vt h4{font-family:var(--fd);font-size:.93rem;font-weight:800;color:var(--ink);margin-bottom:.25rem}.vt p{font-size:.83rem;color:var(--i2);line-height:1.5}
.cbox{background:var(--br);border-radius:var(--r3);padding:1.5rem;color:#fff;margin-top:.75rem}
.cbox .ct{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.55;margin-bottom:.5rem}
.cbox p{font-size:.86rem;opacity:.75;line-height:1.6;margin-bottom:.75rem}.cbox a{color:#fff;font-weight:700;font-size:.86rem;text-decoration:underline}
.faq-wrap{max-width:920px}
.faq-item{background:rgba(255,255,255,.78);border:1px solid rgba(132,149,176,.16);border-radius:22px;overflow:hidden;margin-bottom:.6rem;transition:border-color .15s,box-shadow .15s;backdrop-filter:blur(8px)}
[data-dark] .faq-item{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.faq-item.open{border-color:var(--br)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;font-weight:600;font-size:.92rem;color:var(--ink);border:none;background:none;width:100%;text-align:left;gap:1rem;transition:background .15s}
.faq-q:hover{background:rgba(78,103,255,.05)}.faq-item.open .faq-q{background:rgba(78,103,255,.06);color:var(--ink)}
[data-dark] .faq-q{color:#fff}
[data-dark] .faq-q:hover{background:rgba(255,255,255,.04)}
[data-dark] .faq-item.open .faq-q{background:rgba(255,255,255,.06);color:#fff}
.faq-arr{transition:transform .3s var(--ease);flex-shrink:0;color:var(--i4)}.faq-item.open .faq-arr{transform:rotate(180deg);color:var(--br)}
.faq-a{display:none;padding:0 1.25rem 1rem;font-size:.88rem;color:var(--i2);line-height:1.75;border-top:1px solid var(--bd2)}.faq-item.open .faq-a{display:block}
.faq-hero,.feature-hero,.about-hero{padding:4.2rem 0 2.2rem;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(236,244,255,.74));border-bottom:1px solid rgba(132,149,176,.14)}
[data-dark] .faq-hero,[data-dark] .feature-hero,[data-dark] .about-hero{background:linear-gradient(180deg,rgba(15,34,56,.98),rgba(20,43,69,.82));border-color:rgba(255,255,255,.08)}
.faq-hero-grid,.feature-hero-grid,.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:1.2rem;align-items:center}
.feature-hero-copy .d2,.about-hero .d2,.faq-hero .d2{margin-top:1rem;max-width:760px}
.feature-map{display:grid;gap:.65rem;padding:1rem;border-radius:30px;border:1px solid rgba(132,149,176,.16);background:rgba(255,255,255,.82);box-shadow:0 22px 54px rgba(15,23,42,.08)}
[data-dark] .feature-map{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.map-step{display:grid;grid-template-columns:42px 1fr;gap:.3rem .8rem;align-items:start;padding:.85rem;border-radius:18px;background:var(--s2);border:1px solid var(--bd2)}
.map-step span{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:14px;background:var(--brl);font-family:var(--fm);font-weight:800;color:var(--br)}
.map-step strong{font-family:var(--fd);font-size:1rem;color:var(--ink)}
.map-step p{font-size:.78rem;color:var(--i3);line-height:1.45}
.map-step.on{background:linear-gradient(135deg,rgba(45,230,170,.16),rgba(78,103,255,.08));border-color:rgba(36,212,154,.26)}
[data-dark] .map-step{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
[data-dark] .map-step strong{color:#fff}
.about-manifesto,.faq-help-card{padding:1.35rem;border-radius:30px;border:1px solid rgba(132,149,176,.16);background:rgba(255,255,255,.84);box-shadow:0 22px 54px rgba(15,23,42,.08)}
[data-dark] .about-manifesto,[data-dark] .faq-help-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.about-manifesto p{font-family:var(--fd);font-size:1.35rem;line-height:1.18;color:var(--ink)}
[data-dark] .about-manifesto p{color:#fff}
.about-page .about-hero{padding:3.4rem 0 2.35rem}
.about-page .about-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:1.4rem;align-items:stretch}
.about-page .about-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.about-page .about-hero .d2{font-size:clamp(2.15rem,4.2vw,4rem);line-height:.98;max-width:820px;margin-top:1rem}
.about-page .suite-lead{margin:1rem 0 0;max-width:760px}
.about-page .hero-actions{margin-top:1.25rem}
.about-snapshot{padding:1.35rem;border-radius:30px;border:1px solid rgba(132,149,176,.16);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,250,255,.94));box-shadow:0 20px 48px rgba(15,23,42,.08);display:flex;flex-direction:column;justify-content:space-between;gap:1rem}
.about-snapshot h2{font-family:var(--fd);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.04;color:var(--ink);letter-spacing:-.02em}
.snapshot-list{display:grid;gap:.65rem}
.snapshot-list div{padding:.8rem .85rem;border:1px solid var(--bd2);border-radius:18px;background:rgba(255,255,255,.72)}
.snapshot-list strong{display:block;font-family:var(--fd);font-size:.92rem;color:var(--ink);margin-bottom:.18rem}
.snapshot-list span{display:block;font-size:.78rem;color:var(--i3);line-height:1.45}
[data-dark] .about-snapshot{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));border-color:rgba(255,255,255,.1);box-shadow:0 22px 50px rgba(5,16,29,.22)}
[data-dark] .about-snapshot h2,[data-dark] .snapshot-list strong{color:#fff}
[data-dark] .snapshot-list div{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08)}
.about-page main>.sec{padding:2.5rem 0}
.about-page .about-hero+.sec{padding-top:2rem}
.about-principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.about-principle{padding:1rem;border:1px solid rgba(132,149,176,.16);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 16px 34px rgba(15,23,42,.05)}
.about-principle h3{font-family:var(--fd);font-size:1rem;color:var(--ink);line-height:1.05;margin:.75rem 0 .35rem}
.about-principle p{font-size:.82rem;color:var(--i2);line-height:1.55}
.about-main-card{padding:1.45rem}
.about-main-card h2{font-family:var(--fd);font-size:clamp(1.5rem,2.6vw,2.35rem);line-height:1.02;color:var(--ink);letter-spacing:-.025em;margin-bottom:.8rem}
.about-main-card p+p{margin-top:.8rem}
[data-dark] .about-principle{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);box-shadow:0 18px 38px rgba(5,16,29,.18)}
[data-dark] .about-principle h3,[data-dark] .about-main-card h2{color:#fff}
[data-dark] .about-principle p{color:rgba(240,247,255,.72)}
.faq-select{width:100%;margin-top:.45rem;padding:.9rem 1rem;border:1px solid var(--bd);border-radius:18px;background:var(--s2);color:var(--ink);font-weight:700}
.faq-pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid rgba(132,149,176,.16);border-radius:24px;background:rgba(255,255,255,.78)}
[data-dark] .faq-pager{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.faq-pager span{font-family:var(--fm);font-size:.82rem;font-weight:800;color:var(--i2)}
.faq-pager button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.table-preview-panel{margin-top:1rem}
.table-preview{min-height:180px;overflow:auto}
.responsive-table{width:100%;overflow:auto}
.responsive-table table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--bd);border-radius:18px;overflow:hidden;background:var(--wh)}
.responsive-table th,.responsive-table td{padding:.75rem .9rem;border-bottom:1px solid var(--bd2);border-right:1px solid var(--bd2);text-align:left;font-size:.86rem;color:var(--ink)}
.responsive-table th{background:var(--brl);color:var(--br);font-weight:800}
.responsive-table tr:last-child td{border-bottom:none}
.responsive-table th:last-child,.responsive-table td:last-child{border-right:none}
[data-dark] .responsive-table table{background:rgba(255,255,255,.04)}
[data-dark] .responsive-table td{color:rgba(240,247,255,.8)}
/* PASSPORT PHOTO MAKER */
.pp-page{padding-top:1.5rem;padding-bottom:5rem}
.pp-page .panel{border-radius:30px}
.pp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}
.pp-step-card{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;border:1px solid rgba(132,149,176,.16);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 14px 28px rgba(15,23,42,.05)}
.pp-step-card span{width:34px;height:34px;border-radius:14px;background:var(--brl);color:var(--br);display:flex;align-items:center;justify-content:center;font-family:var(--fm);font-weight:900;flex-shrink:0}
.pp-step-card strong{display:block;font-family:var(--fd);font-size:.92rem;color:var(--ink);line-height:1.05;margin-bottom:.15rem}
.pp-step-card p{font-size:.74rem;color:var(--i3);line-height:1.42}
.pp-workbench{display:grid;grid-template-columns:minmax(0,.86fr) minmax(390px,.74fr);gap:1.5rem;align-items:start}
.pp-controls{display:grid;gap:1rem}
.pp-drop{min-height:220px;border-radius:30px;background:linear-gradient(180deg,#fff,rgba(248,251,255,.9));box-shadow:0 22px 50px rgba(15,23,42,.08)}
.pp-drop strong{font-family:var(--fd);font-size:clamp(1.45rem,3vw,2.25rem);line-height:1;color:var(--ink)}
.pp-drop p{max-width:34rem;margin-left:auto;margin-right:auto}
.pp-drop.drag{border-color:var(--br);background:var(--brl)}
.pp-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.pp-control-grid label,.pp-inline-select,.pp-inline-color{display:flex;flex-direction:column;gap:.35rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--i4)}
.pp-control-grid input,.pp-control-grid select,.pp-inline-select select{width:100%;min-height:48px;padding:.7rem .85rem;border:1px solid var(--bd);border-radius:18px;background:rgba(255,255,255,.82);color:var(--ink);outline:none}
.pp-control-grid input:focus,.pp-control-grid select:focus,.pp-inline-select select:focus{border-color:var(--br);box-shadow:0 0 0 4px var(--brx)}
.pp-primary-controls{grid-template-columns:minmax(0,1.1fr) minmax(0,1.25fr) minmax(130px,.45fr) minmax(130px,.45fr)}
.pp-check{justify-content:center;align-items:flex-start}
.pp-check input,.pp-check-row input[type=checkbox]{width:auto;min-height:auto;accent-color:var(--br)}
.pp-section-title{font-family:var(--fd);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);padding-top:.25rem}
.pp-bg-card{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--bd2);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,251,255,.76));box-shadow:0 18px 36px rgba(15,23,42,.05)}
.pp-bg-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.pp-bg-topline strong{font-family:var(--fd);font-size:1rem;line-height:1.1;color:var(--ink)}
.pp-bg-topline span{max-width:280px;font-size:.75rem;line-height:1.45;color:var(--i3);text-align:right}
.pp-bg-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.pp-color-row{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:.75rem;align-items:end}
.pp-color-swatch{width:100%;min-height:62px;border-radius:999px;border:1px solid var(--bd);cursor:pointer;box-shadow:0 10px 20px rgba(15,23,42,.04);position:relative;overflow:hidden;text-align:left;padding:.55rem;display:flex;align-items:flex-end;transition:transform .15s,box-shadow .15s,border-color .15s}
.pp-color-swatch:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(15,23,42,.08);border-color:rgba(79,107,255,.38)}
.pp-color-swatch span{display:inline-flex;padding:.18rem .48rem;border-radius:999px;background:rgba(255,255,255,.78);color:#122033;font-size:.62rem;font-weight:900;letter-spacing:.02em}
.pp-color-swatch.white{background:#fff}.pp-color-swatch.off{background:#f8f7f3}.pp-color-swatch.gray{background:#f0f2f5}.pp-color-swatch.blue{background:#d8ecff}
.pp-inline-color input{width:100%;height:48px;border:1px solid var(--bd);border-radius:16px;background:var(--s2);padding:.25rem;cursor:pointer}
.pp-bg-toggle{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border:1px solid rgba(79,107,255,.18);border-radius:18px;background:var(--brl);font-weight:800;color:var(--ink)}
.pp-bg-toggle input{width:18px;height:18px;accent-color:var(--br)}
.pp-advanced-options{border:1px solid var(--bd2);border-radius:18px;background:rgba(255,255,255,.62);overflow:hidden}
.pp-advanced-options summary{cursor:pointer;list-style:none;padding:.85rem 1rem;font-weight:900;color:var(--ink);font-family:var(--fd)}
.pp-advanced-options summary::-webkit-details-marker{display:none}
.pp-advanced-options summary::after{content:"+";float:right;font-family:var(--fm);color:var(--br)}
.pp-advanced-options[open] summary::after{content:"-"}
.pp-advanced-options .pp-check-row,.pp-advanced-options .helper-note{margin:.75rem}
.pp-size-options .pp-control-grid{padding:.75rem .75rem 0}
.pp-check-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:.75rem;align-items:center}
.pp-check-row label{display:flex;align-items:center;gap:.55rem;padding:.75rem .85rem;border:1px solid var(--bd2);border-radius:18px;background:var(--s2);font-size:.82rem;font-weight:700;color:var(--i2)}
.pp-check-row label{flex-direction:column;align-items:stretch;gap:.35rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--i4)}
.pp-preview-panel{position:sticky;top:82px}
.pp-canvas-frame{position:relative;padding:1rem;border-radius:24px;border:1px solid var(--bd2);background:
linear-gradient(45deg,rgba(148,163,184,.13) 25%,transparent 25% 75%,rgba(148,163,184,.13) 75%),
linear-gradient(45deg,rgba(148,163,184,.13) 25%,transparent 25% 75%,rgba(148,163,184,.13) 75%);
background-size:24px 24px;background-position:0 0,12px 12px;display:flex;align-items:center;justify-content:center;min-height:360px;overflow:auto}
.pp-canvas{max-width:100%;max-height:620px;border-radius:14px;box-shadow:0 18px 38px rgba(15,23,42,.18);background:#fff;touch-action:none;cursor:grab}
.pp-canvas.dragging{cursor:grabbing}
.pp-ai-overlay{position:absolute;inset:1rem;z-index:3;display:none;align-items:center;justify-content:center;flex-direction:column;gap:.55rem;padding:1rem;border-radius:18px;background:rgba(8,18,32,.78);color:#fff;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pp-ai-overlay.on{display:flex}
.pp-ai-overlay strong{font-family:var(--fd);font-size:1rem;line-height:1.15}
.pp-ai-overlay span{max-width:28rem;font-size:.78rem;line-height:1.45;color:rgba(255,255,255,.82)}
.pp-ai-spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.26);border-top-color:#fff;animation:spin .85s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pp-spec-grid{display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:.9rem}
.pp-spec-grid div{padding:.75rem .85rem;border:1px solid var(--bd2);border-radius:18px;background:var(--s2)}
.pp-spec-grid strong{display:block;font-family:var(--fd);font-size:.9rem;line-height:1.1;color:var(--ink);margin-bottom:.18rem}
.pp-spec-grid span{display:block;font-size:.74rem;color:var(--i3);line-height:1.45}
.pp-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.8rem}
.pp-mini-stats div{padding:.8rem;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid var(--bd2)}
.pp-mini-stats span{display:block;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--i4);margin-bottom:.18rem}
.pp-mini-stats strong{display:block;font-family:var(--fd);font-size:1rem;color:var(--ink);line-height:1.05}
.pp-guide-list{margin:.9rem 0 0;padding-left:1.05rem;color:var(--i3);font-size:.78rem;line-height:1.65}
.pp-guide-list li{margin-bottom:.2rem}
.pp-compact-actions,.pp-export-actions{gap:.55rem;flex-wrap:wrap}
.pp-compact-actions .btn,.pp-export-actions .btn{min-height:46px;border-radius:18px}
.pp-export-actions{position:sticky;bottom:.7rem;z-index:5;padding:.55rem;border:1px solid rgba(132,149,176,.18);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:0 18px 44px rgba(15,23,42,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pp-export-actions #pp-download-sheet{background:linear-gradient(135deg,#27e6ad,#08b98f);color:#06231d;border-color:transparent;box-shadow:0 16px 34px rgba(20,184,137,.25)}
.pp-sheet-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1.2rem;background:rgba(8,18,32,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pp-sheet-modal[hidden]{display:none}
.pp-sheet-dialog{position:relative;width:min(620px,100%);padding:1.3rem;border-radius:30px;background:var(--s2);border:1px solid rgba(132,149,176,.22);box-shadow:0 28px 90px rgba(15,23,42,.28)}
.pp-sheet-dialog h2{font-family:var(--fd);font-size:clamp(1.7rem,4vw,2.6rem);line-height:.96;color:var(--ink);letter-spacing:0;margin:.7rem 0 .55rem}
.pp-sheet-dialog p{color:var(--i2);line-height:1.55;margin-bottom:1rem}
.pp-modal-close{position:absolute;right:1rem;top:1rem;width:42px;height:42px;border-radius:999px;border:1px solid var(--bd);background:var(--s2);font-size:1.6rem;line-height:1;color:var(--ink);cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.08)}
.pp-sheet-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem}
.pp-sheet-options label{display:flex;flex-direction:column;gap:.35rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--i4)}
.pp-sheet-options select{width:100%;min-height:52px;padding:.75rem .9rem;border-radius:18px;border:1px solid var(--bd);background:rgba(255,255,255,.82);color:var(--ink);outline:none}
.pp-sheet-options .pp-check{justify-content:center;min-height:52px;padding:.75rem .9rem;border:1px solid var(--bd2);border-radius:18px;background:rgba(248,251,255,.8);font-size:.82rem;text-transform:none;letter-spacing:0;color:var(--ink)}
.pp-sheet-preview-note{margin-top:1rem;padding:1rem;border-radius:20px;background:var(--brl);color:var(--i2);font-weight:700;line-height:1.45}
.pp-modal-actions{justify-content:flex-end;margin-top:1rem}
[data-dark] .pp-step-card,[data-dark] .pp-mini-stats div{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09)}
[data-dark] .pp-step-card strong,[data-dark] .pp-section-title,[data-dark] .pp-spec-grid strong,[data-dark] .pp-mini-stats strong{color:#fff}
[data-dark] .pp-control-grid input,[data-dark] .pp-control-grid select,[data-dark] .pp-inline-select select{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.12)}
[data-dark] .pp-check-row label,[data-dark] .pp-spec-grid div{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
[data-dark] .pp-bg-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));border-color:rgba(255,255,255,.08)}
[data-dark] .pp-bg-topline strong,[data-dark] .pp-advanced-options summary,[data-dark] .pp-bg-toggle{color:#fff}
[data-dark] .pp-bg-toggle{background:rgba(79,107,255,.16);border-color:rgba(137,157,255,.22)}
[data-dark] .pp-advanced-options{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
[data-dark] .pp-export-actions{background:rgba(8,18,32,.82);border-color:rgba(255,255,255,.08)}
[data-dark] .pp-sheet-dialog,[data-dark] .pp-modal-close{background:#0d1d2f;border-color:rgba(255,255,255,.1)}
[data-dark] .pp-sheet-dialog h2,[data-dark] .pp-modal-close,[data-dark] .pp-sheet-options .pp-check{color:#fff}
[data-dark] .pp-sheet-options select,[data-dark] .pp-sheet-options .pp-check{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
/* BACKGROUND REMOVER */
.bg-hero{padding:1.15rem 0 1rem}
.bg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.05rem;align-items:start}
.bg-hero-copy{padding:.9rem 0 0;max-width:840px}
.bg-stepper{display:flex;flex-wrap:wrap;gap:.45rem;margin:.25rem 0 .9rem}
.bg-stepper span{display:inline-flex;align-items:center;padding:.35rem .68rem;border-radius:999px;background:var(--s2);border:1px solid var(--bd2);color:var(--i2);font-size:.66rem;font-weight:850}
.bg-stepper span.on{background:var(--brl);border-color:rgba(79,107,255,.14);color:var(--br)}
.bg-stepper-edit{margin:0 0 .9rem}
.bg-hero-copy h1{font-family:var(--fd);font-size:clamp(2.4rem,4.3vw,4.7rem);line-height:.98;letter-spacing:-.04em;color:var(--ink);max-width:12ch;margin:.2rem 0 .65rem}
.bg-hero-copy p{font-size:1.02rem;line-height:1.62;color:var(--i2);max-width:58ch;margin:0 0 1rem}
.bg-hero-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}
.bg-hero-badges span{display:inline-flex;align-items:center;padding:.38rem .68rem;border-radius:999px;background:var(--brl);color:var(--br);font-size:.66rem;font-weight:850}
.bg-editor-toolbar{position:sticky;top:74px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 auto 1rem;padding:.6rem .7rem;border:1px solid var(--bd);border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(15,23,42,.08)}
.bg-editor-tabs,.bg-editor-actions{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.bg-toolbar-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:42px;padding:.55rem .9rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--i2);font-size:.78rem;font-weight:850;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s var(--ease)}
.bg-toolbar-btn:hover{background:rgba(78,103,255,.08);border-color:rgba(78,103,255,.12);color:var(--ink);transform:translateY(-1px)}
.bg-toolbar-btn.on{background:var(--brl);border-color:rgba(79,107,255,.16);color:var(--br)}
.bg-toolbar-btn[disabled]{opacity:.42;cursor:not-allowed;transform:none}
.bg-toolbar-export{background:linear-gradient(180deg,#2ee6ac 0%,#12bd85 100%);border-color:rgba(18,182,127,.2);color:#062018;box-shadow:0 14px 28px rgba(18,182,127,.18)}
.bg-toolbar-export:hover{background:linear-gradient(180deg,#41efb8 0%,#19cb91 100%);color:#062018;border-color:rgba(18,182,127,.24)}
.bg-upload-spotlight{padding:1.05rem;border-radius:30px;box-shadow:0 24px 64px rgba(15,23,42,.1)}
.bg-upload-panel{position:sticky;top:132px}
.bg-studio-page{padding-top:.4rem;padding-bottom:4.5rem}
[hidden].bg-studio-page{display:none!important}
.bg-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;align-items:start}
.bg-studio-grid.bg-panel-collapsed{grid-template-columns:minmax(0,1fr)}
.bg-studio-grid.bg-panel-collapsed .bg-result-surface{max-width:none}
.bg-simple-shell{display:none}
.bg-drop{min-height:210px}
.bg-action-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.bg-quick-facts{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}
.bg-quick-facts span{display:inline-flex;align-items:center;padding:.32rem .6rem;border-radius:999px;background:var(--brl);color:var(--br);font-size:.62rem;font-weight:850}
.bg-upload-actions{display:flex;align-items:center;justify-content:flex-start;margin-top:.85rem}
.bg-reset-btn{border:0;background:transparent;color:var(--i3);padding:0;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer;transition:color .15s ease}
.bg-reset-btn:hover{color:var(--br);text-decoration:underline}
.bg-options{display:grid;gap:.85rem}
.bg-style-note{color:var(--i3);font-size:.8rem;line-height:1.5}
.bg-sidecard{display:grid;gap:.85rem}
.bg-sidecard{position:sticky;top:132px}
.bg-side-summary{padding:1rem;border:1px solid var(--bd2);border-radius:18px;background:linear-gradient(135deg,rgba(63,99,244,.06),rgba(22,185,129,.06))}
.bg-side-summary strong{display:block;color:var(--ink);font-size:.96rem}
.bg-side-summary p{margin-top:.25rem;color:var(--i3);font-size:.82rem;line-height:1.5}
.bg-side-actions{display:flex;flex-wrap:wrap;gap:.55rem}
.bg-side-hint{color:var(--i3);font-size:.78rem;line-height:1.5}
.bg-side-advanced,.bg-original-details{margin-top:.05rem;padding:.9rem;border:1px solid var(--bd2);border-radius:20px;background:rgba(255,255,255,.62)}
.bg-side-advanced summary,.bg-original-details summary{cursor:pointer;list-style:none;font-weight:900;color:var(--ink)}
.bg-side-advanced summary::-webkit-details-marker,.bg-original-details summary::-webkit-details-marker{display:none}
.bg-side-advanced strong,.bg-original-details strong{display:block;color:var(--ink);font-size:.92rem}
.bg-side-advanced span{display:block;color:var(--i3);font-size:.8rem;line-height:1.45;margin-top:.2rem}
.bg-modal-section{display:grid;gap:.75rem;padding:1rem;border:1px solid var(--bd2);border-radius:24px;background:rgba(255,255,255,.64)}
.bg-sheet-title strong{display:block;color:var(--ink);font-size:1rem;font-weight:900}
.bg-sheet-title span{display:block;color:var(--i3);font-size:.8rem;line-height:1.45;margin-top:.2rem}
.bg-sheet-actions{display:flex;flex-wrap:wrap;gap:.55rem}
.bg-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
.bg-choice{min-height:70px;border:1px solid var(--bd);border-radius:18px;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:.55rem;text-align:left;box-shadow:0 12px 24px rgba(15,23,42,.05);transition:transform .15s,box-shadow .15s,border-color .15s}
.bg-choice:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(15,23,42,.08);border-color:rgba(79,107,255,.36)}
.bg-choice span{display:inline-flex;padding:.18rem .46rem;border-radius:999px;background:rgba(255,255,255,.82);color:#122033;font-size:.6rem;font-weight:900;letter-spacing:.01em}
.bg-choice.transparent{background:
linear-gradient(45deg,#e8eef7 25%,transparent 25% 75%,#e8eef7 75%),
linear-gradient(45deg,#e8eef7 25%,#fff 25% 75%,#e8eef7 75%);background-size:18px 18px;background-position:0 0,9px 9px}
.bg-choice.white{background:#fff}.bg-choice.off{background:#f8f7f3}.bg-choice.gray{background:#f0f2f5}.bg-choice.blue{background:#d8ecff}
.bg-choice.blur{background:linear-gradient(135deg,#dbe7ff,#f4f8ff)}
.bg-choice.image{background:linear-gradient(135deg,#e8f0ff,#d7f0e8)}
.bg-choice.color{background:linear-gradient(135deg,#fff0f3,#f0f7ff)}
.bg-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.bg-field-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--i4)}
.bg-field-grid input,.bg-field-grid select{width:100%;min-height:48px;padding:.7rem .85rem;border:1px solid var(--bd);border-radius:18px;background:rgba(255,255,255,.82);color:var(--ink);outline:none}
.bg-field-grid input[type=color]{padding:.25rem;cursor:pointer}
.bg-check{justify-content:center}
.bg-check input{width:auto;min-height:auto;accent-color:var(--br)}
.bg-custom-file{margin:.75rem}
.bg-preview-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(420px,1fr);gap:1rem;align-items:start}
.bg-canvas-wrap{position:relative;min-height:360px;border:1px solid var(--bd2);border-radius:24px;background:rgba(255,255,255,.62);display:flex;align-items:center;justify-content:center;overflow:auto;padding:1rem;touch-action:none}
.bg-canvas-wrap.dragging{cursor:grabbing}
.bg-canvas-wrap.checker{background:
linear-gradient(45deg,rgba(148,163,184,.13) 25%,transparent 25% 75%,rgba(148,163,184,.13) 75%),
linear-gradient(45deg,rgba(148,163,184,.13) 25%,transparent 25% 75%,rgba(148,163,184,.13) 75%);
background-size:24px 24px;background-position:0 0,12px 12px}
.bg-canvas{max-width:100%;max-height:620px;border-radius:18px;box-shadow:0 18px 38px rgba(15,23,42,.12);background:#fff;touch-action:none;cursor:grab;display:block}
.bg-result-panel .bg-canvas{max-width:none;max-height:none}
.bg-canvas.dragging{cursor:grabbing}
.bg-placement-panel{margin-top:.9rem;padding:.9rem;border:1px solid var(--bd2);border-radius:20px;background:rgba(78,103,255,.045);display:grid;gap:.8rem}
.bg-placement-panel summary{cursor:pointer;list-style:none;font-weight:900;color:var(--ink)}
.bg-placement-panel summary::-webkit-details-marker{display:none}
.bg-placement-copy{color:var(--i3);font-size:.78rem;line-height:1.45}
.bg-layer-pill{display:inline-flex;align-self:flex-start;padding:.28rem .55rem;border-radius:999px;background:#eaf0ff;color:#3156d9;font-size:.62rem;font-weight:850}
.bg-placement-panel>label{display:flex;flex-direction:column;gap:.35rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--i4)}
.bg-placement-panel .btn{justify-self:start}
.bg-result-panel{position:static}
.bg-result-surface{padding-bottom:1rem}
.bg-mini-stats{margin-bottom:.8rem}
.bg-action-strip{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.bg-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .75rem;padding:.85rem 1rem;border:1px solid var(--bd2);border-radius:24px;background:linear-gradient(135deg,rgba(63,99,244,.06),rgba(22,185,129,.06));box-shadow:0 14px 30px rgba(15,23,42,.05)}
.bg-preview-zoom-label strong{display:block;color:var(--ink);font-size:.86rem}
.bg-preview-zoom-label span{display:block;color:var(--i3);font-size:.72rem;line-height:1.45}
.bg-preview-zoom-controls{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.bg-preview-zoom-controls button{min-height:38px;padding:.55rem .82rem;border:1px solid var(--bd);border-radius:13px;background:#fff;color:var(--ink);font-weight:850;cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.06);transition:transform .15s,box-shadow .15s,border-color .15s}
.bg-preview-zoom-controls button:hover{transform:translateY(-1px);border-color:rgba(79,107,255,.32);box-shadow:0 14px 26px rgba(15,23,42,.09)}
.bg-preview-zoom-controls button.on{background:var(--brl);border-color:rgba(79,107,255,.18);color:var(--br);box-shadow:0 12px 24px rgba(79,107,255,.09)}
.bg-zoom-readout{min-width:58px;text-align:right;font-family:var(--fm);font-size:.78rem;font-weight:850;color:var(--br)}
.bg-preview-hint{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:0 0 .75rem;padding:.8rem .9rem;border:1px solid var(--bd2);border-radius:18px;background:linear-gradient(135deg,rgba(63,99,244,.06),rgba(22,185,129,.06))}
.bg-preview-hint strong{display:block;color:var(--ink);font-size:.88rem}
.bg-preview-hint span{display:block;color:var(--i3);font-size:.74rem;line-height:1.45}
.bg-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:1rem;background:rgba(7,17,29,.58);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.bg-modal[hidden]{display:none}
.bg-modal-backdrop{position:absolute;inset:0}
.bg-modal-dialog{position:relative;width:min(1080px,100%);max-height:min(90vh,920px);overflow:auto;padding:1.25rem;border-radius:32px;background:var(--s2);border:1px solid var(--bd2);box-shadow:0 30px 90px rgba(15,23,42,.28)}
.bg-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.bg-modal-head h2{font-family:var(--fd);font-size:clamp(1.8rem,3vw,2.8rem);line-height:.96;color:var(--ink);margin:.45rem 0 .35rem}
.bg-modal-head p{color:var(--i2);line-height:1.55;max-width:54ch}
.bg-modal-body{display:grid;gap:.85rem}
.bg-modal-close{position:absolute;top:1rem;right:1rem;width:42px;height:42px;border-radius:999px;border:1px solid var(--bd);background:var(--s2);font-size:1.6rem;line-height:1;color:var(--ink);cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.08)}
[data-dark] .bg-modal-dialog{background:#0d1d2f;border-color:rgba(255,255,255,.1)}
[data-dark] .bg-modal-head h2,[data-dark] .bg-modal-close{color:#fff}
[data-dark] .bg-modal-close{background:#0d1d2f;border-color:rgba(255,255,255,.1)}
[data-dark] .bg-editor-toolbar{background:rgba(8,18,32,.82);border-color:rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(5,16,29,.22)}
[data-dark] .bg-toolbar-btn{color:#d5e0ee}
[data-dark] .bg-toolbar-btn:hover{background:rgba(131,167,255,.12);border-color:rgba(131,167,255,.18);color:#fff}
[data-dark] .bg-toolbar-btn.on{background:rgba(79,107,255,.16);border-color:rgba(79,107,255,.24);color:#b9c7ff}
[data-dark] .bg-toolbar-export{color:#082316}
[data-dark] .bg-toolbar-export:hover{color:#062018}
[data-dark] .bg-stepper span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);color:#d6e0ed}
[data-dark] .bg-stepper span.on{background:rgba(79,107,255,.16);border-color:rgba(79,107,255,.24);color:#b9c7ff}
[data-dark] .bg-hero-copy h1{color:#fff}
[data-dark] .bg-hero-copy p{color:#c5d3e7}
[data-dark] .bg-hero-badges span{background:rgba(79,107,255,.16);color:#b9c7ff}
[data-dark] .bg-upload-spotlight{box-shadow:0 24px 64px rgba(5,16,29,.24)}
[data-dark] .bg-sidecard,.bg-side-advanced,.bg-original-details{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
[data-dark] .bg-original-details summary,[data-dark] .bg-side-advanced summary{color:#fff}
[hidden]{display:none!important}
[data-dark] .bg-field-grid input,[data-dark] .bg-field-grid select{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.12)}
[data-dark] .bg-canvas-wrap{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
[data-dark] .bg-quick-facts span{background:rgba(79,107,255,.16);color:#aebcff}
[data-dark] .bg-layer-pill{background:rgba(79,107,255,.18);color:#b9c7ff}
[data-dark] .bg-style-note,[data-dark] .bg-preview-zoom-label span,[data-dark] .bg-preview-hint span{color:#c2d2ea}
[data-dark] .bg-preview-zoom-controls button{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#fff}
[data-dark] .bg-preview-toolbar{background:linear-gradient(135deg,rgba(79,107,255,.12),rgba(22,185,129,.08));border-color:#293e54}
[data-dark] .bg-modal-section{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
[data-dark] .bg-sheet-title strong{color:#fff}
[data-dark] .bg-sheet-title span{color:#c2d2ea}
[data-dark] .bg-preview-hint{background:linear-gradient(135deg,rgba(79,107,255,.12),rgba(22,185,129,.08));border-color:#293e54}
[data-dark] .bg-preview-hint strong{color:#f4f8ff}
[data-dark] .bg-side-advanced,[data-dark] .bg-original-details{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
[data-dark] .bg-action-strip .btn{border-color:rgba(255,255,255,.12)}
[data-dark] .bg-side-summary{background:linear-gradient(135deg,rgba(79,107,255,.12),rgba(22,185,129,.08));border-color:#293e54}
body.bg-modal-open{overflow:hidden}
/* LEGAL */
.legal-wrap{max-width:920px;margin:3rem auto 5rem;padding:2rem 2.2rem;border:1px solid rgba(132,149,176,.16);border-radius:28px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px)}
[data-dark] .legal-wrap{background:var(--wh);border-color:rgba(255,255,255,.1)}
.legal-wrap h1{font-family:var(--fd);font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.03em;margin-bottom:.9rem}
.legal-meta{font-family:var(--fm);font-size:.76rem;color:var(--i4);margin-bottom:1.3rem}
.legal-grid{display:grid;grid-template-columns:190px 1fr;gap:3rem;align-items:start}
.legal-nav{position:sticky;top:80px}
.legal-lnk{display:block;padding:.42rem .8rem;border-radius:var(--r);font-size:.8rem;font-weight:500;color:var(--i2);text-decoration:none;transition:all .15s;margin-bottom:2px}
.legal-lnk:hover{background:var(--s2);color:var(--ink)}.legal-lnk.on{background:var(--brl);color:var(--br);font-weight:600}
.ls{margin-bottom:2.5rem}.ls h2{font-family:var(--fd);font-size:1.05rem;font-weight:800;color:var(--ink);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1.5px solid var(--bd2)}
.ls p{font-size:.88rem;color:var(--i2);line-height:1.8;margin-bottom:.75rem}
.ls ul{padding-left:1.3rem;margin-bottom:.75rem;list-style:disc}.ls li{font-size:.88rem;color:var(--i2);line-height:1.8;margin-bottom:.3rem}
.ls a{color:var(--br);text-decoration:underline}
.legal-hl{background:var(--brl);border-left:3px solid var(--br);border-radius:0 var(--r) var(--r) 0;padding:.85rem 1.1rem;margin-bottom:1.75rem;font-size:.88rem;color:var(--ink);line-height:1.6}
.ltbl{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:1rem}
.ltbl th{background:var(--s2);padding:.55rem .8rem;text-align:left;font-weight:700;color:var(--ink);border-bottom:2px solid var(--bd);font-size:.78rem}
.ltbl td{padding:.55rem .8rem;border-bottom:1px solid var(--bd2);color:var(--i2)}.ltbl tr:last-child td{border-bottom:none}
.ltbl code{font-family:var(--fm);font-size:.85em;background:var(--s2);padding:.1em .32em;border-radius:3px}
/* SECURITY BLOCK */
.sec-blk{background:var(--ink);border-radius:var(--r4);padding:3.5rem;margin-top:4rem;text-align:center}
.sec-blk h2{color:#fff;margin-bottom:1rem}.sec-blk p{color:rgba(255,255,255,.6);max-width:560px;margin:0 auto 2rem;line-height:1.65;font-size:1rem}
.sec-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:820px;margin:0 auto;text-align:left}
.sec-card{background:rgba(255,255,255,.05);border-radius:var(--r3);padding:1.25rem}
.sec-card-t{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.3);margin-bottom:.5rem}
.sec-card p{font-size:.84rem;color:rgba(255,255,255,.6);line-height:1.5}
/* TOOL HERO */
.tool-hero{padding:1.7rem 0 1rem;border-bottom:none;position:relative;background:transparent}
[data-dark] .tool-hero{background:transparent}
.tool-hero::before{display:none}
.tool-hero-in{position:relative;padding:1.4rem 1.55rem;border-radius:30px;background:
radial-gradient(circle at 78% 18%,rgba(25,185,125,.1),transparent 18%),
radial-gradient(circle at 18% 30%,rgba(96,132,255,.1),transparent 22%),
linear-gradient(135deg,#ffffff 0%,#f4f8fd 44%,#edf3fb 100%);
border:1px solid rgba(132,149,176,.16);box-shadow:0 18px 40px rgba(15,23,42,.07)}
[data-dark] .tool-hero-in{background:
radial-gradient(circle at 78% 18%,rgba(24,201,141,.12),transparent 18%),
radial-gradient(circle at 18% 30%,rgba(96,132,255,.12),transparent 22%),
linear-gradient(135deg,#0d1a2f 0%,#0f2340 44%,#0d3351 100%);
border-color:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(5,16,29,.28)}
.tool-badge{display:inline-flex;align-items:center;gap:6px;background:var(--brl);color:var(--br);padding:.3rem .72rem;border-radius:var(--pill);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem}
.tool-hero h1{font-family:var(--fd);font-size:clamp(1.35rem,2vw,1.85rem);font-weight:900;line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin-bottom:.38rem;max-width:720px}
.tool-hero p{font-size:.92rem;color:var(--i2);max-width:760px;line-height:1.65;margin-bottom:.7rem}
.tool-pills{display:flex;flex-wrap:wrap;gap:.4rem}
.tool-pill{display:inline-flex;align-items:center;padding:.34rem .78rem;border-radius:var(--pill);font-size:.73rem;font-weight:600;background:var(--s2);border:1px solid var(--bd2);color:var(--ink)}
[data-dark] .tool-pill{background:var(--s2);border-color:var(--bd);color:var(--ink)}
/* FOOTER */
footer{background:linear-gradient(180deg,#102640 0%,#0b1c30 100%);color:rgba(255,255,255,.78);padding:3rem 0 0;margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.04)}
.fg,.fbot{border-top:none}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem}
.fb-d{font-size:.82rem;color:rgba(255,255,255,.66);line-height:1.7;max-width:270px;margin:.85rem 0 1rem}
.flogo{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:900;font-size:1.05rem;color:#fff;letter-spacing:-.03em;text-decoration:none}
.fcol h4{font-family:var(--fd);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.42);margin-bottom:.85rem}
.flinks{display:flex;flex-direction:column;gap:.4rem}
.flnk{font-size:.82rem;color:rgba(255,255,255,.72);transition:color .15s;text-decoration:none;display:block}.flnk:hover{color:#fff}
.fbot{border-top:1px solid rgba(255,255,255,.08);padding:1.3rem 0;display:flex;align-items:center;justify-content:space-between;font-size:.77rem;color:rgba(255,255,255,.48);flex-wrap:wrap;gap:.75rem}
.fbot a{color:rgba(255,255,255,.62);text-decoration:none;transition:color .15s}.fbot a:hover{color:#fff}
/* RESPONSIVE */
@media(max-width:1100px){.app-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr;gap:2rem}.feat-grid{grid-template-columns:1fr 1fr}.tools-grid{grid-template-columns:1fr 1fr}.about-grid,.page-grid-2{grid-template-columns:1fr}.sec-cards{grid-template-columns:1fr}.legal-grid{grid-template-columns:1fr}.legal-nav{position:static}}
@media(max-width:1100px){.pp-workbench{grid-template-columns:1fr}.pp-preview-panel{position:static}.pp-canvas-frame{min-height:300px}}
@media(max-width:1180px){.pp-primary-controls{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.bg-hero-grid,.bg-studio-grid{grid-template-columns:1fr}.bg-result-panel{position:static}.bg-upload-panel,.bg-sidecard{position:static}.bg-canvas-wrap{min-height:300px}.bg-original-details{display:none}}
@media(max-width:1100px){.about-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.hero-split{grid-template-columns:1fr}.hero-rail{max-width:760px}.hero-preview-body{grid-template-columns:1fr 1fr}.hero-visual-side{position:relative;right:auto;bottom:auto;margin-top:.8rem;min-width:0}}
@media(max-width:768px){.nav-lks{display:none}.hbg{display:flex}.stat-row{grid-template-columns:repeat(3,1fr)}.sidebar{grid-template-columns:1fr}.fg{grid-template-columns:1fr}.about-sts{grid-template-columns:1fr}.feat-grid,.tools-grid,.info-band{grid-template-columns:1fr}.metric-strip{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr 1fr}.fr-row{grid-template-columns:1fr}.page-head,.page-head h1,.page-head .d2,.page-head p{text-align:left}.suite-toolbar{align-items:stretch}.suite-search-wrap{min-width:100%}.suite-filter-row{width:100%}.tool-hero{padding:1rem 0 .85rem}.tool-hero p{font-size:.88rem}#ck{left:1rem;right:1rem;bottom:1rem;transform:none;width:auto;border-radius:18px;padding:.85rem 1rem;gap:.8rem;flex-wrap:wrap}.hero{padding:4rem 0 2.2rem}.hero-preview{padding:1rem}.hero-actions .btn{flex:1}.legal-wrap{padding:1.35rem}.suite-toolbar-card{padding:.9rem}.workspace-helper-strip{padding:.9rem}.faq-hero-grid,.feature-hero-grid,.about-hero-grid,.page-grid-2{grid-template-columns:1fr}.feature-map{padding:.8rem}.about-manifesto p{font-size:1.12rem}.faq-pager{flex-wrap:wrap}.feature-hero,.about-hero,.faq-hero{padding:2.8rem 0 1.6rem}}
@media(max-width:768px){.pp-page{padding-top:.8rem}.pp-steps{display:none}.pp-workbench{gap:1rem}.pp-control-grid,.pp-primary-controls{grid-template-columns:1fr}.pp-bg-card{padding:.85rem;border-radius:22px}.pp-bg-topline{display:block}.pp-bg-topline span{display:block;max-width:none;text-align:left;margin-top:.25rem}.pp-bg-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-color-row{grid-template-columns:1fr;align-items:start}.pp-inline-select,.pp-inline-color{grid-column:1/-1}.pp-check-row{grid-template-columns:1fr}.pp-mini-stats{grid-template-columns:1fr 1fr}.pp-canvas-frame{padding:.7rem;border-radius:20px;min-height:250px}.pp-canvas{max-height:72vh}.pp-guide-list{font-size:.74rem}.pp-section-title{font-size:.74rem}.pp-sheet-options{grid-template-columns:1fr}.pp-sheet-dialog{padding:1rem;border-radius:24px}.pp-modal-actions{display:grid;grid-template-columns:1fr}.pp-modal-actions .btn{width:100%}}
@media(max-width:768px){.bg-hero{padding:.9rem 0 .8rem}.bg-hero-copy h1{font-size:clamp(2rem,8vw,3.2rem);max-width:100%}.bg-hero-copy p{font-size:.94rem}.bg-hero-badges{gap:.35rem}.bg-hero-badges span{font-size:.58rem}.bg-stepper{margin-top:.1rem}.bg-stepper span{font-size:.58rem}.bg-studio-page{padding-top:.2rem}.bg-studio-grid{gap:.85rem}.bg-editor-toolbar{top:68px;padding:.5rem;border-radius:24px;justify-content:flex-start}.bg-editor-tabs,.bg-editor-actions{width:100%;justify-content:flex-start}.bg-toolbar-btn{min-height:40px;padding:.5rem .8rem;font-size:.72rem}.bg-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-choice.transparent{grid-column:1/-1}.bg-field-grid{grid-template-columns:1fr}.bg-canvas-wrap{min-height:220px;padding:.65rem;border-radius:18px}.bg-action-row .btn{flex:1}.bg-drop{min-height:150px;padding:1rem}.bg-upload-panel .pb,.bg-sidecard .pb,.bg-result-panel .pb{padding:1rem}.bg-preview-toolbar{padding:.75rem .8rem}.bg-preview-zoom-controls{width:100%}.bg-preview-zoom-controls button{flex:1;justify-content:center}.bg-zoom-readout{width:100%;text-align:left}.bg-side-advanced,.bg-original-details{padding:.8rem;border-radius:18px}.bg-preview-hint{display:none}.bg-modal{align-items:flex-end;padding:.6rem}.bg-modal-dialog{width:100%;max-height:92vh;border-radius:24px 24px 0 0}.bg-modal-head{margin-bottom:.8rem}.bg-modal-section{padding:.85rem;border-radius:18px}}
@media(max-width:768px){#nav .nav-in:not(:has(.hbg)){height:auto;min-height:58px;gap:.75rem;align-items:flex-start;flex-wrap:wrap;padding-top:.75rem;padding-bottom:.75rem}#nav .nav-in:not(:has(.hbg)) .nav-lks{display:flex;order:3;width:100%;overflow-x:auto;gap:.45rem;padding-bottom:.1rem;scrollbar-width:none}#nav .nav-in:not(:has(.hbg)) .nav-lks::-webkit-scrollbar{display:none}#nav .nav-in:not(:has(.hbg)) .nav-a{flex:0 0 auto;padding:.48rem .72rem;border-radius:14px;font-size:.86rem;background:rgba(79,107,255,.07)}#nav .nav-in:not(:has(.hbg)) .nav-r,#nav .nav-in:not(:has(.hbg)) .theme{margin-left:auto}}
@media(max-width:768px){.about-page main>.sec{padding:1.8rem 0}.about-page .about-hero+.sec{padding-top:1.4rem}.about-page .about-hero{padding:2.4rem 0 1.5rem}}
@media(max-width:768px){.feature-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-item:nth-child(2){border-right:none}.proof-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}}
@media(max-width:540px){.stat-row{grid-template-columns:repeat(2,1fr)}.con{padding:0 1rem}.how-grid,.metric-strip,.hero-preview-body{grid-template-columns:1fr}.hero-title{font-size:clamp(2.55rem,11vw,4rem)}.hero-step{padding:.72rem .78rem}.ec-bar{flex-direction:column;align-items:flex-start}.ec-cks{margin-left:0}.seo-sg{grid-template-columns:1fr 1fr}.tool-card-ft{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.pp-page{padding-bottom:3.5rem}.pp-canvas-frame{min-height:210px}.pp-mini-stats{grid-template-columns:1fr}.pp-controls{gap:.8rem}.pp-control-grid input,.pp-control-grid select,.pp-inline-select select{min-height:46px}.pp-color-row{gap:.6rem}.pp-color-swatch{min-height:54px;border-radius:16px}.pp-color-swatch span{font-size:.58rem}.pp-drop{min-height:150px}.pp-workbench{gap:.9rem}.pp-bg-swatches{gap:.5rem}.pp-bg-toggle,.pp-advanced-options summary{padding:.75rem .85rem}.pp-advanced-options .pp-check-row,.pp-advanced-options .helper-note{margin:.6rem}.pp-control-grid label,.pp-inline-select,.pp-inline-color{font-size:.63rem}.pp-preview-panel .pb{padding:.85rem}.pp-spec-grid div,.pp-mini-stats div{border-radius:16px}.pp-guide-list{display:none}.pp-export-actions{display:grid;grid-template-columns:1fr;bottom:.5rem}.pp-compact-actions{display:grid;grid-template-columns:1fr 1fr}.pp-compact-actions .btn:last-child{grid-column:1/-1}.pp-sheet-modal{align-items:flex-end;padding:.6rem}.pp-sheet-dialog{max-height:92vh;overflow:auto}}
@media(max-width:540px){.bg-studio-page{padding-bottom:3rem}.bg-choice{min-height:54px;border-radius:16px}.bg-choice span{font-size:.57rem}.bg-field-grid input,.bg-field-grid select{min-height:44px}.bg-canvas-wrap{min-height:190px}.bg-sidecard .pb,.bg-result-panel .pb,.bg-upload-panel .pb{padding:.8rem}.bg-mini-stats{grid-template-columns:1fr}.bg-custom-file{margin:.6rem}.bg-action-strip{flex-direction:column}.bg-action-strip .btn{width:100%}.bg-preview-toolbar{display:grid;grid-template-columns:1fr;gap:.5rem}.bg-preview-zoom-controls button{min-height:38px}.bg-quick-facts{gap:.3rem}.bg-quick-facts span{font-size:.56rem}}
@media(max-width:540px){.about-principle-grid{grid-template-columns:1fr}.about-snapshot{padding:1rem;border-radius:24px}.about-page .about-hero .d2{font-size:clamp(2rem,10vw,3rem)}}
@media(max-width:540px){.feature-proof{grid-template-columns:1fr}.proof-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);min-height:76px}.proof-item:last-child{border-bottom:none}}
@media(max-width:640px){
  html,body{overflow-x:hidden}
  .logo{min-width:0;font-size:.92rem}
  .logo-b{white-space:nowrap}
  .nav-in{height:58px}
  .mob-panel{width:min(88vw,330px);padding:1.15rem}
  .d2,.d3,.suite-hero .d1{word-break:normal;overflow-wrap:break-word}
  .faq-hero .d2,.feature-hero-copy .d2,.about-page .about-hero .d2{font-size:clamp(1.9rem,9vw,2.8rem);line-height:1.02}
  .suite-lead,.tool-hero p,.faq-a p,.story-card p,.legal-wrap p{font-size:.95rem;line-height:1.62}
  .panel,.story-card,.info-card,.tool-card,.about-principle,.about-snapshot,.legal-wrap{border-radius:22px}
  .legal-wrap{margin:1.25rem auto 3rem;padding:1rem}
  .legal-wrap h1{font-size:clamp(1.8rem,10vw,2.6rem)}
  .ls{overflow-x:auto}
  .ltbl{min-width:620px}
  .fg{gap:1.4rem;margin-bottom:2rem}
  .fbot{flex-direction:column;align-items:flex-start;gap:.65rem}
  footer{padding-top:2.1rem}
  .suite-filter-row,.target-chips,.tool-pills,.quick-row,.tabs-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem;scrollbar-width:none}
  .suite-filter-row::-webkit-scrollbar,.target-chips::-webkit-scrollbar,.tool-pills::-webkit-scrollbar,.quick-row::-webkit-scrollbar,.tabs-nav::-webkit-scrollbar{display:none}
  .suite-filter,.quick-pill,.tool-pill,.tab-a{white-space:nowrap;flex:0 0 auto}
  .tool-card,.mini-tool,.result-card{min-width:0}
  .tool-card h3,.mini-tool strong,.result-card strong{overflow-wrap:anywhere}
  .batch-row{grid-template-columns:1fr}
  .preview-grid,.score-grid,.batch-summary{grid-template-columns:1fr}
  .tool-textarea{min-height:180px}
  .faq-help-card{padding:1rem}
  .faq-select{width:100%}
  .faq-q{align-items:flex-start;gap:.8rem}
  .faq-q>span:first-child{min-width:0}
}
@media(max-width:420px){
  .con{padding:0 .82rem}
  .btn{min-height:44px}
  .hero-actions .btn,.tool-actions-row .btn,.ck-btns button{width:100%}
  #ck{font-size:.82rem}
  .ck-btns{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .stat-card strong,.proof-item strong{font-size:1.35rem}
  .tool-hero-in,.hero-split{border-radius:24px;padding:1rem}
}
@media(max-width:1024px){
  html,body{max-width:100%;overflow-x:hidden}
  #nav .nav-in{height:58px;min-height:58px;align-items:center;flex-wrap:nowrap}
  #nav .nav-lks{display:none!important}
  #nav .hbg{display:flex!important}
  #nav .nav-focus-btn{display:none!important}
  body:not(.focus-mode) .focus-hint,.focus-hint{display:none!important}
  .logo{font-size:clamp(.88rem,4vw,1.05rem);gap:8px;min-width:0}
  .lm{width:34px;height:34px;border-radius:11px}
  .hero{padding:1.75rem 0 1.4rem}
  .hero-split{grid-template-columns:minmax(0,1fr)!important;padding:1rem!important;border-radius:24px!important;gap:1rem}
  .hero-title{font-size:clamp(2.35rem,11vw,4rem)!important;line-height:.96;max-width:100%}
  .hero-lead{font-size:clamp(1rem,4.4vw,1.28rem);line-height:1.55}
  .hero-rail{max-width:100%;min-width:0}
  .hero-visual{display:none}
  .hero-preview{border-radius:22px;padding:.95rem}
  .hero-preview-body{grid-template-columns:1fr 1fr}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:.55rem}
  .hero-actions .btn{width:100%}
  .hero-badges{gap:.45rem}
  .badge{font-size:.78rem}
  .app-grid,.split-tools,.page-grid-2,.feature-hero-grid,.about-hero-grid,.faq-hero-grid{grid-template-columns:minmax(0,1fr)!important}
  .workspace-shell{padding-top:1rem!important}
}
@media print{#nav,#ck,#toast,#btt,footer,.tb-bar,.ec-bar,.ed-ft,.sidebar .btn-g{display:none!important}.app-grid,.sidebar{grid-template-columns:1fr!important}}

/* ── FOCUS MODE ──────────────────────────────────────────────────────── */
.focus-mode #nav,
.focus-mode .workspace-app-head,
.focus-mode .workspace-statusbar,
.focus-mode .how-w,
.focus-mode .stat-row,
.focus-mode .tabs-sh,
.focus-mode .sidebar,
.focus-mode footer,
.focus-mode #ck,
.focus-mode #btt,
.focus-mode .ec-bar,
.focus-mode .hero,
.focus-mode .doc-ribbon,
.focus-mode .doc-page-strip,
.focus-mode .quick-row,
.focus-mode .workspace-helper-strip,
.focus-mode .workspace-next {
  display: none !important;
}
.focus-mode .app-grid,
.focus-mode .dedicated-workspace .app-grid {
  display: block;
  padding-bottom: 0;
}
.focus-mode .workspace-shell,
.focus-mode .dedicated-workspace {
  max-width:none;
  width:100%;
  padding:0!important;
  border-radius:0;
  border:0;
  box-shadow:none;
  background:transparent;
}
.focus-mode .ed-shell,
.focus-mode .dedicated-workspace .ed-shell {
  border-radius: 0;
  border: none;
  box-shadow: none;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background:var(--wh);
}
.focus-mode .ed-area{
  flex:1;
  background:var(--wh);
}
.focus-mode #editor {
  min-height: calc(100vh - 110px);
  max-height: none;
  font-size: 1.1rem;
  line-height: 1.9;
  padding: 3rem min(6rem, 8vw);
  background:var(--wh);
}
.focus-mode #hl-lay {
  padding: 3rem min(6rem, 8vw);
  font-size: 1.1rem;
  line-height: 1.9;
}
.focus-mode .tb-bar {
  position: sticky;
  bottom: 0;
  z-index: 10;
  border-top: 1px solid var(--bd2);
  border-bottom: none;
  border-radius: 0;
}
.focus-mode .ed-ft {
  position: sticky;
  bottom: 47px;
  z-index: 9;
}
/* Focus mode toggle button */
.home-page .nav-focus-btn{display:none!important}
.nav-focus-btn{display:inline-flex;align-items:center;gap:5px;padding:.3rem .72rem;border-radius:var(--r);font-size:.76rem;font-weight:600;cursor:pointer;border:1px solid var(--bd);background:var(--s2);color:var(--i2);transition:all .15s;white-space:nowrap}
.nav-focus-btn:hover{background:var(--brl);border-color:var(--br);color:var(--br)}
.focus-mode .nav-focus-btn{background:var(--br);color:#fff;border-color:var(--br)}
@media(max-width:768px){.nav-focus-btn{display:none}}
.focus-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: .3rem .72rem;
  border-radius: var(--r);
  font-size: .76rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--bd);
  background: var(--s2);
  color: var(--i2);
  transition: all .15s;
}
.focus-btn:hover {
  background: var(--brl);
  border-color: var(--br);
  color: var(--br);
}
.focus-mode .nav-focus-btn{display:inline-flex;align-items:center;gap:5px;padding:.3rem .72rem;border-radius:var(--r);font-size:.76rem;font-weight:600;cursor:pointer;border:1.5px solid var(--bd);background:var(--s2);color:var(--i2);transition:all .15s;white-space:nowrap}
.nav-focus-btn:hover{background:var(--brl);border-color:var(--br);color:var(--br)}
.focus-mode .nav-focus-btn{background:var(--br);color:#fff;border-color:var(--br)}
@media(max-width:768px){.nav-focus-btn{display:none}}
.focus-btn {
  background: var(--br);
  color: #fff;
  border-color: var(--br);
}
/* Exit focus hint */
.focus-hint {
  display: none;
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 9999;
  background: rgba(11,12,21,.75);
  color: rgba(255,255,255,.7);
  padding: .4rem .85rem;
  border-radius: var(--pill);
  font-size: .72rem;
  font-weight: 500;
  backdrop-filter: blur(8px);
  pointer-events: none;
  animation: fadeOut 3s ease 2s forwards;
}
.focus-mode .focus-hint { display: block; }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

/* Hide How It Works on tool pages */
.tool-hero ~ .how-w{display:none!important}

[data-dark] .how-w{background:var(--wh)}

/* ── FOCUS MODE MOBILE ───────────────────────────────── */
@media(max-width:768px){
  .focus-mode .con{padding:0}
  .focus-mode .app-grid{padding-bottom:0}
  .focus-mode #editor{
    min-height:calc(100dvh - 100px);
    max-height:none;
    padding:1.25rem 1rem;
    font-size:1rem;
    line-height:1.8;
  }
  .focus-mode #hl-lay{
    padding:1.25rem 1rem;
    font-size:1rem;
    line-height:1.8;
  }
  .focus-mode .ed-shell{border-radius:0;border:none}
  .focus-mode .tb-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;border-radius:0;padding:.5rem .75rem}
  .focus-mode .ed-ft{position:fixed;bottom:47px;left:0;right:0;z-index:99;border-radius:0}
  .focus-hint{font-size:.68rem;padding:.3rem .7rem;top:.6rem;right:.6rem}
}

.quick-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}
.quick-pill{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .88rem;border-radius:var(--pill);border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.9);font-size:.74rem;font-weight:600;color:var(--i2);cursor:pointer;transition:all .15s var(--ease);box-shadow:0 8px 18px rgba(15,23,42,.03)}
[data-dark] .quick-pill{background:rgba(15,23,42,.88);border-color:rgba(148,163,184,.12)}
.quick-pill:hover{background:var(--brl);border-color:var(--br);color:var(--br);transform:translateY(-1px)}
.workspace-next{margin-top:1rem;padding:1rem;border-radius:28px;border:1px solid var(--bd);background:radial-gradient(circle at 12% 10%,rgba(63,99,244,.12),transparent 34%),radial-gradient(circle at 85% 18%,rgba(18,185,129,.12),transparent 36%),rgba(255,255,255,.9);box-shadow:0 18px 44px rgba(16,24,40,.07)}
.workspace-next-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.workspace-next-head h2{font-family:var(--fd);font-size:clamp(1.45rem,2vw,2.2rem);line-height:1;letter-spacing:-.025em;color:var(--ink)}
.workspace-next-head a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem .8rem;border-radius:999px;border:1px solid var(--bd);background:#fff;color:var(--i2);font-weight:800;text-decoration:none}
.workflow-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.workflow-card{display:flex;flex-direction:column;min-height:168px;padding:.95rem;border-radius:20px;border:1px solid rgba(132,149,176,.18);background:rgba(255,255,255,.82);color:var(--ink);text-decoration:none;transition:all .18s var(--ease)}
.workflow-card:hover{transform:translateY(-2px);border-color:rgba(63,99,244,.28);box-shadow:0 18px 38px rgba(16,24,40,.09)}
.workflow-card span{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:var(--brl);color:var(--br);font-family:var(--fm);font-size:.68rem;font-weight:900;margin-bottom:auto}
.workflow-card strong{display:block;margin-top:.85rem;font-size:.94rem;line-height:1.2}
.workflow-card small{display:block;margin-top:.35rem;color:var(--i3);line-height:1.45}
.workspace-action-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:.9rem;align-items:center;margin-top:.8rem;padding:1rem;border-radius:22px;background:linear-gradient(135deg,#0d1b2d,#14395a);color:#fff}
.workspace-action-panel h3{font-family:var(--fd);font-size:1.25rem;line-height:1.05;margin-bottom:.35rem}
.workspace-action-panel p{color:rgba(255,255,255,.68);line-height:1.6;font-size:.88rem}
.workspace-checks{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.workspace-checks span{display:flex;align-items:center;gap:.35rem;min-height:38px;padding:.48rem .62rem;border-radius:14px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.86);font-size:.74rem;font-weight:800}
.workspace-checks span::before{content:"";width:8px;height:8px;border-radius:999px;background:#2de6aa;box-shadow:0 0 0 4px rgba(45,230,170,.14)}
[data-dark] .workspace-next{background:rgba(15,35,56,.82);box-shadow:0 20px 48px rgba(0,0,0,.2)}
[data-dark] .workspace-next-head h2,[data-dark] .workflow-card{color:#fff}
[data-dark] .workspace-next-head a,[data-dark] .workflow-card{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09)}
[data-dark] .workflow-card small{color:rgba(255,255,255,.66)}
.ins-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.ins-item{padding:.8rem;border:1px solid var(--bd2);border-radius:var(--r2);background:var(--s2)}
.ins-k{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--i4);margin-bottom:.25rem}
.ins-v{font-family:var(--fd);font-size:1.15rem;font-weight:800;color:var(--ink)}
.ins-note{margin-top:.7rem;padding:.7rem .8rem;background:var(--s2);border-radius:var(--r2);font-size:.78rem;color:var(--i3)}

.suite-hero{padding:2rem 0 1.6rem;position:relative;background:transparent;border-bottom:none}
.suite-hero::before{display:none}
.suite-hero .d1{font-size:clamp(2.35rem,5.2vw,4.5rem);line-height:.96;max-width:920px;margin-inline:auto}
.suite-lead{max-width:760px;font-size:1rem;color:var(--i2);margin:1rem auto 0;line-height:1.7}
[data-dark] .suite-lead{color:rgba(240,247,255,.76)}
.suite-toolbar-card{padding:1rem 1rem 1.05rem;border-radius:28px;border:1px solid rgba(132,149,176,.16);background:rgba(255,255,255,.84);backdrop-filter:blur(10px);box-shadow:0 18px 38px rgba(15,23,42,.08);margin-bottom:1.15rem}
[data-dark] .suite-toolbar-card{background:rgba(11,27,45,.84);border-color:rgba(255,255,255,.08);box-shadow:0 22px 48px rgba(5,16,29,.24)}
.suite-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.15rem}
.suite-search-wrap{display:flex;flex-direction:column;gap:.45rem;min-width:min(100%,360px);flex:1}
.suite-search-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--i4)}
.suite-search{width:100%;padding:.88rem 1rem;border:1px solid var(--bd);border-radius:18px;background:rgba(255,255,255,.86);color:var(--ink);font-size:.92rem;outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.suite-search:focus{border-color:rgba(63,81,181,.38);box-shadow:0 0 0 4px rgba(63,81,181,.08)}
[data-dark] .suite-search{background:rgba(255,255,255,.05);color:#fff}
.suite-search::placeholder{color:var(--i4);opacity:1}
.suite-search-help{font-size:.76rem;color:var(--i3);line-height:1.5}
.suite-filter-row{display:flex;flex-wrap:wrap;gap:.5rem}
.suite-filter{display:inline-flex;align-items:center;justify-content:center;padding:.7rem .95rem;border-radius:999px;border:1px solid var(--bd);background:rgba(255,255,255,.78);color:var(--i2);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s var(--ease)}
.suite-filter:hover{border-color:rgba(78,103,255,.24);color:var(--ink);background:#fff}
.suite-filter.on{background:linear-gradient(180deg,#2de6aa 0%,#18c98d 100%);border-color:rgba(36,212,154,.26);color:#082316;box-shadow:0 10px 18px rgba(18,182,127,.22)}
[data-dark] .suite-filter{background:rgba(255,255,255,.04)}
[data-dark] .suite-filter:hover{border-color:rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.08)}
[data-dark] .suite-filter.on{background:linear-gradient(180deg,#2de6aa 0%,#18c98d 100%);border-color:rgba(36,212,154,.38);color:#062018;box-shadow:0 10px 18px rgba(18,182,127,.26)}
.suite-toolbar-note{display:flex;flex-wrap:wrap;gap:.55rem;padding-top:.1rem}
.suite-toolbar-stat{display:inline-flex;align-items:center;padding:.42rem .7rem;border-radius:999px;background:var(--s2);border:1px solid var(--bd2);font-size:.73rem;color:var(--i3);font-weight:700}
.suite-toolbar-stat strong{font-family:var(--fd);font-size:.82rem;color:var(--ink);margin-right:.28rem}
[data-dark] .suite-toolbar-stat{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.66)}
[data-dark] .suite-toolbar-stat strong{color:#fff}
.suite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.75rem}
.suite-card{display:flex;flex-direction:column;gap:.9rem;padding:1.15rem;background:var(--wh);border:1px solid var(--bd);border-radius:var(--r3)}
.suite-card h3{font-family:var(--fd);font-size:1.25rem;line-height:1.05}
.suite-card p{color:var(--i3);font-size:.88rem}
.suite-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.suite-cat,.suite-best{display:inline-flex;align-items:center;padding:.26rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700}
.suite-cat{background:var(--brl);color:var(--br)}
.suite-best{background:var(--s2);color:var(--i3)}
.suite-links{display:flex;flex-wrap:wrap;gap:.4rem}
.suite-links a,.mini-tool{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .65rem;border-radius:var(--r);border:1px solid var(--bd2);background:var(--s2);font-size:.75rem;font-weight:600;color:var(--i2);transition:all .15s}
.suite-links a:hover,.mini-tool:hover{border-color:var(--br);color:var(--br);background:var(--wh)}
.tool-card-ft{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:1rem;padding-top:.95rem;border-top:1px solid var(--bd2)}
.tool-card-note{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--i4)}
.suite-empty{grid-column:1/-1;background:var(--wh)}
.suite-groups{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}
.suite-group{padding:1rem 1.1rem;border:1px solid rgba(132,149,176,.16);border-radius:28px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px)}
[data-dark] .suite-group{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05)}
.suite-group-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem}
.suite-group-head p{color:var(--i3);font-size:.85rem}
.suite-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}
.mini-tool{display:flex;flex-direction:column;align-items:flex-start}
.mini-tool-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.35rem}
.mini-tool strong{font-size:.86rem;color:var(--ink)}
.mini-tool span{font-size:.74rem;color:var(--i3)}
.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.2rem auto 0;max-width:980px}
.metric-card{background:rgba(255,255,255,.82);border:1px solid rgba(132,149,176,.16);border-radius:20px;padding:1rem;display:flex;gap:.8rem;align-items:flex-start;backdrop-filter:blur(8px)}
[data-dark] .metric-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.metric-card strong{display:block;font-family:var(--fd);font-size:1rem;color:var(--ink);margin-bottom:.12rem}
.metric-card span{display:block;font-size:.75rem;color:var(--i3);line-height:1.45}
.features-page .feature-hero{padding:3.2rem 0 1.4rem}
.features-page .feature-metrics{max-width:1120px;margin-top:1rem}
.feature-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:1.15rem;border:1px solid rgba(132,149,176,.16);border-radius:26px;background:linear-gradient(135deg,#102640 0%,#173f66 100%);box-shadow:0 24px 55px rgba(15,39,64,.16);overflow:hidden}
.proof-item{padding:1.1rem 1.25rem;border-right:1px solid rgba(255,255,255,.1);min-height:92px;display:flex;flex-direction:column;justify-content:center}
.proof-item:last-child{border-right:none}
.proof-item strong{font-family:var(--fd);font-size:clamp(1.55rem,2.5vw,2.05rem);line-height:.95;color:#fff;letter-spacing:-.025em}
.proof-item span{margin-top:.38rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(232,244,255,.68)}
[data-dark] .feature-proof{background:linear-gradient(135deg,#081523 0%,#123655 100%);border-color:rgba(255,255,255,.08);box-shadow:0 24px 55px rgba(5,16,29,.26)}
.features-page main>.sec{padding:2.25rem 0}
.features-page .feature-hero+.sec{padding-top:1.45rem}
.features-page main>.sec:last-of-type{padding-bottom:3rem}
.features-page .info-band{align-items:stretch}
.features-page .info-card{border-radius:24px;padding:1.25rem;box-shadow:0 16px 32px rgba(15,23,42,.05)}
.features-page .page-grid-2{gap:1.15rem}
@media(max-width:768px){.features-page main>.sec{padding:1.6rem 0}.features-page .feature-hero+.sec{padding-top:1.15rem}}
.info-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.info-card{background:rgba(255,255,255,.82);border:1px solid rgba(132,149,176,.16);border-radius:28px;padding:1.15rem;display:flex;gap:.9rem;align-items:flex-start;transition:all .2s var(--ease);backdrop-filter:blur(8px)}
.info-card:hover{border-color:rgba(78,103,255,.18);transform:translateY(-2px)}
.info-copy h3{font-family:var(--fd);font-size:1rem;line-height:1.05;margin-bottom:.35rem;color:var(--ink)}
.info-copy p{font-size:.84rem;color:var(--i2);line-height:1.55}
[data-dark] .info-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
[data-dark] .info-card:hover{border-color:rgba(255,255,255,.18)}
[data-dark] .info-copy h3{color:#fff}
[data-dark] .info-copy p{color:rgba(240,247,255,.72)}

.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem}
.result-card{display:flex;flex-direction:column;gap:.55rem;padding:.9rem;border:1.5px solid var(--bd2);border-radius:var(--r2);background:rgba(255,255,255,.72)}
.result-main{font-size:.9rem;color:var(--ink);line-height:1.5}
[data-dark] .result-card{background:rgba(255,255,255,.04)}
[data-dark] .result-main{color:#fff}
.result-meta,.result-label{font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--i4)}
.result-chip{padding:.7rem .8rem;border-radius:var(--r2);background:var(--s2);border:1px solid var(--bd2);font-size:.82rem;color:var(--i2)}
.empty-state{padding:1.2rem;border:1px dashed var(--bd);border-radius:var(--r2);text-align:center;color:var(--i4);font-size:.84rem}
.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem}
.score-box{padding:.95rem;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(255,255,255,.78)}
.score-box strong{display:block;font-family:var(--fd);font-size:1.2rem;color:var(--ink);margin-top:.2rem}
[data-dark] .score-box{background:rgba(255,255,255,.04)}
[data-dark] .score-box strong{color:#fff}
.outline-row{display:grid;grid-template-columns:52px 1fr 32px;gap:.8rem;align-items:start;padding:.85rem;border-bottom:1px solid var(--bd2)}
.outline-row:last-child{border-bottom:none}
.outline-row p{margin-top:.25rem;font-size:.8rem;color:var(--i3)}
.outline-level{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .45rem;border-radius:999px;background:var(--brl);color:var(--br);font-size:.7rem;font-weight:800}
.outline-count{font-family:var(--fm);font-size:.75rem;color:var(--i4);text-align:right}
.related-strip{margin-top:1.25rem}
.related-strip h2{margin-bottom:.75rem}
.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:.9rem}
.field-row input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),.field-row select,.tool-control,.panel .pb>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]),.panel .pb>select{width:100%;min-height:48px;padding:.82rem .95rem;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:rgba(248,251,255,.92);color:var(--ink);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}
.field-row input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,.field-row select:focus,.tool-control:focus,.panel .pb>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):focus,.panel .pb>select:focus{border-color:rgba(78,103,255,.56);background:#fff;box-shadow:0 0 0 4px var(--brl),inset 0 1px 0 rgba(255,255,255,.9)}
.field-row input:not([type="checkbox"]):not([type="radio"])::placeholder,.tool-control::placeholder,.panel .pb>input::placeholder{color:var(--i4)}
.field-row label{display:flex;flex-direction:column;gap:.4rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--i4)}
.field-row label:has(input[type="checkbox"]),.field-row label:has(input[type="radio"]){flex-direction:row;align-items:center;gap:.55rem;min-height:46px;padding:.72rem .85rem;border:1px solid var(--bd2);border-radius:16px;background:var(--s2);letter-spacing:0;text-transform:none;color:var(--i2)}
.field-row input[type="checkbox"],.field-row input[type="radio"]{width:18px;height:18px;accent-color:var(--br);flex:0 0 auto}
.panel .pb>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]),.panel .pb>select{margin-bottom:.72rem}
[data-dark] .field-row input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),[data-dark] .field-row select,[data-dark] .tool-control,[data-dark] .panel .pb>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]),[data-dark] .panel .pb>select{background:rgba(255,255,255,.045);border-color:rgba(166,197,223,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
[data-dark] .field-row input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):focus,[data-dark] .field-row select:focus,[data-dark] .tool-control:focus,[data-dark] .panel .pb>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):focus,[data-dark] .panel .pb>select:focus{background:rgba(255,255,255,.07);border-color:rgba(131,167,255,.62)}
.target-select{appearance:none}
.target-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.2rem 0 .8rem}
.target-badge{padding:.75rem .8rem;border-radius:18px;border:1px solid var(--bd2);background:var(--s2)}
.target-badge span{display:block;font-size:.63rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--i4);margin-bottom:.18rem}
.target-badge strong{display:block;font-family:var(--fd);font-size:1rem;color:var(--ink)}
.sample-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem}
.sample-chip{display:inline-flex;align-items:center;justify-content:center;padding:.44rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.86);font-size:.72rem;font-weight:700;color:var(--i2);cursor:pointer;transition:all .15s var(--ease)}
.sample-chip:hover{background:var(--brl);border-color:var(--br);color:var(--br)}
[data-dark] .sample-chip{background:rgba(255,255,255,.04)}
[data-dark] .sample-chip:hover{background:var(--brl)}
.page-grid-2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:1rem;align-items:start}
.story-stack{display:grid;gap:1rem}
.story-card{padding:1.15rem;border-radius:26px;border:1px solid rgba(132,149,176,.16);background:rgba(255,255,255,.82);backdrop-filter:blur(8px)}
[data-dark] .story-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
.story-card h3{font-family:var(--fd);font-size:1.08rem;line-height:1.08;color:var(--ink);margin-bottom:.4rem}
.story-card p{font-size:.85rem;color:var(--i2);line-height:1.65}
[data-dark] .story-card h3{color:#fff}
[data-dark] .story-card p{color:rgba(240,247,255,.72)}
.feature-list{display:grid;gap:.85rem}
.feature-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--bd2)}
.feature-row:last-child{border-bottom:none}
.feature-row strong{display:block;font-family:var(--fd);font-size:1rem;color:var(--ink);margin-bottom:.2rem}
.feature-row p{font-size:.82rem;color:var(--i2);line-height:1.58}
[data-dark] .feature-row strong{color:#fff}
[data-dark] .feature-row p{color:rgba(240,247,255,.72)}
.faq-index{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.faq-chip{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:.48rem .72rem;border-radius:999px;border:1px solid rgba(132,149,176,.18);background:rgba(255,255,255,.78);font-size:.73rem;font-weight:800;color:var(--i2);transition:all .15s var(--ease)}
.faq-chip:hover{border-color:var(--br);color:var(--br);background:var(--brl)}
[data-dark] .faq-chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}
[data-dark] .faq-chip:hover{background:rgba(131,167,255,.12);color:#fff}
.faq-kicker{display:block;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--i4);margin-bottom:.3rem}
.cta-panel{padding:1.2rem;border-radius:28px;border:1px solid rgba(132,149,176,.16);background:linear-gradient(135deg,rgba(255,255,255,.88) 0%,rgba(238,244,251,.95) 100%);box-shadow:0 18px 34px rgba(15,23,42,.06)}
.cta-panel h3{font-family:var(--fd);font-size:1.15rem;line-height:1.08;color:var(--ink);margin-bottom:.35rem}
.cta-panel p{font-size:.84rem;color:var(--i2);line-height:1.62;margin-bottom:.8rem}
[data-dark] .cta-panel{background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.03) 100%);border-color:rgba(255,255,255,.08);box-shadow:0 18px 38px rgba(5,16,29,.2)}
[data-dark] .cta-panel h3{color:#fff}
[data-dark] .cta-panel p{color:rgba(240,247,255,.72)}
.uploader-shell{display:grid;gap:1rem}
.drop-zone{padding:1.4rem;border:1.5px dashed rgba(148,163,184,.34);border-radius:24px;background:rgba(255,255,255,.66);text-align:center}
[data-dark] .drop-zone{background:rgba(255,255,255,.04);border-color:rgba(148,163,184,.24)}
.drop-zone strong{display:block;font-family:var(--fd);font-size:1rem;color:var(--ink);margin-bottom:.3rem}
.drop-zone p{font-size:.84rem;color:var(--i3);line-height:1.55}
.file-input{margin-top:.9rem}
.file-input input{display:none}
.file-input label{display:inline-flex;align-items:center;justify-content:center;padding:.62rem 1rem;border-radius:999px;background:var(--br);color:#fff;font-weight:700;cursor:pointer}
.file-input span{display:inline-flex;align-items:center;justify-content:center;padding:.62rem 1rem;border-radius:999px;background:var(--br);color:#fff;font-weight:700;cursor:pointer}
.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}
.preview-card{padding:.85rem;border:1px solid var(--bd2);border-radius:22px;background:rgba(255,255,255,.78)}
[data-dark] .preview-card{background:rgba(255,255,255,.04)}
.preview-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid var(--bd2);background:var(--s2);display:block}
.preview-card h4{font-size:.82rem;color:var(--ink);margin:.65rem 0 .2rem}
.preview-card p{font-size:.72rem;color:var(--i3)}
.preview-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.65rem}
.mini-act{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .58rem;border-radius:12px;border:1px solid var(--bd2);background:var(--s2);font-size:.7rem;font-weight:700;color:var(--i2);cursor:pointer}
.mini-act:hover{border-color:var(--br);color:var(--br)}
.mini-act.danger:hover{border-color:var(--rd);color:var(--rd)}
.tool-actions-row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}
.panel .pb>.btn{margin-top:.15rem}
.form-hint{margin:.15rem 0 .95rem;font-size:.8rem;color:var(--i3);line-height:1.55}
.helper-note{padding:.8rem .9rem;border-radius:18px;background:var(--s2);font-size:.78rem;color:var(--i3);line-height:1.55}
.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.compare-canvas{width:100%;height:auto;border-radius:16px;border:1px solid var(--bd2);background:#fff;display:block}
.compare-canvas.checker{background:
linear-gradient(45deg,#eef2f7 25%,transparent 25%),
linear-gradient(-45deg,#eef2f7 25%,transparent 25%),
linear-gradient(45deg,transparent 75%,#eef2f7 75%),
linear-gradient(-45deg,transparent 75%,#eef2f7 75%);
background-size:20px 20px;
background-position:0 0,0 10px,10px -10px,-10px 0}
.batch-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem}
.batch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem;padding:.7rem .8rem;border:1px solid var(--bd2);border-radius:16px;background:rgba(255,255,255,.72)}
.batch-toolbar span{font-size:.76rem;font-weight:800;color:var(--i3);line-height:1.35}
.batch-stat{padding:.95rem;border:1px solid var(--bd2);border-radius:18px;background:var(--s2)}
.batch-stat span{display:block;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--i4);margin-bottom:.2rem}
.batch-stat strong{font-family:var(--fd);font-size:1.15rem;color:var(--ink)}
.batch-list{display:flex;flex-direction:column;gap:.45rem}
.batch-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.7rem;align-items:center;padding:.7rem .8rem;border:1px solid var(--bd2);border-radius:16px;background:rgba(255,255,255,.74)}
[data-dark] .batch-row{background:rgba(255,255,255,.04)}
.batch-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}
.btn-mini{min-height:30px;padding:0 .58rem;border:1px solid var(--bd2);border-radius:999px;background:rgba(255,255,255,.82);color:var(--i2);font-size:.68rem;font-weight:850;cursor:pointer}
.btn-mini:hover{border-color:rgba(63,99,244,.34);color:var(--br);background:#eef3ff}
.btn-mini.danger:hover{border-color:rgba(239,68,68,.36);color:#dc2626;background:#fff1f2}
.batch-active{min-height:30px;display:inline-flex;align-items:center;padding:0 .58rem;border-radius:999px;background:rgba(20,184,166,.12);color:#047866;font-size:.68rem;font-weight:900}
[data-dark] .batch-toolbar{background:rgba(255,255,255,.05)}
[data-dark] .btn-mini{background:rgba(255,255,255,.06);color:rgba(232,241,255,.78)}
[data-dark] .batch-active{background:rgba(20,184,166,.16);color:#83ffe7}
.batch-name{font-size:.8rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.batch-meta{font-family:var(--fm);font-size:.7rem;color:var(--i4);white-space:nowrap}
.tool-textarea{width:100%;min-height:220px;padding:1rem;border:1px solid var(--bd);border-radius:18px;background:var(--s2);color:var(--ink);outline:none;resize:vertical;line-height:1.6}
.tool-textarea:focus{border-color:var(--br);box-shadow:0 0 0 4px var(--brl)}
.tool-output{min-height:180px;max-height:420px;overflow:auto;padding:1rem;border:1px solid var(--bd2);border-radius:18px;background:var(--s2);font-family:var(--fm);font-size:.8rem;white-space:pre-wrap;color:var(--ink)}
.tool-preview-box{min-height:180px;padding:1rem;border:1px solid var(--bd2);border-radius:18px;background:rgba(255,255,255,.82);color:var(--ink);overflow:auto}
[data-dark] .tool-preview-box{background:rgba(255,255,255,.04)}
.serp-preview{padding:1.15rem;border:1px solid var(--bd2);border-radius:20px;background:#fff;box-shadow:0 18px 36px rgba(15,23,42,.06)}
.serp-title{font-family:Arial,sans-serif;font-size:1.2rem;line-height:1.28;color:#1a0dab;margin-bottom:.25rem}
.serp-url{font-family:Arial,sans-serif;font-size:.82rem;color:#006621;margin-bottom:.45rem;word-break:break-all}
.serp-desc{font-family:Arial,sans-serif;font-size:.92rem;line-height:1.45;color:#4d5156}
[data-dark] .serp-preview{background:rgba(255,255,255,.94)}
.signal-list{display:grid;gap:.55rem;margin-top:1rem}
.signal-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.72rem .82rem;border:1px solid var(--bd2);border-radius:16px;background:var(--s2)}
.signal-row span{font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--i4)}
.signal-row strong{font-family:var(--fd);font-size:.92rem;color:var(--ink);text-align:right}
.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}
.result-card{display:grid;gap:.5rem;padding:1rem;border:1px solid var(--bd2);border-radius:18px;background:var(--s2)}
.result-card span{font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--i4)}
.result-card strong{font-family:var(--fd);font-size:.96rem;line-height:1.28;color:var(--ink)}
.empty-state{display:flex;align-items:center;justify-content:center;min-height:150px;padding:1rem;text-align:center;color:var(--i3);font-weight:650}
.pdf-workbench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pdf-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-items:end}
.pdf-control-grid label,.field-row label{display:grid;gap:.38rem;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--i4)}
.pdf-control-grid input,.pdf-control-grid select,.field-row input,.field-row select{width:100%;min-height:50px;padding:.76rem .9rem;border:1px solid var(--bd2);border-radius:17px;background:rgba(255,255,255,.72);color:var(--ink);font:750 .88rem var(--fs);outline:none}
.pdf-control-grid input:focus,.pdf-control-grid select:focus,.field-row input:focus,.field-row select:focus{border-color:var(--br);box-shadow:0 0 0 4px var(--brl);background:#fff}
[data-dark] .pdf-control-grid input,[data-dark] .pdf-control-grid select,[data-dark] .field-row input,[data-dark] .field-row select{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.1)}
.check-line{min-height:50px;display:flex!important;align-items:center;gap:.55rem;padding:.72rem .9rem;border:1px solid var(--bd2);border-radius:17px;background:var(--s2);letter-spacing:0!important;text-transform:none!important;font-size:.86rem!important;color:var(--i2)!important}
.check-line input{width:auto!important;min-height:auto!important;padding:0!important}
.mini-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.mini-stat{padding:.85rem;border:1px solid var(--bd2);border-radius:18px;background:var(--s2)}
.mini-stat span{display:block;font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--i4);margin-bottom:.18rem}
.mini-stat strong{font-family:var(--fd);font-size:1.05rem;color:var(--ink);line-height:1.05}
.doc-preview{min-height:260px;max-height:520px;overflow:auto;padding:1.2rem;border:1px solid var(--bd2);border-radius:20px;background:#fff;color:#111827;box-shadow:inset 0 0 0 1px rgba(15,23,42,.02)}
.doc-preview h1{font-family:Arial,sans-serif;font-size:1.35rem;margin:0 0 1rem;color:#111827}
.doc-preview p{font-family:Arial,sans-serif;font-size:.92rem;line-height:1.65;margin:0 0 .75rem;color:#1f2937}
.upload-card{display:grid;gap:.25rem;padding:1rem;border:1px solid rgba(79,107,255,.22);border-radius:18px;background:linear-gradient(135deg,rgba(79,107,255,.08),rgba(24,201,151,.08));color:var(--ink)}
.upload-card strong{font-family:var(--fd);font-size:1rem;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-card span{font-size:.82rem;font-weight:750;color:var(--i2)}
.upload-card small{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--br)}
.upload-card.empty{display:flex;align-items:center;justify-content:center;min-height:74px;background:var(--s2);border-color:var(--bd2);color:var(--i3);font-weight:750}
[data-dark] .upload-card{background:linear-gradient(135deg,rgba(131,167,255,.12),rgba(24,201,151,.09));border-color:rgba(255,255,255,.09)}
.og-canvas-wrap{position:relative;padding:.75rem;border:1px solid var(--bd2);border-radius:22px;background:var(--s2);transition:border-color .15s var(--ease),box-shadow .15s var(--ease);touch-action:none}
.og-canvas-wrap.dragging{border-color:var(--br);box-shadow:0 0 0 5px var(--brl)}
.og-canvas-wrap.moving{cursor:grabbing;border-color:var(--gn)}
.og-canvas{width:100%;height:auto;display:block;border-radius:16px;background:#071525;box-shadow:0 18px 38px rgba(15,23,42,.1)}
.og-drop-hint{position:absolute;right:1.05rem;bottom:1.05rem;padding:.48rem .7rem;border-radius:999px;background:rgba(6,18,31,.72);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
.og-builder{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);gap:1rem;padding:1.5rem 0 5rem}
.og-builder>.sec{grid-column:1/-1}
.og-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.og-control-grid input,.og-control-grid select{width:100%;min-height:52px;padding:.78rem .9rem;border:1px solid var(--bd2);border-radius:18px;background:rgba(255,255,255,.72);color:var(--ink);font:700 .92rem var(--fs);outline:none;box-shadow:none;appearance:none}
.og-control-grid select{background-image:linear-gradient(45deg,transparent 50%,var(--i3) 50%),linear-gradient(135deg,var(--i3) 50%,transparent 50%);background-position:calc(100% - 19px) 22px,calc(100% - 13px) 22px;background-size:6px 6px;background-repeat:no-repeat}
.og-control-grid input:focus,.og-control-grid select:focus{border-color:var(--br);box-shadow:0 0 0 4px var(--brl);background:#fff}
[data-dark] .og-control-grid input,[data-dark] .og-control-grid select{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.1)}
.og-preset-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;padding:.7rem;border:1px solid var(--bd2);border-radius:18px;background:var(--s2)}
.og-preset-row .mini-act{background:rgba(79,107,255,.08);border-color:rgba(79,107,255,.18);color:var(--br)}
.og-preset-row .mini-act:hover{background:var(--br);border-color:var(--br);color:#fff}
.og-section{border:1px solid var(--bd2);border-radius:20px;background:rgba(255,255,255,.56);margin-bottom:.85rem;overflow:hidden}
.og-section summary{cursor:pointer;padding:.9rem 1rem;font-weight:850;color:var(--ink);list-style:none}
.og-section summary::-webkit-details-marker{display:none}
.og-section summary:after{content:'+';float:right;color:var(--br);font-weight:900}
.og-section[open] summary:after{content:'-'}
.og-section .og-control-grid,.og-section .og-preset-row{margin:.2rem .8rem .85rem}
.og-section .og-preset-row{border:none;background:transparent;padding:0}
.og-layer-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}
.og-layer-row .mini-act.on{background:var(--br);border-color:var(--br);color:#fff}
.color-field,.range-field{display:grid;gap:.35rem;padding:.7rem .8rem;border:1px solid var(--bd2);border-radius:18px;background:var(--s2);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--i4)}
.color-field input{width:100%;height:42px;padding:0;border:none;border-radius:12px;background:transparent}
.range-field input{width:100%}
.og-upload-row,.og-size-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:1rem 0}
.og-size-row{margin-top:0}
.og-size-row .mini-act{background:rgba(24,201,151,.08);border-color:rgba(24,201,151,.2);color:#0f8d70}
.og-format-grid{margin-top:.9rem}
.split-tools{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.canvas-stage{display:grid;gap:.8rem}
.stage-canvas{width:100%;max-height:520px;object-fit:contain;border:1px solid var(--bd2);border-radius:18px;background:var(--s2)}
.qr-box{display:flex;align-items:center;justify-content:center;min-height:280px;border:1px solid var(--bd2);border-radius:22px;background:var(--s2)}

/* QR Studio */
.qr-studio-page .qr-hero .tool-hero-in{max-width:1180px}
.qr-shell{padding:1.5rem 0 5rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:1.5rem;align-items:start}
.qr-workbench{display:grid;gap:1.1rem;min-width:0}
.qr-maker-panel .pb{display:grid;gap:1rem}
.panel-note{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--i4)}
.qr-type-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;padding:.55rem;border:1px solid var(--bd2);border-radius:22px;background:linear-gradient(180deg,var(--s2),rgba(255,255,255,.42))}
.qr-type-btn{border:1px solid var(--bd2);background:var(--wh);color:var(--i2);border-radius:16px;min-height:46px;padding:.65rem .55rem;font:800 .9rem var(--fs);cursor:pointer;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}
.qr-type-btn:hover{transform:translateY(-1px);border-color:rgba(63,81,181,.32)}
.qr-type-btn.on{background:linear-gradient(135deg,var(--pri),var(--mint));color:#06121f;border-color:transparent;box-shadow:0 14px 30px rgba(18,194,156,.22)}
.qr-fields{display:grid;gap:.85rem}
.qr-fields .tool-textarea{min-height:126px}
.qr-hidden-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.qr-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.qr-control-grid label,.qr-fields label{display:grid;gap:.45rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--i4)}
.qr-control-grid input,.qr-control-grid select,.qr-fields input,.qr-fields select,.qr-fields textarea{width:100%;min-height:52px;border:1px solid var(--bd2);border-radius:16px;background:var(--wh);color:var(--ink);padding:.85rem 1rem;font:700 .98rem var(--fs);box-shadow:0 8px 22px rgba(15,23,42,.035)}
.qr-control-grid input[type=color]{padding:.38rem;min-height:52px}
.qr-toggle-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.qr-toggle-row label{min-height:46px;border:1px solid var(--bd2);border-radius:999px;padding:.66rem .9rem;background:var(--wh);font-weight:800;color:var(--i2)}
.qr-toggle-row input[type=file]{display:none}
.qr-actions{gap:.55rem}
.qr-actions .btn{min-height:44px;padding:.72rem 1rem}
.qr-preview-sticky{position:sticky;top:92px;min-width:0}
.qr-preview-panel .pb{display:grid;gap:1rem}
.qr-score-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.qr-score-strip>div{border:1px solid var(--bd2);border-radius:18px;background:var(--s1);padding:.85rem}
.qr-score-strip span{display:block;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--i4);margin-bottom:.25rem}
.qr-score-strip strong{display:block;font:900 1.15rem var(--fd);color:var(--ink)}
.qr-canvas-frame{min-height:420px;padding:1rem;background:linear-gradient(135deg,#f8fbff,#eef6ff);background-size:22px 22px}
.qr-canvas-frame canvas{display:block;width:100%;height:auto;max-width:520px;border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.14)}
.qr-score-list{display:grid;gap:.5rem}
.qr-score-list div{border:1px solid var(--bd2);border-radius:14px;background:var(--s1);padding:.65rem .8rem;color:var(--i2);font-weight:700;font-size:.88rem}
.qr-payload-details{border:1px solid var(--bd2);border-radius:16px;background:var(--wh);overflow:hidden}
.qr-payload-details summary{cursor:pointer;padding:.75rem .9rem;font-weight:900;color:var(--ink)}
.qr-payload-details pre{margin:0;border-top:1px solid var(--bd2);padding:.8rem;max-height:130px;overflow:auto;white-space:pre-wrap;word-break:break-word;font:500 .78rem var(--fm);color:var(--i2)}
.qr-privacy-card{border:1px solid rgba(18,194,156,.22);background:linear-gradient(135deg,rgba(18,194,156,.12),rgba(63,81,181,.08));border-radius:18px;padding:1rem}
.qr-privacy-card strong{display:block;color:var(--ink);font:900 1rem var(--fd);margin-bottom:.3rem}
.qr-privacy-card p{color:var(--i2);line-height:1.6;font-size:.92rem}
.qr-batch-panel{grid-column:1/-1}
.qr-batch-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1rem;align-items:start}
.qr-info-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
[data-dark] .qr-type-grid,[data-dark] .qr-canvas-frame{background:linear-gradient(135deg,rgba(96,165,250,.08),rgba(45,212,191,.08))}
[data-dark] .qr-type-btn,[data-dark] .qr-control-grid input,[data-dark] .qr-control-grid select,[data-dark] .qr-fields input,[data-dark] .qr-fields select,[data-dark] .qr-fields textarea,[data-dark] .qr-toggle-row label,[data-dark] .qr-payload-details{background:rgba(15,28,45,.78);color:var(--ink)}
[data-dark] .qr-score-strip>div,[data-dark] .qr-score-list div{background:rgba(15,28,45,.56)}
[data-dark] .qr-privacy-card{background:linear-gradient(135deg,rgba(18,194,156,.13),rgba(96,165,250,.08))}
@media(max-width:1080px){
  .qr-shell{grid-template-columns:1fr}
  .qr-preview-sticky{position:static}
  .qr-preview-panel{order:-1}
  .qr-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:720px){
  .qr-shell{padding:1rem 0 4rem;gap:1rem}
  .qr-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:18px}
  .qr-type-btn{min-height:44px;border-radius:14px;font-size:.82rem}
  .qr-control-grid,.qr-batch-grid,.qr-info-grid{grid-template-columns:1fr}
  .qr-score-strip{grid-template-columns:1fr 1fr}
  .qr-canvas-frame{min-height:300px;padding:.75rem;border-radius:18px}
  .qr-toggle-row{display:grid;grid-template-columns:1fr}
  .qr-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .qr-actions .btn{width:100%;justify-content:center}
}
@media(max-width:420px){
  .qr-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qr-score-strip{grid-template-columns:1fr}
  .qr-actions{grid-template-columns:1fr}
}
.diff-line{display:grid;grid-template-columns:44px 1fr;gap:.7rem;padding:.42rem .55rem;border-radius:10px;margin-bottom:3px;font-family:var(--fm);font-size:.78rem}
.diff-line.add{background:var(--gnb);color:var(--gni)}.diff-line.del{background:var(--rdb);color:var(--rdi)}.diff-line.same{background:transparent;color:var(--i3)}
.diff-mark{font-weight:800;text-align:center}
@media(max-width:820px){.split-tools{grid-template-columns:1fr}.batch-row{grid-template-columns:minmax(0,1fr);gap:.25rem}}
@media(max-width:900px){.pdf-workbench{grid-template-columns:1fr}.mini-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.pdf-control-grid{grid-template-columns:1fr}.mini-stat-grid{grid-template-columns:1fr}.doc-preview{max-height:380px}}
@media(max-width:980px){.og-builder{grid-template-columns:1fr}.og-builder .panel:nth-child(2){order:-1}.og-canvas-wrap{padding:.5rem}.og-drop-hint{position:static;margin-top:.55rem;text-align:center}}
@media(max-width:640px){.og-control-grid{grid-template-columns:1fr}.og-preset-row,.og-upload-row,.og-size-row{gap:.45rem}.og-preset-row .mini-act,.og-size-row .mini-act{flex:1 1 calc(50% - .45rem)}}
@media(max-width:560px){.tool-actions-row .btn,.panel .pb>.btn{width:100%}.field-row{grid-template-columns:1fr}.og-builder{padding-top:1rem}.og-format-grid{grid-template-columns:1fr}.og-control-grid input,.og-control-grid select{min-height:48px;font-size:.86rem}.og-layer-row .mini-act{flex:1 1 100%}.og-section:not([open]){background:rgba(255,255,255,.72)}}

[data-dark] .og-section{
  background:linear-gradient(180deg,rgba(15,35,56,.96),rgba(10,24,40,.96));
  border-color:rgba(226,232,240,.12);
}
[data-dark] .og-section[open]{
  background:linear-gradient(180deg,rgba(18,42,68,.98),rgba(11,27,45,.98));
}
[data-dark] .og-section summary{
  color:#f8fafc;
  border-bottom-color:rgba(226,232,240,.08);
}
[data-dark] .og-section .og-preset-row{
  background:transparent;
}
[data-dark] .og-preset-row .mini-act,
[data-dark] .og-size-row .mini-act,
[data-dark] .mini-act{
  background:rgba(255,255,255,.075);
  border-color:rgba(226,232,240,.14);
  color:#dbe7f8;
}
[data-dark] .og-preset-row .mini-act:hover,
[data-dark] .og-size-row .mini-act:hover,
[data-dark] .mini-act:hover{
  background:rgba(134,163,255,.16);
  border-color:rgba(134,163,255,.34);
  color:#fff;
}
[data-dark] .og-layer-row .mini-act.on{
  background:linear-gradient(135deg,#8fa7ff,#647bff);
  border-color:rgba(255,255,255,.18);
  color:#fff;
}
[data-dark] .og-control-grid input,
[data-dark] .og-control-grid select,
[data-dark] .color-field,
[data-dark] .range-field{
  background:rgba(7,18,31,.84)!important;
  border-color:rgba(226,232,240,.16)!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
[data-dark] .og-control-grid input::placeholder{
  color:rgba(219,231,248,.58);
}
[data-dark] .og-control-grid select{
  background-image:linear-gradient(45deg,transparent 50%,#dbe7f8 50%),linear-gradient(135deg,#dbe7f8 50%,transparent 50%);
}
[data-dark] .color-field,
[data-dark] .range-field{
  color:#aebbd0!important;
}
[data-dark] .color-field input[type="color"]{
  background:#0b1726;
  border:1px solid rgba(226,232,240,.16);
}

@media(max-width:900px){
  .ins-grid{grid-template-columns:1fr}
  .target-badges{grid-template-columns:1fr}
  .compare-grid{grid-template-columns:1fr}
}

/* Professional site-wide polish */
:root{
  --br:#3f63f4;
  --brd:#2948c8;
  --brl:rgba(63,99,244,.1);
  --brx:rgba(63,99,244,.055);
  --brg:rgba(63,99,244,.18);
  --ink:#101828;
  --i2:#344054;
  --i3:#667085;
  --i4:#98a2b3;
  --i5:#d0d5dd;
  --bd:rgba(16,24,40,.13);
  --bd2:rgba(16,24,40,.08);
  --bg:#edf3f8;
  --wh:#ffffff;
  --s2:#f8fafc;
  --s3:#eef2f7;
  --gn:#12b981;
  --gnb:rgba(18,185,129,.12);
  --gni:#047857;
  --am:#f59e0b;
  --amb:rgba(245,158,11,.14);
  --ami:#92400e;
  --pu:#0f766e;
  --pub:rgba(15,118,110,.12);
  --pui:#0f766e;
  --r:8px;
  --r2:12px;
  --r3:16px;
  --r4:20px;
}
[data-dark]{
  --ink:#f8fafc;
  --i2:#d8e1ee;
  --i3:#aebbd0;
  --i4:#8090aa;
  --i5:#334155;
  --bg:#0f2236;
  --wh:#10263d;
  --s2:#132d48;
  --s3:#193955;
  --bd:rgba(226,232,240,.16);
  --bd2:rgba(226,232,240,.09);
  --br:#86a3ff;
  --brd:#a8bbff;
  --brl:rgba(134,163,255,.14);
  --brx:rgba(134,163,255,.08);
}
html{scroll-behavior:smooth}
body{
  background:
    linear-gradient(135deg,rgba(63,99,244,.04) 0 18%,transparent 18% 50%,rgba(18,185,129,.035) 50% 68%,transparent 68%),
    linear-gradient(180deg,#fbfdff 0%,#eef4f9 48%,#e8f0f7 100%);
  background-size:140px 140px,auto;
  letter-spacing:0;
}
[data-dark] body{
  background:
    linear-gradient(135deg,rgba(134,163,255,.05) 0 18%,transparent 18% 50%,rgba(18,185,129,.045) 50% 68%,transparent 68%),
    linear-gradient(180deg,#0b1726 0%,#0f2236 55%,#143451 100%);
  color:#f8fafc;
}
.con{max-width:1240px}
#nav{
  background:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(16,24,40,.08);
  box-shadow:0 10px 30px rgba(16,24,40,.045);
  backdrop-filter:blur(18px);
}
[data-dark] #nav{
  background:rgba(10,23,38,.9);
  border-bottom-color:rgba(226,232,240,.08);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}
.logo{gap:.72rem;letter-spacing:-.02em}
.lm{
  border-radius:16px;
  background:linear-gradient(135deg,#5e7cff 0%,#3f63f4 55%,#12b981 100%);
  box-shadow:0 14px 28px rgba(63,99,244,.22);
}
.nav-lks{gap:.3rem}
.nav-a{
  border-radius:12px;
  font-weight:750;
  color:var(--i2);
  padding:.56rem .82rem;
}
.nav-a:hover,.nav-a.on{background:var(--brl);color:var(--brd)}
[data-dark] .nav-a:hover,[data-dark] .nav-a.on{background:rgba(255,255,255,.08);color:#fff}
.theme,#dm-btn,.nav-focus-btn,.hbg,.mob-close{
  border-color:var(--bd);
  background:rgba(255,255,255,.74);
  box-shadow:0 8px 20px rgba(16,24,40,.05);
}
[data-dark] .theme,[data-dark] #dm-btn,[data-dark] .nav-focus-btn,[data-dark] .hbg,[data-dark] .mob-close{background:rgba(255,255,255,.055)}
.btn,
.file-input label,
.file-input span,
.mini-act,
.sample-chip,
.suite-filter,
.faq-chip{
  border-radius:12px;
  letter-spacing:0;
}
.btn{
  min-height:44px;
  padding:.72rem 1.08rem;
  font-weight:800;
}
.btn-p{
  background:linear-gradient(135deg,var(--gn) 0%,#0aa878 100%);
  color:#062319;
  box-shadow:0 16px 30px rgba(18,185,129,.2);
}
.btn-p:hover{box-shadow:0 18px 38px rgba(18,185,129,.27);transform:translateY(-1px)}
.btn-g,.btn-s{
  background:rgba(255,255,255,.86);
  border:1px solid var(--bd);
  color:var(--ink);
  box-shadow:0 10px 22px rgba(16,24,40,.045);
}
[data-dark] .btn-g,[data-dark] .btn-s{background:rgba(255,255,255,.06);color:#fff}
.hero,.suite-hero,.tool-hero,.feature-hero,.about-hero,.faq-hero{padding-block:2rem}
.hero-split,
.tool-hero-in,
.feature-hero,
.about-hero,
.faq-hero,
.suite-hero .page-head{
  border:1px solid rgba(16,24,40,.09);
  border-radius:22px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(248,251,255,.92) 54%,rgba(235,248,243,.88) 100%);
  box-shadow:0 24px 70px rgba(16,24,40,.08);
  overflow:hidden;
}
[data-dark] .hero-split,
[data-dark] .tool-hero-in,
[data-dark] .feature-hero,
[data-dark] .about-hero,
[data-dark] .faq-hero,
[data-dark] .suite-hero .page-head{
  background:linear-gradient(135deg,rgba(19,45,72,.96),rgba(14,34,55,.96));
  border-color:rgba(226,232,240,.08);
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.hero-split{padding:2.2rem}
.hero-split::after{opacity:.45;background:repeating-linear-gradient(90deg,rgba(63,99,244,.035) 0 1px,transparent 1px 74px)}
.tool-hero-in{padding:2.1rem}
.tool-hero h1{font-size:clamp(1.75rem,3vw,3rem);max-width:900px}
.tool-hero p{font-size:1rem;max-width:820px}
.hero-title,.d1,.d2{
  color:var(--ink);
  letter-spacing:-.035em;
}
.hero-lead,.suite-lead,.page-head p,.feature-hero-copy p,.about-hero p,.faq-hero p{color:var(--i2)}
.kicker,.tool-badge{
  color:var(--brd);
  background:linear-gradient(135deg,var(--brl),rgba(18,185,129,.1));
  border:1px solid rgba(63,99,244,.12);
}
.hero-chips .chip,.tool-pill,.suite-toolbar-stat,.tag{
  background:rgba(255,255,255,.8);
  border:1px solid var(--bd);
  color:var(--i2);
}
[data-dark] .hero-chips .chip,[data-dark] .tool-pill,[data-dark] .suite-toolbar-stat,[data-dark] .tag{background:rgba(255,255,255,.06);color:rgba(255,255,255,.82)}
.panel,.ed-shell,.tabs-sh,.tool-card,.story-card,.info-card,.cta-panel,.legal-wrap,.suite-toolbar-card,.suite-group,.about-snapshot,.about-principle,.feature-card,.mini-tool,.result-card,.score-box,.drop-zone,.tool-output,.tool-preview-box,.serp-preview,.upload-card,.preview-card,.pp-bg-card,.bg-options-panel,.bg-result-panel,.pp-preview-panel{
  border-radius:16px;
  border-color:var(--bd);
  box-shadow:0 18px 44px rgba(16,24,40,.07);
}
.panel,.ed-shell,.tabs-sh,.tool-card,.story-card,.info-card,.cta-panel,.legal-wrap,.suite-toolbar-card,.suite-group{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
}
[data-dark] .panel,[data-dark] .ed-shell,[data-dark] .tabs-sh,[data-dark] .tool-card,[data-dark] .story-card,[data-dark] .info-card,[data-dark] .cta-panel,[data-dark] .legal-wrap,[data-dark] .suite-toolbar-card,[data-dark] .suite-group{
  background:rgba(15,35,56,.82);
  box-shadow:0 20px 48px rgba(0,0,0,.2);
}
.ph,.ed-h,.side-h{
  min-height:58px;
  background:linear-gradient(180deg,rgba(248,250,252,.88),rgba(255,255,255,.86));
  border-bottom:1px solid var(--bd2);
}
[data-dark] .ph,[data-dark] .ed-h,[data-dark] .side-h{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025))}
.pb{padding:1.25rem}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,
textarea,
.tool-textarea,
.tool-control{
  border-radius:12px!important;
  border:1px solid var(--bd)!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
[data-dark] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
[data-dark] select,
[data-dark] textarea,
[data-dark] .tool-textarea,
[data-dark] .tool-control{background:rgba(255,255,255,.055)!important;color:#fff;box-shadow:none}
input:focus,select:focus,textarea:focus,.tool-textarea:focus,.tool-control:focus{
  outline:none;
  border-color:var(--br)!important;
  box-shadow:0 0 0 4px var(--brl)!important;
}
.tool-card{
  min-height:255px;
  padding:1.15rem;
  display:flex;
  flex-direction:column;
  gap:.7rem;
}
.tool-card:hover{
  border-color:rgba(63,99,244,.32);
  transform:translateY(-3px);
  box-shadow:0 24px 58px rgba(16,24,40,.11);
}
.tool-card-head{margin-bottom:.1rem}
.tool-card p{font-size:.92rem;line-height:1.6}
.tool-card .related-link,.tool-card .mini-act{min-height:38px}
.tool-card-ft{margin-top:auto}
.suite-toolbar-card{
  padding:1rem;
  display:grid;
  gap:.85rem;
}
.suite-search-wrap input{min-height:54px;font-size:.98rem}
.suite-filter-row{gap:.55rem}
.suite-filter{min-height:44px;padding:.55rem .9rem;background:rgba(255,255,255,.78)}
.suite-filter.on{background:var(--ink);color:#fff;border-color:var(--ink)}
[data-dark] .suite-filter.on{background:#fff;color:#0f172a;border-color:#fff}
.tools-grid{gap:1rem}
.suite-grid.related-tools{gap:.8rem}
.stat-row{gap:.8rem}
.stat{border-radius:14px;min-height:86px}
.ec-bar,.tb-bar,.ed-ft,.workspace-helper-strip{border-color:var(--bd2)}
.ed-ta{min-height:380px}
.tool-actions-row{gap:.55rem}
.field-row{gap:.7rem}
.field-row label{color:var(--i4)}
.drop-zone{background:rgba(255,255,255,.7);border-style:dashed}
.empty-state{border-radius:14px}
#ck{
  background:rgba(12,18,31,.96);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 60px rgba(0,0,0,.32);
}
#ck button{border-radius:12px}
#btt{border-radius:14px;box-shadow:0 18px 35px rgba(63,99,244,.25)}
footer{
  background:#0d1b2d;
  color:rgba(255,255,255,.84);
  border-top:1px solid rgba(255,255,255,.08);
}
footer a,footer p,footer span{color:rgba(255,255,255,.78)}
footer h4,footer strong,.fb-logo{color:#fff}
@media(max-width:900px){
  .con{padding-inline:1rem}
  .sec{padding:2.4rem 0}
  .hero,.suite-hero,.tool-hero,.feature-hero,.about-hero,.faq-hero{padding-block:1.2rem}
  .hero-split,.tool-hero-in,.feature-hero,.about-hero,.faq-hero,.suite-hero .page-head{border-radius:16px}
  .hero-split,.tool-hero-in{padding:1.25rem}
  .hero-title{font-size:clamp(2.2rem,10vw,3.5rem)}
  .d1,.d2{font-size:clamp(2rem,9vw,3.2rem)!important;line-height:1!important}
  .hero-lead,.suite-lead,.tool-hero p{font-size:.96rem;line-height:1.65}
  .pb{padding:1rem}
  .panel,.tool-card,.suite-toolbar-card,.ed-shell,.tabs-sh{border-radius:14px}
  .tool-card{min-height:auto}
  .tools-grid,.info-band,.feature-proof,.about-principle-grid,.metric-strip,.feature-metrics{grid-template-columns:1fr!important}
  .app-grid,.split-tools,.pdf-workbench,.og-builder,.pp-workbench,.bg-simple-shell,.bg-preview-grid{grid-template-columns:1fr!important}
  .sidebar,.pp-preview-panel,.bg-result-panel{position:static!important}
  .stat-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ed-ta{min-height:320px}
  .tool-actions-row .btn,.panel .pb>.btn{width:100%;justify-content:center}
  .suite-filter-row{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;scrollbar-width:none}
  .suite-filter-row::-webkit-scrollbar{display:none}
  .suite-filter{flex:0 0 auto}
  #ck{left:.75rem;right:.75rem;bottom:.75rem;width:auto;max-width:none;border-radius:16px;padding:.85rem;align-items:flex-start}
  #ck p{font-size:.82rem}
  .ck-btns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
  #ck button{width:100%}
}
@media(max-width:520px){
  body{background-size:90px 90px,auto}
  .con{padding-inline:.8rem}
  .nav-in{min-height:58px}
  .logo{font-size:1.05rem}
  .lm{width:42px;height:42px;border-radius:13px}
  .hero-split,.tool-hero-in,.feature-hero,.about-hero,.faq-hero,.suite-hero .page-head{border-radius:14px}
  .hero-actions,.workspace-helper-actions,.tool-actions-row{display:grid;grid-template-columns:1fr;gap:.55rem}
  .btn{width:100%;justify-content:center}
  .stat-row{grid-template-columns:1fr 1fr!important}
  .stat{min-height:76px}
  .stat strong{font-size:1.35rem}
  .ed-ta{min-height:280px;padding:.9rem}
  .tabs{overflow-x:auto;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto}
  .field-row,.pdf-control-grid,.og-control-grid,.pp-control-grid,.bg-field-grid{grid-template-columns:1fr!important}
  .pp-canvas,.bg-canvas,.og-canvas{max-height:68vh}
  #btt{right:.8rem;bottom:.8rem;width:46px;height:46px}
}

/* 20260610 release hardening: keep every tool usable on phones */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,canvas,video{max-width:100%;height:auto}
main,.con,.panel,.pb,.ph,.tool-card,.story-card,.info-card,.legal-wrap,.suite-toolbar-card,.suite-group,.tool-hero-in,.hero-split,.feature-hero-grid,.about-hero-grid,.faq-hero-grid,.split-tools,.app-grid,.pdf-workbench,.og-builder,.pp-workbench,.bg-simple-shell{min-width:0}
input,select,textarea,button{font:inherit}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea,.tool-textarea,.tool-control{width:100%;max-width:100%;min-width:0}
.tool-actions-row,.hero-actions,.quick-row,.tool-pills,.hero-badges,.suite-filter-row,.related-tools,.field-row{min-width:0}
.ltbl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ltbl table,.ltbl{max-width:100%}
.tool-textarea{resize:vertical}
.drop-zone,.upload-card,.preview-card,.tool-preview-box,.tool-output{overflow:hidden}
.pp-canvas-frame,.pp-preview-stage,.bg-canvas-wrap,.bg-drop-zone,.og-canvas-wrap,.og-preview-shell,.pdf-page-preview{max-width:100%;overflow:hidden}
.pp-canvas,.bg-canvas,.og-canvas{display:block;max-width:100%}

@media(max-width:820px){
  body{font-size:16px}
  .nav-lks,.nav-focus-btn{display:none!important}
  .hbg{display:flex!important}
  #nav{position:sticky;top:0;z-index:90}
  .nav-in{min-height:62px;gap:.65rem}
  .nav-r{gap:.45rem}
  .logo{gap:.55rem;min-width:0}
  .logo-b{display:inline}
  .hero-split,.feature-hero-grid,.about-hero-grid,.faq-hero-grid,.tool-hero-in{display:grid;grid-template-columns:1fr!important;gap:1rem}
  .hero-rail,.hero-visual,.hero-preview{width:100%;min-width:0}
  .hero-visual{min-height:260px;transform:none}
  .hero-preview{margin-top:.75rem}
  .feature-map,.about-snapshot,.faq-help-card{width:100%;min-width:0}
  .feature-proof{margin-top:1rem}
  .suite-toolbar{display:grid;grid-template-columns:1fr!important;gap:.85rem}
  .suite-search-wrap{width:100%}
  .suite-search-help{display:none}
  .suite-toolbar-note{grid-template-columns:1fr;gap:.5rem}
  .tool-card .tool-related,.related-links,.quick-row{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:.5rem;padding-bottom:.15rem;scrollbar-width:none}
  .tool-card .tool-related::-webkit-scrollbar,.related-links::-webkit-scrollbar,.quick-row::-webkit-scrollbar{display:none}
  .tool-card .related-link,.quick-pill{flex:0 0 auto}
  .tool-card-ft{display:grid;grid-template-columns:1fr;gap:.65rem}
  .fg{grid-template-columns:1fr!important;gap:1.25rem}
  .fbot{display:grid;gap:.7rem;text-align:left}
  .legal-wrap{padding:1.15rem;margin-block:1rem;border-radius:16px}
  .legal-wrap h1{font-size:clamp(2rem,11vw,3rem)}
  .legal-hl{font-size:1rem}
  .faq-wrap{padding-inline:0}
  .faq-q{align-items:flex-start;gap:.6rem;text-align:left}
  .faq-pager{position:relative;z-index:1}
}

@media(max-width:620px){
  .con{padding-inline:.75rem}
  .sec{padding-block:1.8rem}
  .workspace-shell{padding:.75rem!important;border-radius:20px}
  .hero,.suite-hero,.tool-hero,.feature-hero,.about-hero,.faq-hero{padding-block:.8rem}
  .hero-split,.tool-hero-in,.suite-hero .page-head,.feature-hero,.about-hero,.faq-hero{padding:1rem;border-radius:16px}
  .d1,.d2,.d3,.h1,.h2{word-break:normal;overflow-wrap:break-word}
  .hero-title,.d1{font-size:clamp(2.25rem,13vw,3.45rem)!important;line-height:.96!important}
  .d2{font-size:clamp(2rem,11vw,3rem)!important;line-height:1!important}
  .hero-lead,.suite-lead,.tool-hero p{font-size:1rem;line-height:1.55}
  .hero-actions,.tool-actions-row,.workspace-helper-actions,.tmr-a,.fr-acts{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:.6rem}
  .btn,.file-input label{width:100%;min-height:48px;justify-content:center}
  .hero-badges,.tool-pills{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:.5rem;padding-bottom:.1rem;scrollbar-width:none}
  .hero-badges::-webkit-scrollbar,.tool-pills::-webkit-scrollbar{display:none}
  .hero-badges .badge,.tool-pill{flex:0 0 auto}
  .stat-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem}
  .sc,.stat{min-height:74px;padding:.7rem}
  .sc-v,.stat strong{font-size:1.45rem!important}
  .ec-bar,.tb-bar,.ed-ft{display:grid!important;grid-template-columns:1fr!important;gap:.65rem}
  .tg,.ec-cks{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:.5rem;padding-bottom:.1rem;scrollbar-width:none}
  .tg::-webkit-scrollbar,.ec-cks::-webkit-scrollbar{display:none}
  .tb,.ec-ck{flex:0 0 auto;min-height:40px}
  .ed-area textarea,#editor,.tool-textarea{font-size:16px!important;line-height:1.55;min-height:220px}
  .workspace-shell,.app-grid,.app-grid>*,.ed-shell,.tabs-sh,.ed-area,#editor,#hl-lay,#dd-ov{max-width:100%!important;width:100%!important;min-width:0!important}
  .app-grid{overflow:hidden}
  .ec-grp,.ec-cks,.tg,.spd,.mini-g,.ed-ft>div,.workspace-helper-copy,.workspace-helper-actions{max-width:100%!important;width:100%!important;min-width:0!important}
  .workspace-helper-strip{display:grid!important;grid-template-columns:1fr!important;overflow:hidden}
  .mini-tr{min-width:0;max-width:100%}
  .tabs-nav,.tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .tabs-nav::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}
  .tab-a,.tab{flex:0 0 auto}
  .ins-grid,.seo-sg,.target-badges,.metric-strip,.feature-metrics,.page-grid-2,.info-band,.suite-mini-grid,.about-principle-grid{grid-template-columns:1fr!important}
  .field-row,.fr-row,.pdf-control-grid,.og-control-grid,.pp-control-grid,.bg-field-grid,.compare-grid{grid-template-columns:1fr!important}
  .panel .ph{min-height:52px}
  .ph,.pt{overflow-wrap:anywhere}
  .suite-filter-row{margin-inline:-.1rem}
  .suite-filter{min-height:42px;padding:.5rem .8rem}
  .tools-grid{grid-template-columns:1fr!important}
  .tool-card{padding:1rem}
  .pp-preview-panel,.bg-result-panel,.sidebar{order:-1}
  .pp-canvas-frame,.bg-canvas-wrap,.og-canvas-wrap{border-radius:14px}
  .pp-live-preview,.bg-live-preview,.og-live-preview{touch-action:none}
  #ck{left:.55rem;right:.55rem;bottom:.55rem;max-height:42vh;overflow:auto}
}

@media(max-width:390px){
  .logo{font-size:.98rem}
  .lm{width:38px;height:38px}
  .hero-title,.d1{font-size:2.15rem!important}
  .d2{font-size:1.9rem!important}
  .stat-row{grid-template-columns:1fr!important}
  .suite-toolbar-card,.panel,.tool-card,.legal-wrap{border-radius:14px}
  .pb{padding:.85rem}
  .ck-btns{grid-template-columns:1fr!important}
}

/* Homepage product cockpit */
.home-showcase{align-self:stretch}
.showcase-window{
  position:relative;
  overflow:hidden;
  min-height:520px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.22);
  background:
    radial-gradient(circle at 80% 12%,rgba(18,185,129,.32),transparent 28%),
    radial-gradient(circle at 14% 72%,rgba(63,99,244,.25),transparent 34%),
    linear-gradient(145deg,#0b1b31,#12395a 58%,#0a243a);
  color:#fff;
  box-shadow:0 32px 80px rgba(18,35,58,.22);
  padding:1.1rem;
}
.showcase-window::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:24px;
  pointer-events:none;
}
.showcase-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.65rem .8rem;
  color:rgba(255,255,255,.78);
}
.showcase-dot{width:10px;height:10px;border-radius:999px;display:inline-block}
.showcase-dot.red{background:#fb7185}.showcase-dot.amber{background:#fbbf24}.showcase-dot.green{background:#34d399}
.showcase-top strong{margin-left:.4rem;color:#fff;font-size:.9rem}
.showcase-top em{margin-left:auto;font-style:normal;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.55)}
.showcase-body{position:relative;z-index:1;display:grid;gap:1rem;margin-top:.4rem}
.showcase-editor-card{
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  padding:1rem;
}
.showcase-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}
.showcase-editor-head span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.62);font-weight:800}
.showcase-editor-head strong{font-family:var(--fm);font-size:2.2rem;color:#5cf0c4}
.showcase-line{height:14px;border-radius:999px;background:rgba(255,255,255,.3);margin:.65rem 0;width:72%}
.showcase-line.wide{width:92%}.showcase-line.short{width:48%}
.showcase-meter{height:9px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;margin-top:1rem}
.showcase-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b6cff,#19d39a)}
.showcase-stack{display:grid;gap:.75rem}
.showcase-tool{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.85rem;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(4,16,31,.42);
  color:#fff;
  text-decoration:none;
  transition:.2s ease;
}
.showcase-tool:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
.showcase-ico{
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#4e67ff,#18d19b);
  font-family:var(--fm);
  font-size:.72rem;
  font-weight:900;
  color:#061827;
}
.showcase-tool strong{display:block;font-size:.98rem}
.showcase-tool small{display:block;margin-top:.18rem;color:rgba(255,255,255,.62);line-height:1.35}
.showcase-footer{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.65rem;
  margin-top:1rem;
}
.showcase-footer div{
  min-width:0;
  padding:.8rem;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.11);
}
.showcase-footer b{display:block;font-family:var(--fm);font-size:1.3rem;color:#fff}
.showcase-footer span{display:block;font-size:.72rem;line-height:1.35;color:rgba(255,255,255,.62)}
.home-tool-strip{margin-top:-1.2rem;padding:0 0 2rem}
.home-tool-strip-inner{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.75rem;
}
.home-tool-link{
  min-height:148px;
  display:flex;
  flex-direction:column;
  gap:.6rem;
  padding:1rem;
  border-radius:20px;
  text-decoration:none;
  color:var(--ink);
  border:1px solid var(--bd);
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 46px rgba(16,24,40,.08);
  transition:.2s ease;
}
.home-tool-link:hover{transform:translateY(-3px);border-color:rgba(63,99,244,.28);box-shadow:0 24px 58px rgba(16,24,40,.12)}
.home-tool-link span{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--brl);
  color:var(--br);
  font-family:var(--fm);
  font-size:.72rem;
  font-weight:900;
}
.home-tool-link strong{font-size:.98rem;line-height:1.2}
.home-tool-link small{color:var(--i3);line-height:1.45}
[data-dark] .home-tool-link{background:rgba(15,35,56,.82);color:#fff}

/* Background remover visible workflow */
.bg-workspace-shell{padding:1.1rem 0 .2rem;position:relative;z-index:36}
.bg-workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.2rem 1.35rem;border:1px solid rgba(132,149,176,.16);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,248,253,.9));box-shadow:0 22px 56px rgba(15,23,42,.08)}
.bg-workspace-copy{max-width:760px}
.bg-workspace-copy h1{font-family:var(--fd);font-size:clamp(2.1rem,4vw,3.5rem);line-height:.96;letter-spacing:-.04em;color:var(--ink);margin:.25rem 0 .65rem}
.bg-workspace-copy p{font-size:.98rem;line-height:1.65;color:var(--i2);margin:0}
.bg-workspace-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.bg-upload-hero-card{padding:0;border-radius:30px;box-shadow:0 22px 60px rgba(15,23,42,.1)}
.bg-upload-hero-card .pb{display:grid;gap:1rem}
.bg-upload-extras{display:flex;flex-wrap:wrap;gap:.45rem}
.bg-upload-extras span{display:inline-flex;align-items:center;padding:.38rem .66rem;border-radius:999px;background:rgba(79,107,255,.08);color:var(--br);font-size:.66rem;font-weight:850}
.bg-studio-page{display:none;min-height:calc(100vh - 112px);max-width:1280px;margin:0 auto;padding:.65rem 0 calc(6rem + env(safe-area-inset-bottom,0px));grid-template-rows:auto 1fr;gap:1rem}
body.bg-stage-editing .bg-studio-page{display:grid}
body.bg-stage-editing #bg-upload-stage{display:none}
body:not(.bg-stage-editing) .bg-workspace-actions #bg-export-btn{opacity:.55;pointer-events:none}
.bg-editor-toolbar{top:158px;margin:0 0 .9rem}
.bg-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;align-items:start;min-width:0}
.bg-result-surface,.bg-tool-panel{border-radius:30px;box-shadow:0 22px 62px rgba(15,23,42,.09)}
.bg-result-surface{display:flex;flex-direction:column;align-self:start;min-width:0;max-height:calc(100vh - 210px);overflow:hidden}
.bg-result-surface .pb,.bg-tool-panel .pb{padding:1rem 1rem 1.05rem}
.bg-result-surface .pb{display:flex;flex-direction:column;gap:.72rem;min-height:0}
.bg-tool-panel{position:sticky;top:212px;width:360px;min-width:0;max-width:360px;max-height:calc(100vh - 230px);overflow-y:auto;justify-self:end}
.bg-studio-grid.bg-panel-collapsed .bg-canvas-wrap{max-height:calc(100vh - 250px);min-height:520px}
.bg-studio-grid.bg-panel-collapsed .bg-preview-toolbar{grid-template-columns:auto 1fr auto}
.bg-studio-grid.bg-panel-collapsed .bg-result-surface .pb{gap:.9rem}
.bg-tool-panel-body{display:grid;gap:.95rem;min-width:0}
.bg-tool-section{display:grid;gap:.95rem;min-width:0}
.bg-tool-intro strong{display:block;color:var(--ink);font-size:1rem}
.bg-tool-intro p{margin:.3rem 0 0;color:var(--i3);font-size:.85rem;line-height:1.55}
.bg-tool-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.bg-cutout-card{gap:.8rem}
.bg-cutout-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.bg-cutout-brush{display:grid;gap:.75rem;padding:.9rem;border:1px solid var(--bd2);border-radius:18px;background:rgba(255,255,255,.62)}
.bg-cutout-brush-head strong{display:block;color:var(--ink);font-size:.9rem}
.bg-cutout-brush-head span{display:block;margin-top:.18rem;color:var(--i3);font-size:.76rem;line-height:1.45}
.bg-cutout-brush-grid{grid-template-columns:1fr}
.bg-cutout-action-grid{grid-template-columns:1fr 1fr}
.bg-cutout-action-grid #bg-reset-mask{grid-column:1/-1}
.bg-cutout-view-grid button.on,.bg-cutout-tool-grid button.on{background:var(--brl);border-color:rgba(79,107,255,.18);color:var(--br)}
.bg-cutout-warnings{display:grid;gap:.55rem}
.bg-cutout-warning{padding:.78rem .88rem;border:1px solid rgba(245,158,11,.24);border-radius:16px;background:rgba(255,248,233,.95);color:#865100;font-size:.78rem;line-height:1.5}
.bg-cutout-warning strong{display:block;color:#6d4300;font-size:.8rem}
.bg-cutout-advanced summary{cursor:pointer;font-size:.8rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--i4)}
.bg-cutout-advanced-grid{margin-top:.8rem}
.bg-tool-inline{display:grid;gap:.65rem}
.bg-compact-grid{grid-template-columns:1fr}
.bg-field-grid-inner{margin-top:.75rem}
.bg-tip-card,.bg-toggle-card,.bg-export-summary,.bg-background-help{display:grid;gap:.55rem;padding:1rem;border:1px solid var(--bd2);border-radius:22px;background:rgba(248,251,255,.88)}
.bg-tip-card strong,.bg-export-summary strong{color:var(--ink)}
.bg-tip-card p,.bg-toggle-card p,.bg-export-summary span,.bg-placement-copy,.bg-preview-note,.bg-background-help p{color:var(--i3);font-size:.82rem;line-height:1.55}
.bg-background-help strong{display:block;color:var(--ink);font-size:.94rem}
.bg-native-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.bg-mode-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}
.bg-mode-pill{min-height:44px;padding:.72rem .7rem;border:1px solid var(--bd);border-radius:999px;background:#fff;color:var(--i2);font-size:.74rem;font-weight:850;cursor:pointer;transition:all .16s ease}
.bg-mode-pill.on{background:linear-gradient(135deg,var(--brl),rgba(22,185,129,.12));border-color:rgba(79,107,255,.2);color:var(--br);box-shadow:0 10px 22px rgba(79,107,255,.08)}
.bg-mode-panel{display:grid;gap:.8rem}
.bg-background-mode-card{gap:.8rem}
.bg-background-mode-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.bg-inline-switch{display:inline-flex;align-items:center;gap:.45rem;color:var(--i2);font-size:.74rem;font-weight:800}
.bg-inline-switch input{accent-color:var(--br)}
.bg-background-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.bg-background-card-grid-tight{grid-template-columns:repeat(3,minmax(0,1fr))}
.bg-background-card{display:grid;gap:.5rem;align-content:start;min-height:104px;padding:.82rem;border:1px solid var(--bd);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(246,249,255,.92));color:var(--ink);text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}
.bg-background-card:hover{transform:translateY(-1px);border-color:rgba(79,107,255,.25);box-shadow:0 14px 28px rgba(15,23,42,.08)}
.bg-background-card.is-active{border-color:rgba(79,107,255,.34);box-shadow:0 18px 32px rgba(79,107,255,.12);background:linear-gradient(180deg,rgba(236,242,255,.98),rgba(245,250,255,.95))}
.bg-background-card strong{font-size:.86rem}
.bg-background-card small{color:var(--i3);font-size:.73rem;line-height:1.4}
.bg-background-card-swatch,.bg-background-card-preview,.bg-design-thumb{display:block;width:100%;height:56px;border-radius:16px;border:1px solid rgba(132,149,176,.18);background:#fff}
.bg-background-card.solid-white .bg-background-card-swatch{background:#fff}
.bg-background-card.solid-offwhite .bg-background-card-swatch{background:#f8f7f3}
.bg-background-card.solid-gray .bg-background-card-swatch{background:#eff2f6}
.bg-background-card.solid-blue .bg-background-card-swatch{background:#d8ecff}
.bg-background-card.solid-custom .bg-background-card-swatch{background:linear-gradient(135deg,#d8ecff,#f7f5ff 52%,#ffe4ee)}
.bg-background-card-preview.fit,.bg-background-card-preview.fill,.bg-background-card-preview.stretch{position:relative;background:linear-gradient(180deg,#f8fbff,#eef4ff)}
.bg-background-card-preview.fit::after,.bg-background-card-preview.fill::after,.bg-background-card-preview.stretch::after{content:"";position:absolute;background:linear-gradient(135deg,#dbe7ff,#bad2ff)}
.bg-background-card-preview.fit::after{inset:10px 16px;border-radius:12px}
.bg-background-card-preview.fill::after{inset:6px 8px;border-radius:12px}
.bg-background-card-preview.stretch::after{inset:8px 4px;border-radius:8px}
.bg-background-card-preview.preset-white{background:#fff}
.bg-background-card-preview.preset-grey{background:#eff2f6}
.bg-background-card-preview.preset-studio{background:linear-gradient(135deg,#f4f8ff,#dfe9ff)}
.bg-background-card-preview.preset-social{background:linear-gradient(135deg,#dff7ff,#dce4ff 52%,#f8e7ff)}
.bg-background-card-preview.preset-light{background:linear-gradient(135deg,#fff,#eaf2ff)}
.bg-background-card-preview.preset-dark{background:linear-gradient(135deg,#223049,#101724)}
.bg-background-card-preview.preset-thumb{background:linear-gradient(135deg,#dde3ff,#ffd9ec)}
.bg-background-card-preview.preset-document{background:linear-gradient(180deg,#fff,#fafafa)}
.bg-background-card-preview.preset-transparent{background:
linear-gradient(45deg,#eef2f9 25%,transparent 25%,transparent 75%,#eef2f9 75%,#eef2f9 0) 0 0/22px 22px,
linear-gradient(45deg,#eef2f9 25%,transparent 25%,transparent 75%,#eef2f9 75%,#eef2f9 0) 11px 11px/22px 22px,#fff}
.bg-image-mode-actions{grid-template-columns:1fr 1fr}
.bg-recent-colors{display:flex;flex-wrap:wrap;gap:.45rem}
.bg-recent-color{width:34px;height:34px;border-radius:999px;border:1px solid rgba(132,149,176,.24);cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.05)}
.bg-design-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.bg-design-shortcuts #bg-design-undo-preset{grid-column:1/-1}
.bg-design-category{display:grid;gap:.7rem}
.bg-design-category-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}
.bg-design-category-head strong{display:block;color:var(--ink);font-size:.95rem}
.bg-design-category-head span{display:block;color:var(--i3);font-size:.76rem;line-height:1.45;text-align:right;max-width:56%}
.bg-toggle-card label:not(.bg-switch-row){display:flex;flex-direction:column;gap:.4rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--i4)}
.bg-switch-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.88rem;font-weight:850;color:var(--ink);cursor:pointer}
.bg-switch-row input{position:absolute;opacity:0;pointer-events:none}
.bg-switch{position:relative;display:inline-flex;flex:0 0 auto;width:50px;height:30px;border-radius:999px;background:#cfd8e6;transition:background .18s ease}
.bg-switch::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.18);transition:transform .18s ease}
.bg-switch-row input:checked+.bg-switch{background:linear-gradient(135deg,var(--br),#19d39a)}
.bg-switch-row input:checked+.bg-switch::after{transform:translateX(20px)}
.bg-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.bg-design-preset{position:relative;display:grid;gap:.38rem;min-height:118px;padding:1rem;min-width:0;border:1px solid var(--bd);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.92));color:var(--ink);text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}
.bg-design-preset::after{content:"";position:absolute;right:1rem;top:1rem;width:11px;height:11px;border-radius:999px;background:rgba(79,107,255,.16);box-shadow:0 0 0 6px rgba(79,107,255,.05)}
.bg-design-preset:hover{transform:translateY(-1px);border-color:rgba(79,107,255,.28);box-shadow:0 16px 30px rgba(15,23,42,.08)}
.bg-design-preset.is-active{border-color:rgba(79,107,255,.36);box-shadow:0 18px 34px rgba(79,107,255,.14);background:linear-gradient(180deg,rgba(236,242,255,.98),rgba(244,249,255,.94))}
.bg-design-preset.is-active::after{content:"";width:auto;min-width:56px;height:auto;padding:.22rem .48rem;background:linear-gradient(135deg,var(--br),#19d39a);box-shadow:none}
.bg-design-preset.is-active::before{content:"Applied";position:absolute;right:.9rem;top:.85rem;display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:.22rem .48rem;border-radius:999px;background:linear-gradient(135deg,var(--br),#19d39a);color:#fff;font-size:.64rem;font-weight:900;letter-spacing:.02em}
.bg-design-preset strong{padding-right:3.8rem;font-size:.94rem}
.bg-design-preset small{color:var(--i3);font-size:.76rem;line-height:1.45}
.bg-design-thumb{height:58px;margin-bottom:.15rem;background:linear-gradient(135deg,#edf3ff,#dce7ff)}
.thumb-product-white{background:linear-gradient(180deg,#fff,#f6f7fb)}
.thumb-product-grey{background:linear-gradient(180deg,#eef2f6,#f7f9fc)}
.thumb-product-shadow{background:radial-gradient(circle at 50% 70%,rgba(15,23,42,.18),transparent 26%),linear-gradient(180deg,#fff,#f6f7fb)}
.thumb-product-transparent{background:
linear-gradient(45deg,#eef2f9 25%,transparent 25%,transparent 75%,#eef2f9 75%,#eef2f9 0) 0 0/22px 22px,
linear-gradient(45deg,#eef2f9 25%,transparent 25%,transparent 75%,#eef2f9 75%,#eef2f9 0) 11px 11px/22px 22px,#fff}
.thumb-marketplace-square{background:linear-gradient(135deg,#fff,#eaf1ff)}
.thumb-ecommerce-clean{background:linear-gradient(135deg,#fbfbfd,#eef5ff)}
.thumb-profile-square{background:linear-gradient(135deg,#dce8ff,#f8fbff)}
.thumb-profile-circle{background:radial-gradient(circle at 50% 50%,#fff 0 34%,#dce8ff 35% 55%,#eef4ff 56%)}
.thumb-linkedin{background:linear-gradient(135deg,#edf4ff,#d8e9ff)}
.thumb-instagram{background:linear-gradient(135deg,#fde1f3,#e3dbff 52%,#ddf5ff)}
.thumb-profile-dark{background:linear-gradient(135deg,#1f2940,#0f1520)}
.thumb-gradient-profile{background:linear-gradient(135deg,#d7ecff,#f7dcff 56%,#fff0d8)}
.thumb-open-graph{background:linear-gradient(135deg,#f4f7ff,#dce6ff)}
.thumb-instagram-square{background:linear-gradient(135deg,#efe5ff,#d9efff)}
.thumb-instagram-portrait{background:linear-gradient(180deg,#e3f2ff,#fbe5ff)}
.thumb-story{background:linear-gradient(180deg,#e0f7ff,#e9dcff)}
.thumb-linkedin-post{background:linear-gradient(135deg,#eff4ff,#dbe8ff)}
.thumb-facebook-post{background:linear-gradient(135deg,#edf4ff,#dce7ff)}
.thumb-youtube{background:linear-gradient(135deg,#ffd9de,#fff0d8)}
.thumb-blog{background:linear-gradient(135deg,#f4f7ff,#e5ecff)}
.thumb-hero{background:linear-gradient(135deg,#e0ebff,#fff0de)}
.thumb-banner{background:linear-gradient(90deg,#dde8ff,#f8fbff)}
.thumb-left{background:linear-gradient(90deg,#dce8ff 0 44%,#fff 44% 100%)}
.thumb-right{background:linear-gradient(90deg,#fff 0 56%,#dce8ff 56% 100%)}
.thumb-transparent-sticker{background:
linear-gradient(45deg,#eef2f9 25%,transparent 25%,transparent 75%,#eef2f9 75%,#eef2f9 0) 0 0/22px 22px,
linear-gradient(45deg,#eef2f9 25%,transparent 25%,transparent 75%,#eef2f9 75%,#eef2f9 0) 11px 11px/22px 22px,#fff}
.thumb-white-outline{background:radial-gradient(circle at 50% 50%,#fff 0 26%,#dce7ff 27% 54%,#fff 55%)}
.thumb-black-outline{background:radial-gradient(circle at 50% 50%,#eef4ff 0 26%,#0f1726 27% 52%,#eef4ff 53%)}
.thumb-thick-outline{background:radial-gradient(circle at 50% 50%,#fff 0 22%,#4e67ff 23% 58%,#f4f7ff 59%)}
.thumb-soft-shadow{background:radial-gradient(circle at 52% 70%,rgba(15,23,42,.2),transparent 22%),linear-gradient(180deg,#fff,#f6f8fe)}
.thumb-rounded-badge{background:radial-gradient(circle at 50% 50%,#f6fbff 0 28%,#dce8ff 29% 64%,#fff 65%)}
.thumb-custom{background:linear-gradient(135deg,#dce8ff,#ffe7ef 52%,#fff6d9)}
.bg-design-summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem;border:1px solid rgba(79,107,255,.16);border-radius:22px;background:linear-gradient(135deg,rgba(79,107,255,.08),rgba(22,185,129,.08))}
.bg-design-summary-copy span{display:block;color:var(--i4);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.bg-design-summary-copy strong{display:block;margin-top:.15rem;color:var(--ink);font-size:1rem}
.bg-design-summary-copy p{margin:.26rem 0 0;color:var(--i3);font-size:.82rem;line-height:1.5}
.bg-adjust-direct-note{padding:1rem;border:1px solid var(--bd2);border-radius:20px;background:rgba(248,251,255,.86)}
.bg-adjust-direct-note strong{display:block;color:var(--ink);font-size:.94rem}
.bg-adjust-direct-note p{margin:.25rem 0 0;color:var(--i3);font-size:.82rem;line-height:1.55}
.bg-export-summary{grid-template-columns:1fr}
.bg-preview-note{margin-top:0;padding:.72rem .85rem;border:1px solid var(--bd2);border-radius:18px;background:rgba(248,251,255,.88)}
.bg-preview-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin:0;padding:.6rem .8rem;border:1px solid var(--bd2);border-radius:18px;background:rgba(248,251,255,.88);box-shadow:none}
.bg-preview-zoom-label strong{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.bg-preview-zoom-label span{display:none}
.bg-preview-zoom-controls{justify-self:end}
.bg-preview-zoom-controls button{min-height:34px;padding:.42rem .7rem;border-radius:12px;box-shadow:none}
.bg-zoom-readout{min-width:auto;padding-left:.2rem;text-align:right;font-size:.75rem}
.bg-compare-bar{display:grid;gap:.7rem;margin:0 0 .75rem;padding:.9rem 1rem;border:1px solid var(--bd2);border-radius:24px;background:linear-gradient(135deg,rgba(79,107,255,.06),rgba(22,185,129,.08))}
.bg-compare-head strong{display:block;color:var(--ink);font-size:.88rem}
.bg-compare-head span{display:block;margin-top:.2rem;color:var(--i3);font-size:.74rem;line-height:1.45}
.bg-compare-head kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.1rem .35rem;border-radius:8px;border:1px solid var(--bd);background:#fff;color:var(--ink);font:800 .68rem var(--fm)}
.bg-compare-controls{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:.8rem;align-items:center}
.bg-compare-mode-group{display:flex;flex-wrap:wrap;gap:.45rem}
.bg-compare-mode{min-height:36px;padding:.5rem .8rem;border:1px solid var(--bd);border-radius:999px;background:#fff;color:var(--i2);font-size:.74rem;font-weight:850;cursor:pointer;transition:all .16s ease}
.bg-compare-mode.on{background:var(--brl);border-color:rgba(79,107,255,.18);color:var(--br)}
.bg-compare-slider-wrap{display:grid;gap:.28rem;color:var(--i4);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.bg-compare-slider-wrap input{width:100%}
.bg-compare-labels{position:absolute;inset:12px 12px auto 12px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;pointer-events:none;z-index:2}
.bg-compare-labels span{display:inline-flex;align-items:center;padding:.34rem .6rem;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font-size:.67rem;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.08)}
.bg-panel-close{width:38px;height:38px;border-radius:999px;border:1px solid var(--bd2);background:rgba(255,255,255,.86);color:var(--i2);font-size:1.35rem;line-height:1;cursor:pointer}
.bg-panel-close:hover{color:var(--ink);border-color:rgba(79,107,255,.2)}
.bg-tool-panel .file-input{margin:0}
.bg-tool-panel .file-input label{width:100%}
.bg-field-grid input[type="range"],.bg-toggle-card input[type="range"]{padding:.15rem .2rem}
.bg-field-grid input[type="text"]{text-transform:none;letter-spacing:0;font-size:.88rem}
.bg-remove-status-success{color:#0b8666}
.bg-result-panel{min-width:0}
.bg-canvas-wrap{position:relative;flex:1;min-height:420px;max-height:calc(100vh - 360px);padding:.8rem;scrollbar-width:thin;overflow:auto;overscroll-behavior:contain}
.bg-canvas-wrap.is-portrait,.bg-canvas-wrap.is-landscape,.bg-canvas-wrap.is-square{min-height:420px;max-height:calc(100vh - 360px)}
.bg-result-panel .bg-canvas{display:block;max-width:100%;max-height:100%;margin:auto}
.bg-result-panel .bg-preview-toolbar{margin-bottom:0}
.bg-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.05rem 0 0}
.bg-mini-stats div{min-width:0}
.bg-tool-action-grid .btn,.bg-tool-panel .btn{min-width:0;white-space:normal;line-height:1.25}
.bg-busy-modal{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(9,17,29,.34);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1200}
.bg-busy-modal[hidden]{display:none}
.bg-busy-card{display:grid;gap:.7rem;justify-items:center;width:min(92vw,360px);padding:1.25rem 1.2rem;border-radius:28px;border:1px solid rgba(255,255,255,.52);background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(15,23,42,.22);text-align:center}
.bg-busy-card strong{color:var(--ink);font-size:1.02rem}
.bg-busy-card p{margin:0;color:var(--i3);font-size:.88rem;line-height:1.5}
.bg-busy-spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(79,107,255,.14);border-top-color:var(--br);animation:spin 1s linear infinite}
.bg-custom-visible{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem;
  border-radius:18px;
  border:1px solid var(--bd);
  background:linear-gradient(135deg,rgba(63,99,244,.08),rgba(18,185,129,.08));
  margin-top:.95rem;
}
.bg-custom-visible strong{display:block;color:var(--ink);font-size:.98rem}
.bg-custom-visible span{display:block;margin-top:.18rem;color:var(--i3);font-size:.86rem;line-height:1.45}
.bg-custom-visible .file-input{margin:0;flex:0 0 auto}
.bg-placement-visible{
  display:grid;
  gap:.85rem;
  margin-top:.95rem;
  padding:1rem;
  border-radius:18px;
  border:1px solid var(--bd);
  background:rgba(255,255,255,.64);
}
.bg-layer-toggle{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.5rem;
  padding:.35rem;
  border-radius:16px;
  background:rgba(78,103,255,.08);
  border:1px solid rgba(78,103,255,.13);
}
.bg-layer-btn{
  min-height:44px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:var(--i2);
  font-weight:800;
  cursor:pointer;
}
.bg-layer-btn.on{
  background:linear-gradient(135deg,var(--br),#19d39a);
  color:#fff;
  box-shadow:0 12px 24px rgba(63,99,244,.18);
}
.bg-drag-select{display:none}
.bg-canvas.dragging{cursor:grabbing}
.bg-canvas-wrap.zoom-pan-ready{cursor:grab}
.bg-canvas-wrap.zoom-pan-ready.dragging{cursor:grabbing}
.bg-canvas{touch-action:none}
body.bg-stage-editing{
  background:
    linear-gradient(135deg,rgba(63,99,244,.022) 0 18%,transparent 18% 50%,rgba(18,185,129,.018) 50% 68%,transparent 68%),
    linear-gradient(180deg,#fbfdff 0%,#eef4f9 48%,#e8f0f7 100%);
  background-size:260px 260px,auto;
}
body.bg-stage-editing .bg-workspace-shell{
  position:sticky;
  top:72px;
  background:linear-gradient(180deg,rgba(243,247,251,.98),rgba(243,247,251,.9) 72%,rgba(243,247,251,0));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.bg-stage-editing #ck{
  left:auto;
  right:1rem;
  bottom:1rem;
  transform:none;
  width:min(430px,calc(100% - 2rem));
  padding:.8rem .9rem;
  align-items:flex-start;
  gap:.75rem;
}
[data-dark] .bg-custom-visible,[data-dark] .bg-placement-visible{background:rgba(255,255,255,.06)}
[data-dark] .bg-workspace-head{background:linear-gradient(135deg,rgba(13,29,47,.94),rgba(12,37,58,.9));border-color:rgba(255,255,255,.08);box-shadow:0 24px 62px rgba(5,16,29,.28)}
[data-dark] .bg-workspace-copy h1{color:#fff}
[data-dark] .bg-workspace-copy p{color:#c8d4e5}
[data-dark] .bg-upload-hero-card,[data-dark] .bg-result-surface,[data-dark] .bg-tool-panel{box-shadow:0 24px 62px rgba(5,16,29,.24)}
[data-dark] .bg-upload-extras span{background:rgba(79,107,255,.16);color:#b9c7ff}
[data-dark] .bg-tip-card,[data-dark] .bg-toggle-card,[data-dark] .bg-export-summary,[data-dark] .bg-preview-note,[data-dark] .bg-background-help{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08)}
[data-dark] .bg-cutout-brush{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
[data-dark] .bg-cutout-warning{background:rgba(138,92,14,.18);border-color:rgba(245,158,11,.2);color:#ffd79a}
[data-dark] .bg-cutout-warning strong{color:#ffe8bf}
[data-dark] .bg-compare-bar{background:linear-gradient(135deg,rgba(79,107,255,.12),rgba(22,185,129,.1));border-color:rgba(255,255,255,.08)}
[data-dark] .bg-tool-intro strong,[data-dark] .bg-switch-row,[data-dark] .bg-design-preset strong,[data-dark] .bg-export-summary strong,[data-dark] .bg-design-summary-copy strong,[data-dark] .bg-design-category-head strong,[data-dark] .bg-adjust-direct-note strong,[data-dark] .bg-background-help strong{color:#fff}
[data-dark] .bg-tool-intro p,[data-dark] .bg-toggle-card p,[data-dark] .bg-export-summary span,[data-dark] .bg-preview-note,[data-dark] .bg-placement-copy,[data-dark] .bg-background-help p,[data-dark] .bg-compare-head span{color:#c2d2ea}
[data-dark] .bg-panel-close{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#fff}
[data-dark] .bg-design-preset,[data-dark] .bg-background-card,[data-dark] .bg-mode-pill{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1);color:#fff}
[data-dark] .bg-compare-head kbd,[data-dark] .bg-compare-mode,[data-dark] .bg-compare-labels span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}
[data-dark] .bg-compare-mode.on{background:rgba(79,107,255,.2);border-color:rgba(137,157,255,.26);color:#dce6ff}
[data-dark] .bg-design-preset.is-active{background:linear-gradient(180deg,rgba(79,107,255,.22),rgba(28,182,132,.14));border-color:rgba(137,157,255,.32)}
[data-dark] .bg-design-preset small,[data-dark] .bg-design-category-head span,[data-dark] .bg-design-summary-copy p,[data-dark] .bg-design-summary-copy span,[data-dark] .bg-adjust-direct-note p,[data-dark] .bg-inline-switch,[data-dark] .bg-background-card small,[data-dark] .bg-background-mode-card p{color:#c2d2ea}
[data-dark] .bg-design-summary,[data-dark] .bg-adjust-direct-note,[data-dark] .bg-mode-pill.on{background:linear-gradient(135deg,rgba(79,107,255,.12),rgba(22,185,129,.1));border-color:rgba(255,255,255,.08)}
[data-dark] .bg-background-card-swatch,[data-dark] .bg-background-card-preview,[data-dark] .bg-design-thumb{border-color:rgba(255,255,255,.1)}
[data-dark] .bg-busy-card{background:rgba(8,18,32,.94);border-color:rgba(255,255,255,.1)}
[data-dark] .bg-busy-card strong{color:#fff}
[data-dark] .bg-busy-card p{color:#c5d3e7}
[data-dark] .bg-busy-spinner{border-color:rgba(255,255,255,.12);border-top-color:#9db7ff}
[data-dark] body.bg-stage-editing{
  background:
    linear-gradient(135deg,rgba(134,163,255,.028) 0 18%,transparent 18% 50%,rgba(18,185,129,.024) 50% 68%,transparent 68%),
    linear-gradient(180deg,#0b1726 0%,#0f2236 55%,#143451 100%);
  background-size:260px 260px,auto;
}
[data-dark] body.bg-stage-editing .bg-workspace-shell{
  background:linear-gradient(180deg,rgba(11,23,38,.96),rgba(11,23,38,.88) 72%,rgba(11,23,38,0));
}

@media(max-width:1180px){
  .home-tool-strip-inner{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bg-studio-page{max-width:1120px}
  .bg-studio-grid{grid-template-columns:minmax(0,1fr) 340px}
  .bg-tool-panel{width:340px;min-width:320px;max-width:340px}
}
@media(max-width:900px){
  .showcase-window{min-height:auto;border-radius:22px}
  .showcase-footer{grid-template-columns:1fr}
  .home-tool-strip{margin-top:.5rem}
  .home-tool-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflow-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-action-panel{grid-template-columns:1fr}
  .bg-custom-visible{display:grid;grid-template-columns:1fr;align-items:stretch}
  .bg-custom-visible .file-input{width:100%}
  .bg-layer-toggle{grid-template-columns:1fr}
  .bg-workspace-head{display:grid;align-items:start}
  .bg-workspace-shell{position:static!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .bg-studio-page{min-height:auto;padding:.5rem 0 calc(7rem + env(safe-area-inset-bottom,0px))}
  .bg-editor-toolbar{top:74px;border-radius:24px}
  .bg-studio-grid{grid-template-columns:1fr}
  .bg-result-surface{max-height:none}
  .bg-tool-panel{position:static;top:auto;width:100%;min-width:0;max-width:none;max-height:none}
  .bg-canvas-wrap,.bg-canvas-wrap.is-portrait,.bg-canvas-wrap.is-landscape,.bg-canvas-wrap.is-square{min-height:320px;max-height:70vh}
}
@media(max-width:620px){
  .showcase-window{padding:.75rem}
  .showcase-window::before{inset:10px;border-radius:18px}
  .showcase-top{padding:.55rem}
  .showcase-body{gap:.7rem}
  .showcase-tool{border-radius:16px;padding:.75rem}
  .showcase-footer{gap:.5rem}
  .home-tool-strip{padding-bottom:1rem}
  .home-tool-strip-inner{display:flex;overflow-x:auto;gap:.65rem;padding-bottom:.35rem;scrollbar-width:none}
  .home-tool-strip-inner::-webkit-scrollbar{display:none}
  .home-tool-link{flex:0 0 78%;min-height:132px}
  .workspace-next{padding:.85rem;border-radius:18px}
  .workspace-next-head{display:grid;grid-template-columns:1fr;gap:.65rem}
  .workspace-next-head a{width:100%}
  .workflow-cards{grid-template-columns:1fr}
  .workflow-card{min-height:auto}
  .workspace-checks{grid-template-columns:1fr}
  .bg-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bg-custom-visible,.bg-placement-visible{padding:.85rem;border-radius:16px}
  .bg-workspace-shell{padding-top:.8rem}
  .bg-workspace-head{padding:1rem 1rem 1.05rem;border-radius:24px}
  .bg-workspace-actions{width:100%}
  .bg-workspace-actions .btn{flex:1}
  .bg-upload-hero-card,.bg-result-surface,.bg-tool-panel{border-radius:24px}
  .bg-tool-action-grid,.bg-preset-grid,.bg-design-shortcuts,.bg-background-card-grid,.bg-background-card-grid-tight,.bg-mode-switch{grid-template-columns:1fr}
  .bg-cutout-tool-grid,.bg-cutout-action-grid{grid-template-columns:1fr}
  .bg-design-summary{display:grid}
  .bg-design-category-head{display:grid}
  .bg-design-category-head span{max-width:none;text-align:left}
  .bg-compare-controls{grid-template-columns:1fr}
  .bg-editor-toolbar{border-radius:24px}
  .bg-preview-toolbar{grid-template-columns:1fr;justify-items:start}
  .bg-preview-zoom-controls{justify-self:start;width:100%}
  .bg-preview-zoom-controls button{flex:1}
  .bg-zoom-readout{text-align:left}
  .bg-mini-stats{grid-template-columns:1fr}
  body.bg-stage-editing #ck{left:.75rem;right:.75rem;bottom:.75rem;width:auto}
}

@media(max-width:620px){
  .bg-studio-page,
  .bg-hero,
  .bg-hero-grid,
  .bg-hero-grid > *,
  .bg-hero-copy,
  .bg-upload-hero-card,
  .bg-studio-grid,
  .bg-result-surface,
  .bg-tool-panel,
  .bg-tool-panel-body,
  .bg-workspace-head,
  .bg-editor-toolbar,
  .bg-editor-tabs,
  .bg-editor-actions,
  .bg-preview-toolbar,
  .bg-preview-zoom-label,
  .bg-preview-zoom-controls,
  .bg-mode-switch,
  .bg-background-card-grid,
  .bg-background-card-grid-tight,
  .bg-preset-grid,
  .bg-design-shortcuts,
  .bg-tool-action-grid,
  .bg-cutout-tool-grid,
  .bg-cutout-action-grid,
  .bg-canvas-wrap{min-width:0;max-width:100%}
  .bg-studio-page{overflow-x:hidden}
  .bg-workspace-head{gap:.85rem}
  .bg-workspace-copy,
  .bg-workspace-copy p,
  .bg-preview-zoom-label,
  .bg-preview-note,
  .bg-tool-intro p,
  .bg-design-category-head span{overflow-wrap:anywhere}
  .bg-workspace-actions{display:grid;grid-template-columns:1fr;gap:.55rem}
  .bg-hero-grid,
  .bg-hero-grid > *,
  .bg-hero-copy,
  .bg-upload-hero-card{width:100%;justify-self:stretch}
  .bg-hero-copy h2,
  .bg-hero-copy p{max-width:100%}
  .bg-hero-copy .tool-pills,
  .bg-hero-badges{display:flex;flex-wrap:wrap!important;overflow:visible!important}
  .bg-hero-copy .tool-pill,
  .bg-hero-badges span{white-space:normal}
  .bg-editor-toolbar{padding:.55rem;overflow:hidden}
  .bg-editor-tabs,
  .bg-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
  .bg-editor-actions .bg-toolbar-export{grid-column:1/-1}
  .bg-toolbar-btn{justify-content:center}
  .bg-preview-zoom-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .bg-preview-zoom-controls button{width:100%}
  .bg-canvas-wrap{padding:.6rem}
}

@media(min-width:1101px){
  .workspace-shell .app-grid{
    align-items:start;
    padding-bottom:2rem;
  }
  .workspace-shell .sidebar{
    position:sticky;
    top:88px;
    max-height:calc(100vh - 110px);
    overflow:auto;
    padding-right:.15rem;
    scrollbar-width:thin;
    scrollbar-color:rgba(63,99,244,.32) transparent;
  }
  .workspace-shell .sidebar::-webkit-scrollbar{width:8px}
  .workspace-shell .sidebar::-webkit-scrollbar-track{background:transparent}
  .workspace-shell .sidebar::-webkit-scrollbar-thumb{background:rgba(63,99,244,.28);border-radius:999px}
}

/* Homepage professional pass */
.home-showcase .showcase-window{
  min-height:auto;
  border-radius:26px;
  border:1px solid rgba(132,149,176,.22);
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.94)),
    radial-gradient(circle at 88% 8%,rgba(18,185,129,.12),transparent 34%);
  color:var(--ink);
  box-shadow:0 28px 70px rgba(16,24,40,.12);
}
.home-showcase .showcase-window::before{
  inset:0;
  border:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(63,99,244,.06),transparent 45%,rgba(18,185,129,.08));
}
.home-showcase .showcase-top{
  min-height:52px;
  padding:.75rem .85rem;
  border-radius:18px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(132,149,176,.16);
  color:var(--i2);
}
.home-showcase .showcase-dot.red,.home-showcase .showcase-dot.amber{display:none}
.home-showcase .showcase-dot.green{background:#19c58f;box-shadow:0 0 0 5px rgba(25,197,143,.12)}
.home-showcase .showcase-top strong{color:var(--ink);font-size:.95rem}
.home-showcase .showcase-top em{color:var(--i4)}
.home-showcase .showcase-body{grid-template-columns:1fr;gap:.85rem;margin-top:.85rem}
.home-showcase .showcase-editor-card{
  border-radius:20px;
  border:1px solid rgba(132,149,176,.18);
  background:#fff;
  box-shadow:0 14px 32px rgba(16,24,40,.06);
}
.home-showcase .showcase-editor-head span{color:var(--i4)}
.home-showcase .showcase-editor-head strong{font-size:1.35rem;color:#0f766e}
.home-showcase .showcase-line{height:10px;background:#e5eaf3}
.home-showcase .showcase-meter{height:8px;background:#eef2f7}
.home-showcase .showcase-meter span{background:linear-gradient(90deg,#3f63f4,#12b981)}
.home-showcase .showcase-stack{gap:.55rem}
.home-showcase .showcase-tool{
  border-radius:18px;
  border:1px solid rgba(132,149,176,.18);
  background:rgba(255,255,255,.9);
  color:var(--ink);
  box-shadow:0 12px 28px rgba(16,24,40,.05);
}
.home-showcase .showcase-tool:hover{
  background:#fff;
  border-color:rgba(63,99,244,.26);
  box-shadow:0 18px 42px rgba(16,24,40,.09);
}
.home-showcase .showcase-ico{
  border-radius:14px;
  background:#eef3ff;
  color:#3f63f4;
  border:1px solid rgba(63,99,244,.12);
}
.home-showcase .showcase-tool strong{font-size:.98rem;color:var(--ink)}
.home-showcase .showcase-tool small{color:var(--i3)}
.home-showcase .showcase-footer{gap:.55rem}
.home-showcase .showcase-footer div{
  border-radius:16px;
  background:#f6f8fb;
  border:1px solid rgba(132,149,176,.16);
}
.home-showcase .showcase-footer b{font-size:1.05rem;color:var(--ink)}
.home-showcase .showcase-footer span{color:var(--i3)}
.home-tool-strip{margin-top:0;padding:1rem 0 2.1rem}
.home-tool-link{
  border-radius:18px;
  min-height:138px;
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 40px rgba(16,24,40,.06);
}
.home-tool-link span{
  border-radius:12px;
  background:#eef3ff;
  color:#3f63f4;
}
[data-dark] .home-showcase .showcase-window{
  background:linear-gradient(180deg,rgba(15,35,56,.95),rgba(8,23,39,.94));
  border-color:rgba(255,255,255,.1);
}
[data-dark] .home-showcase .showcase-top,
[data-dark] .home-showcase .showcase-editor-card,
[data-dark] .home-showcase .showcase-tool,
[data-dark] .home-showcase .showcase-footer div{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.09);
}
[data-dark] .home-showcase .showcase-top strong,
[data-dark] .home-showcase .showcase-tool strong,
[data-dark] .home-showcase .showcase-footer b{color:#fff}

/* Homepage hero typography refinement */
.hero-main{max-width:660px}
.hero-title{
  max-width:650px;
  font-family:var(--fd);
  font-size:clamp(2.85rem,3.45vw,3.55rem)!important;
  line-height:1.08!important;
  letter-spacing:-.024em!important;
  font-weight:800!important;
  text-wrap:balance;
  margin-bottom:1.05rem;
}
.hero-lead{
  max-width:610px;
  font-size:1.08rem!important;
  line-height:1.7!important;
}
.hero-eyebrow{
  margin-bottom:1.05rem;
}
@media(max-width:900px){
  .hero-title{
    font-size:clamp(2.35rem,7.8vw,3.35rem)!important;
    line-height:1.02!important;
  }
}
@media(max-width:620px){
  .hero-title{
    font-size:clamp(2.1rem,9.3vw,2.75rem)!important;
    line-height:1.05!important;
    letter-spacing:-.022em!important;
  }
  .hero-lead{font-size:1rem!important}
}

/* Mobile homepage should start flush below the sticky header. */
@media(max-width:768px){
  body.home-page .hero{
    padding-top:0!important;
  }
  body.home-page .hero-split{
    margin-top:0!important;
  }
}

/* About, Features and FAQ final polish */
.features-page main,
.about-page main,
.faq-page main{
  background:
    radial-gradient(circle at 82% 5%,rgba(18,185,129,.1),transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#eef5ff 48%,#f7fbff 100%);
}
[data-dark] .features-page main,
[data-dark] .about-page main,
[data-dark] .faq-page main{
  background:
    radial-gradient(circle at 82% 4%,rgba(18,185,129,.16),transparent 30%),
    linear-gradient(180deg,#071827 0%,#102b46 52%,#071827 100%);
}
.feature-hero,
.about-hero,
.faq-hero{
  padding:2.15rem 0 1.25rem!important;
  background:transparent!important;
  border-bottom:0!important;
}
.feature-hero-grid,
.about-hero-grid,
.faq-hero-grid{
  padding:1.55rem!important;
  border:1px solid rgba(132,149,176,.18);
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(244,249,255,.84)),
    radial-gradient(circle at 78% 8%,rgba(18,185,129,.13),transparent 34%);
  box-shadow:0 28px 76px rgba(16,24,40,.09);
  align-items:center;
}
[data-dark] .feature-hero-grid,
[data-dark] .about-hero-grid,
[data-dark] .faq-hero-grid{
  background:
    linear-gradient(135deg,rgba(11,28,46,.94),rgba(15,43,68,.84)),
    radial-gradient(circle at 78% 8%,rgba(18,185,129,.13),transparent 34%);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 28px 76px rgba(0,0,0,.22);
}
.feature-hero-copy .d2,
.about-page .about-hero .d2,
.faq-page .faq-hero .d2{
  max-width:840px;
  font-size:clamp(2.3rem,4.2vw,4.35rem)!important;
  line-height:1.02!important;
  letter-spacing:-.022em;
  text-wrap:balance;
}
.feature-hero-copy p,
.about-hero p,
.faq-hero p{
  max-width:760px;
  font-size:1.04rem;
  line-height:1.72;
}
.page-showcase-card,
.about-snapshot,
.feature-map,
.faq-help-card{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(132,149,176,.18)!important;
  box-shadow:0 18px 46px rgba(16,24,40,.08)!important;
}
[data-dark] .page-showcase-card,
[data-dark] .about-snapshot,
[data-dark] .feature-map,
[data-dark] .faq-help-card{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.09)!important;
}
.page-proof-strip{
  margin-top:1rem!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#0c2a45,#15547c)!important;
  box-shadow:0 24px 60px rgba(16,42,68,.14)!important;
}
.page-focus-sec{
  padding-top:.4rem!important;
}
.page-focus-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.page-focus-card{
  min-height:210px;
  padding:1.35rem;
  border-radius:24px;
  border:1px solid rgba(132,149,176,.16);
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 46px rgba(16,24,40,.06);
}
.page-focus-card h2{
  margin:.55rem 0 .6rem;
  max-width:620px;
  font:800 1.45rem/1.12 var(--fd);
  color:var(--ink);
}
.page-focus-card p{
  color:var(--i2);
  line-height:1.72;
}
[data-dark] .page-focus-card{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.09);
}
.about-principle-grid,
.info-band,
.suite-mini-grid{
  align-items:stretch;
}
.about-principle,
.info-card,
.story-card,
.mini-tool{
  box-shadow:0 18px 46px rgba(16,24,40,.055);
}
.faq-topics-sec{
  padding:.1rem 0 1rem;
}
.faq-topic-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.8rem;
}
.faq-topic-card{
  display:flex;
  flex-direction:column;
  gap:.45rem;
  min-height:150px;
  padding:1rem;
  border-radius:22px;
  border:1px solid rgba(132,149,176,.16);
  background:rgba(255,255,255,.88);
  color:var(--ink);
  text-decoration:none;
  box-shadow:0 16px 40px rgba(16,24,40,.055);
  transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease);
}
.faq-topic-card:hover{
  transform:translateY(-3px);
  border-color:rgba(63,99,244,.28);
  box-shadow:0 22px 54px rgba(16,24,40,.09);
}
.faq-topic-card span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#eef3ff;
  color:var(--br);
  font-weight:900;
  font-family:var(--fm);
}
.faq-topic-card strong{
  font:800 1.08rem/1.1 var(--fd);
}
.faq-topic-card small{
  color:var(--i2);
  line-height:1.48;
}
[data-dark] .faq-topic-card{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.09);
}
.faq-page .sec{
  padding-top:1rem!important;
}
.faq-page .faq-wrap{
  max-width:980px;
}
.faq-page .faq-item{
  border-radius:18px;
  box-shadow:0 12px 34px rgba(16,24,40,.045);
}
.faq-page .faq-q{
  min-height:68px;
}
.faq-page .faq-pager{
  margin-top:1rem;
  padding:1rem;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(132,149,176,.14);
}
[data-dark] .faq-page .faq-pager{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.08);
}
@media(max-width:980px){
  .faq-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-focus-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .feature-hero,
  .about-hero,
  .faq-hero{
    padding:.8rem 0 1rem!important;
  }
  .feature-hero-grid,
  .about-hero-grid,
  .faq-hero-grid{
    padding:1rem!important;
    border-radius:20px!important;
    gap:1rem!important;
  }
  .feature-hero-copy .d2,
  .about-page .about-hero .d2,
  .faq-page .faq-hero .d2{
    font-size:clamp(2rem,9vw,2.85rem)!important;
    line-height:1.05!important;
  }
  .feature-hero-copy p,
  .about-hero p,
  .faq-hero p{
    font-size:1rem;
    line-height:1.62;
  }
  .page-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-focus-card{min-height:auto}
}
@media(max-width:540px){
  .faq-topic-grid{grid-template-columns:1fr}
  .faq-topic-card{
    min-height:auto;
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
  }
  .faq-topic-card small{grid-column:2}
  .page-proof-strip{grid-template-columns:1fr!important}
  .faq-page .faq-q{
    align-items:flex-start;
    gap:.8rem;
    font-size:1rem;
  }
  .faq-page .faq-pager{
    display:grid;
    grid-template-columns:1fr;
  }
}

/* Homepage upgrade merged into static site */
.home-hero-modern{
  padding-top:1.35rem!important;
}
.home-hero-modern .hero-split{
  grid-template-columns:minmax(0,.95fr) minmax(360px,.86fr);
  gap:1.35rem;
  padding:1.85rem!important;
  border-radius:32px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,249,255,.88)),
    linear-gradient(120deg,rgba(63,99,244,.08),transparent 48%,rgba(18,185,129,.08));
  box-shadow:0 28px 80px rgba(16,24,40,.11);
}
[data-dark] .home-hero-modern .hero-split{
  background:
    linear-gradient(135deg,rgba(8,24,40,.96),rgba(13,44,66,.9)),
    linear-gradient(120deg,rgba(63,99,244,.14),transparent 48%,rgba(18,185,129,.12));
}
.home-hero-modern .hero-title{
  max-width:720px;
  font-size:clamp(2.7rem,4.25vw,4.65rem)!important;
  line-height:1.01!important;
  letter-spacing:-.026em!important;
}
.home-hero-modern .hero-lead{
  max-width:660px;
}
.home-hero-modern .hero-actions .btn{
  min-height:52px;
  padding-inline:1.25rem;
}
.showcase-upload-box{
  display:grid;
  gap:.12rem;
  margin:.8rem 0 .1rem;
  padding:.85rem;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(63,99,244,.08),rgba(18,185,129,.08));
  border:1px solid rgba(132,149,176,.16);
}
.showcase-upload-box strong{
  color:var(--ink);
  font-size:.95rem;
}
.showcase-upload-box span{
  color:var(--i3);
  font-size:.82rem;
  line-height:1.45;
}
[data-dark] .showcase-upload-box{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.09);
}
[data-dark] .showcase-upload-box strong{color:#fff}
.home-hero-modern .showcase-window{
  height:100%;
}
.home-hero-modern .showcase-body{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:stretch;
}
.home-hero-modern .showcase-stack{
  grid-template-columns:1fr;
  gap:.42rem;
}
.home-hero-modern .showcase-tool{
  min-height:54px;
  padding:.55rem .62rem;
}
.home-hero-modern .showcase-ico{
  flex-basis:38px;
  width:38px;
  height:38px;
  border-radius:12px;
  font-size:.62rem;
}
.home-hero-modern .showcase-tool strong{
  font-size:.9rem;
}
.home-hero-modern .showcase-tool small{
  font-size:.75rem;
  line-height:1.25;
}
.home-workflow-section{
  padding:1.2rem 0 1.7rem;
}
.home-section-head{
  max-width:820px;
  margin-bottom:1rem;
}
.home-section-head h2,
.home-split-feature h2{
  margin:.75rem 0 .55rem;
  font:900 clamp(2rem,3.4vw,3.65rem)/1 var(--fd);
  letter-spacing:-.03em;
  color:var(--ink);
  text-wrap:balance;
}
.home-section-head p,
.home-split-feature p{
  color:var(--i2);
  font-size:1.04rem;
  line-height:1.72;
}
.home-flow-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
}
.home-flow-grid article{
  min-height:230px;
  padding:1.15rem;
  border-radius:24px;
  border:1px solid rgba(132,149,176,.16);
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 44px rgba(16,24,40,.06);
}
.home-flow-grid span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#eef3ff;
  color:var(--br);
  font:900 .78rem/1 var(--fm);
}
.home-flow-grid h3{
  margin:1rem 0 .5rem;
  font:850 1.28rem/1.1 var(--fd);
  color:var(--ink);
}
.home-flow-grid p{
  color:var(--i2);
  line-height:1.64;
  font-size:.96rem;
}
[data-dark] .home-flow-grid article{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.09);
}
[data-dark] .home-flow-grid h3,
[data-dark] .home-split-feature h2,
[data-dark] .home-section-head h2{color:#fff}
.home-split-feature{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(320px,.72fr);
  gap:1rem;
  align-items:center;
  margin-top:.3rem;
  margin-bottom:1.3rem;
  padding:1.4rem;
  border-radius:28px;
  border:1px solid rgba(132,149,176,.16);
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(247,251,255,.9)),
    linear-gradient(120deg,rgba(18,185,129,.08),transparent 46%,rgba(63,99,244,.07));
  box-shadow:0 22px 60px rgba(16,24,40,.08);
}
[data-dark] .home-split-feature{
  background:linear-gradient(135deg,rgba(13,32,52,.94),rgba(8,24,40,.92));
  border-color:rgba(255,255,255,.09);
}
.home-mini-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.65rem;
  margin-top:1rem;
}
.home-mini-stats div{
  min-height:86px;
  padding:.85rem;
  border-radius:18px;
  border:1px solid rgba(132,149,176,.16);
  background:rgba(255,255,255,.75);
}
[data-dark] .home-mini-stats div{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.09);
}
.home-mini-stats strong{
  display:block;
  font:900 1.45rem/1 var(--fd);
  color:var(--ink);
}
.home-mini-stats span{
  display:block;
  margin-top:.28rem;
  color:var(--i3);
  font-size:.8rem;
  line-height:1.35;
}
[data-dark] .home-mini-stats strong{color:#fff}
.home-device{
  padding:1rem;
  border-radius:24px;
  border:1px solid rgba(132,149,176,.16);
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);
}
[data-dark] .home-device{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.09);
}
.device-toolbar{
  display:flex;
  gap:.36rem;
  margin-bottom:.8rem;
}
.device-toolbar span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#ff8a3d;
}
.device-toolbar span:nth-child(2){background:#f7bf2f}
.device-toolbar span:nth-child(3){background:#19c58f}
.device-row{
  display:flex;
  justify-content:space-between;
  gap:.8rem;
  padding:.85rem;
  border-radius:16px;
  border:1px solid rgba(132,149,176,.14);
  background:#f8fbff;
  margin-top:.55rem;
}
.device-row.primary{
  background:linear-gradient(135deg,rgba(63,99,244,.1),rgba(18,185,129,.13));
}
.device-row strong{color:var(--ink)}
.device-row em{
  color:var(--i3);
  font-style:normal;
  font-size:.82rem;
}
[data-dark] .device-row{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.08);
}
[data-dark] .device-row strong{color:#fff}
.device-meter{
  height:9px;
  margin-top:.9rem;
  border-radius:999px;
  background:#e9eef6;
  overflow:hidden;
}
.device-meter span{
  display:block;
  width:76%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--br),#19d39a);
}
@media(max-width:980px){
  .home-hero-modern .hero-split,
  .home-split-feature{
    grid-template-columns:1fr!important;
  }
  .home-hero-modern .showcase-body{
    grid-template-columns:1fr;
  }
  .home-flow-grid{
    grid-template-columns:1fr;
  }
  .home-flow-grid article{
    min-height:auto;
  }
}
@media(max-width:620px){
  .home-hero-modern{
    padding-top:0!important;
  }
  .home-hero-modern .hero-split{
    padding:1rem!important;
    border-radius:20px!important;
  }
  .home-hero-modern .hero-title{
    font-size:clamp(2.15rem,10.2vw,2.9rem)!important;
    line-height:1.04!important;
  }
  .home-hero-modern .hero-lead{
    font-size:1rem!important;
    line-height:1.62!important;
  }
  .home-hero-modern .hero-actions .btn{
    width:100%;
  }
  .home-hero-modern .hero-rail{
    display:none;
  }
  .home-hero-modern .showcase-window{
    padding:.8rem;
    border-radius:20px;
  }
  .home-workflow-section{
    padding:1rem 0;
  }
  .home-section-head h2,
  .home-split-feature h2{
    font-size:clamp(1.85rem,9vw,2.45rem);
  }
  .home-split-feature{
    padding:1rem;
    border-radius:20px;
  }
  .home-mini-stats{
    grid-template-columns:1fr;
  }
}

/* Final Open Graph dark-mode guard: keep builder controls readable after global form rules. */
[data-dark] .og-builder .og-section{
  background:linear-gradient(180deg,rgba(15,35,56,.96),rgba(10,24,40,.96));
  border-color:rgba(226,232,240,.12);
}
[data-dark] .og-builder .og-section[open]{
  background:linear-gradient(180deg,rgba(18,42,68,.98),rgba(11,27,45,.98));
}
[data-dark] .og-builder .og-control-grid input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
[data-dark] .og-builder .og-control-grid select,
[data-dark] .og-builder .color-field,
[data-dark] .og-builder .range-field{
  background:rgba(7,18,31,.84)!important;
  border-color:rgba(226,232,240,.16)!important;
  color:#f8fafc!important;
}
[data-dark] .og-builder .og-control-grid input::placeholder{
  color:rgba(219,231,248,.58)!important;
}
[data-dark] .og-builder .og-control-grid select{
  background-image:linear-gradient(45deg,transparent 50%,#dbe7f8 50%),linear-gradient(135deg,#dbe7f8 50%,transparent 50%)!important;
}

/* Dedicated writing workspace */
.home-workspace-cta{
  padding:1rem 0 4.5rem;
}
.home-workspace-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1.25rem;
  align-items:center;
  padding:1.35rem;
  border:1px solid rgba(132,149,176,.18);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(243,248,255,.88));
  box-shadow:0 24px 60px rgba(16,24,40,.08);
}
.home-workspace-card h2{
  font-family:var(--fd);
  font-size:clamp(1.8rem,3vw,3rem);
  line-height:1;
  color:var(--ink);
  margin:.35rem 0 .5rem;
}
.home-workspace-card p{
  max-width:760px;
  color:var(--i2);
  font-size:1rem;
  line-height:1.65;
}
.home-workspace-actions{
  display:flex;
  gap:.65rem;
  flex-wrap:wrap;
  justify-content:flex-end;
}
[data-dark] .home-workspace-card{
  background:linear-gradient(135deg,rgba(13,32,53,.92),rgba(8,24,40,.9));
  border-color:rgba(255,255,255,.08);
}
[data-dark] .home-workspace-card h2{color:#fff}
[data-dark] .home-workspace-card p{color:rgba(240,247,255,.72)}

.workspace-page main{
  background:
    linear-gradient(90deg,rgba(63,99,244,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(63,99,244,.035) 1px,transparent 1px),
    linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);
  background-size:86px 86px,86px 86px,auto;
}
.workspace-hero{
  padding:3rem 0 1.1rem;
}
.workspace-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);
  gap:1.25rem;
  align-items:stretch;
}
.workspace-hero-copy,
.workspace-hero-panel{
  border:1px solid rgba(132,149,176,.18);
  border-radius:30px;
  background:rgba(255,255,255,.86);
  box-shadow:0 24px 70px rgba(16,24,40,.08);
}
.workspace-hero-copy{
  padding:clamp(1.3rem,3vw,2.3rem);
}
.workspace-hero-copy h1{
  max-width:760px;
  font-family:var(--fd);
  font-size:clamp(2.35rem,5.8vw,5.25rem);
  line-height:.92;
  letter-spacing:0;
  color:var(--ink);
  margin:.7rem 0 1rem;
}
.workspace-hero-copy p{
  max-width:760px;
  color:var(--i2);
  font-size:clamp(1rem,1.45vw,1.2rem);
  line-height:1.65;
}
.workspace-hero-panel{
  padding:1.15rem;
  display:grid;
  align-content:center;
  gap:.85rem;
  background:
    radial-gradient(circle at 80% 8%,rgba(18,185,129,.14),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,250,255,.9));
}
.doc-mini-top{
  display:flex;
  align-items:center;
  gap:.38rem;
  padding:.8rem;
  border:1px solid rgba(132,149,176,.16);
  border-radius:16px;
  background:#fff;
}
.doc-mini-top span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ff7a1a;
}
.doc-mini-top span:nth-child(2){background:#f7bf2f}
.doc-mini-top span:nth-child(3){background:#18c58f}
.doc-mini-top strong{
  margin-left:auto;
  color:var(--ink);
  font-size:.9rem;
}
.doc-mini-line{
  height:16px;
  width:76%;
  border-radius:999px;
  background:#dfe8f5;
}
.doc-mini-line.wide{width:94%}
.doc-mini-line.short{width:58%}
.doc-mini-stats{
  display:grid;
  grid-template-columns:1fr auto;
  gap:.5rem;
  margin-top:.4rem;
  padding:1rem;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(63,99,244,.1),rgba(18,185,129,.12));
}
.doc-mini-stats span{
  color:var(--i3);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}
.doc-mini-stats strong{
  color:var(--ink);
  font-family:var(--fd);
  font-size:1.25rem;
}
.dedicated-workspace{
  margin-top:.6rem!important;
  padding:clamp(.85rem,2vw,1.5rem)!important;
}
.dedicated-workspace .stat-row{
  grid-template-columns:repeat(6,minmax(110px,1fr));
  gap:.75rem;
}
.dedicated-workspace .sc{
  min-height:86px;
  display:grid;
  place-items:center;
  align-content:center;
}
.dedicated-workspace .app-grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,340px);
  gap:1rem;
  padding-bottom:1.25rem;
}
.dedicated-workspace .ed-shell,
.dedicated-workspace .tabs-sh,
.dedicated-workspace .panel{
  border-radius:22px;
}
.dedicated-workspace .ed-shell{
  background:#fff;
  box-shadow:0 26px 70px rgba(16,24,40,.09);
}
.dedicated-workspace .ec-bar,
.dedicated-workspace .tb-bar,
.dedicated-workspace .ed-ft{
  background:#f7faff;
}
.dedicated-workspace .tb{
  min-height:36px;
}
.dedicated-workspace .ed-area{
  min-height:560px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(180deg,rgba(226,232,240,.45),rgba(226,232,240,.15)) border-box;
}
.dedicated-workspace #editor{
  min-height:560px;
  max-height:900px;
  padding:clamp(1.35rem,3vw,2.7rem);
  font-size:1.05rem;
  line-height:1.88;
}
.dedicated-workspace #hl-lay{
  padding:clamp(1.35rem,3vw,2.7rem);
  font-size:1.05rem;
  line-height:1.88;
}
.dedicated-workspace .workspace-helper-strip{
  margin:1rem;
}
.dedicated-workspace .sidebar .panel{
  box-shadow:0 18px 42px rgba(16,24,40,.065);
}
[data-dark] .workspace-page main{
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,#061422 0%,#0b2035 100%);
  background-size:86px 86px,86px 86px,auto;
}
[data-dark] .workspace-hero-copy,
[data-dark] .workspace-hero-panel{
  background:rgba(11,29,48,.88);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 28px 80px rgba(0,0,0,.25);
}
[data-dark] .workspace-hero-copy h1,
[data-dark] .doc-mini-top strong,
[data-dark] .doc-mini-stats strong{color:#fff}
[data-dark] .workspace-hero-copy p{color:rgba(240,247,255,.74)}
[data-dark] .doc-mini-top{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}
[data-dark] .doc-mini-line{background:rgba(255,255,255,.12)}
[data-dark] .dedicated-workspace .ed-shell{background:rgba(9,24,40,.96)}
[data-dark] .dedicated-workspace .ec-bar,
[data-dark] .dedicated-workspace .tb-bar,
[data-dark] .dedicated-workspace .ed-ft{background:rgba(255,255,255,.03)}
[data-dark] .dedicated-workspace .ed-area{background:rgba(5,18,31,.68)}

@media(max-width:1100px){
  .workspace-hero-grid,
  .dedicated-workspace .app-grid{
    grid-template-columns:1fr;
  }
  .dedicated-workspace .sidebar{
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
  }
}
@media(max-width:760px){
  .workspace-hero{
    padding:1.2rem 0 .6rem;
  }
  .workspace-hero-grid{
    gap:.8rem;
  }
  .workspace-hero-copy{
    border-radius:24px;
    padding:1rem;
  }
  .workspace-hero-copy h1{
    font-size:clamp(2rem,11vw,3rem);
    line-height:.98;
  }
  .workspace-hero-panel{
    display:none;
  }
  .home-workspace-card{
    grid-template-columns:1fr;
    border-radius:22px;
  }
  .home-workspace-actions .btn{
    width:100%;
  }
  .dedicated-workspace{
    border-radius:22px;
  }
  .dedicated-workspace .stat-row{
    display:flex!important;
    overflow-x:auto;
    padding-bottom:.35rem;
    scroll-snap-type:x mandatory;
  }
  .dedicated-workspace .sc{
    flex:0 0 132px;
    scroll-snap-align:start;
  }
  .dedicated-workspace .ec-bar,
  .dedicated-workspace .tb-bar,
  .dedicated-workspace .ed-ft{
    padding:.75rem;
  }
  .dedicated-workspace .tg{
    flex-wrap:nowrap;
    overflow-x:auto;
    width:100%;
    padding-bottom:.2rem;
  }
  .dedicated-workspace .tb,
  .dedicated-workspace .quick-pill,
  .dedicated-workspace .starter-btn{
    white-space:nowrap;
  }
  .dedicated-workspace .ed-area,
  .dedicated-workspace #editor{
    min-height:430px;
  }
  .dedicated-workspace .workspace-helper-strip{
    margin:.75rem;
  }
  .dedicated-workspace .sidebar{
    grid-template-columns:1fr;
  }
}

/* 2026 information pages — Features, FAQ and About */
.features-page,.faq-page,.about-page{--info-blue:#3157ed;--info-mint:#10b981;--info-ink:#101828;--info-muted:#667085;--info-line:rgba(19,35,61,.1);--info-card:rgba(255,255,255,.88);background:#f7f9fc;color:var(--info-ink)}
.features-page main,.faq-page main,.about-page main{overflow:hidden;background:radial-gradient(circle at 8% 8%,rgba(92,117,255,.07),transparent 24rem),radial-gradient(circle at 92% 28%,rgba(16,185,129,.06),transparent 22rem),#f7f9fc}
.features-page .feature-hero,.faq-page .faq-hero,.about-page .about-hero{position:relative;isolation:isolate;margin:1rem auto 0;width:min(1440px,calc(100% - 2rem));padding:clamp(4rem,8vw,7.5rem) 0 clamp(3rem,6vw,5rem);overflow:hidden;border:1px solid rgba(49,87,237,.09);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,248,255,.92) 60%,rgba(239,253,249,.9));box-shadow:0 30px 90px rgba(26,43,75,.08)}
.features-page .feature-hero-grid,.faq-page .faq-hero-grid,.about-page .about-hero-grid{position:relative;z-index:2;grid-template-columns:minmax(0,1.08fr) minmax(340px,.82fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.info26-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.info26-orb-a{width:380px;height:380px;right:-130px;top:-170px;background:radial-gradient(circle,rgba(81,109,255,.22),rgba(81,109,255,0) 70%)}.info26-orb-b{width:300px;height:300px;left:-130px;bottom:-170px;background:radial-gradient(circle,rgba(16,185,129,.18),rgba(16,185,129,0) 70%)}
.features-page .eyebrow,.faq-page .eyebrow,.about-page .eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.42rem .7rem;border:1px solid rgba(49,87,237,.14);border-radius:999px;background:rgba(255,255,255,.72);color:#2948c7;font:800 .68rem var(--fm);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 20px rgba(49,87,237,.06)}
.features-page .eyebrow:before,.faq-page .eyebrow:before,.about-page .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#3157ed,#13bd92);box-shadow:0 0 0 4px rgba(49,87,237,.08)}
.features-page .feature-hero-copy .d2,.faq-page .faq-hero .d2,.about-page .about-hero .d2{max-width:780px;margin:1.15rem 0 1.2rem;color:#101828;font-size:clamp(3rem,6vw,6rem);font-weight:900;line-height:.91;letter-spacing:-.065em;text-wrap:balance}
.features-page .d2 em,.faq-page .d2 em,.about-page .d2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#3157ed 5%,#6c55e8 48%,#0f9f7d 95%);background-clip:text;-webkit-background-clip:text}
.features-page .suite-lead,.faq-page .suite-lead,.about-page .suite-lead{max-width:680px;color:#5d687a;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.7;text-wrap:pretty}
.features-page .hero-actions,.about-page .hero-actions{margin-top:1.8rem}.features-page .hero-actions .btn,.about-page .hero-actions .btn{min-height:50px;padding-inline:1.2rem;border-radius:14px}
.info26-trust-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.45rem}.info26-trust-row span{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .66rem;border:1px solid var(--info-line);border-radius:10px;background:rgba(255,255,255,.66);color:#536075;font-size:.7rem;font-weight:750}.info26-trust-row span:before{content:"✓";display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#ddf8ef;color:#08785c;font-size:.6rem;font-weight:900}
.info26-windowbar{display:flex;align-items:center;gap:.38rem;margin:-.2rem -.1rem .45rem;padding:0 .15rem .7rem;border-bottom:1px solid rgba(22,40,70,.08)}.info26-windowbar i{width:8px;height:8px;border-radius:50%;background:#d6deea}.info26-windowbar i:first-child{background:#ff8d8d}.info26-windowbar i:nth-child(2){background:#ffd26f}.info26-windowbar i:nth-child(3){background:#6ed7af}.info26-windowbar span{margin-left:auto;color:#8a97a8;font:700 .62rem var(--fm);letter-spacing:.06em;text-transform:uppercase}

/* Features product map */
.features-page .feature-map{position:relative;gap:.55rem;padding:1rem;border:1px solid rgba(31,48,78,.1);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 28px 70px rgba(28,45,77,.12),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(18px)}
.features-page .map-step{position:relative;display:grid;grid-template-columns:42px 105px 1fr;align-items:center;min-height:64px;padding:.7rem;border:1px solid transparent;border-radius:15px;background:#f8fafc;transition:transform .2s,border-color .2s,box-shadow .2s}.features-page .map-step:hover{transform:translateX(-4px);border-color:rgba(49,87,237,.16);box-shadow:0 10px 30px rgba(24,43,76,.07)}.features-page .map-step.on{color:#fff;background:linear-gradient(120deg,#3157ed,#5f64e8 55%,#267bb5);box-shadow:0 14px 32px rgba(49,87,237,.22)}.features-page .map-step span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:#3157ed;font:800 .64rem var(--fm)}.features-page .map-step strong{font:850 .85rem var(--fd)}.features-page .map-step p{margin:0;color:#69768a;font-size:.72rem}.features-page .map-step.on p{color:rgba(255,255,255,.78)}
.features-page .feature-proof{position:relative;z-index:2;margin-top:1.2rem;padding:.75rem;border:1px solid rgba(26,45,77,.08);border-radius:18px;background:rgba(255,255,255,.62);backdrop-filter:blur(12px)}.features-page .proof-item{min-height:64px;border-right:1px solid rgba(20,38,67,.08)}.features-page .proof-item:last-child{border-right:0}.features-page .proof-item strong{font-size:1.2rem}.features-page .proof-item span{font-size:.68rem}
.info26-bento-sec{padding-top:2.2rem!important}.features-page .info-band{gap:1rem}.features-page .info-card{min-height:210px;padding:1.25rem;border:1px solid var(--info-line);border-radius:22px;background:var(--info-card);box-shadow:0 16px 45px rgba(24,42,72,.055);transition:transform .2s,box-shadow .2s}.features-page .info-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(24,42,72,.09)}.features-page .info-card:nth-child(2){background:linear-gradient(145deg,#eff3ff,#fff)}.features-page .info-card:nth-child(3){background:linear-gradient(145deg,#ecfbf7,#fff)}.features-page .page-focus-grid{gap:1rem}.features-page .page-focus-card{overflow:hidden;min-height:310px;padding:clamp(1.4rem,4vw,2.5rem);border:1px solid var(--info-line);border-radius:28px;background:#101c2e;color:#fff;box-shadow:0 22px 65px rgba(16,28,46,.13)}.features-page .page-focus-card:nth-child(2){background:linear-gradient(145deg,#2f52e8,#604fd8)}.features-page .page-focus-card h2{max-width:580px;color:#fff;font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.035em}.features-page .page-focus-card p{max-width:560px;color:rgba(255,255,255,.7);font-size:.95rem}.features-page .story-card,.features-page .suite-group{border:1px solid var(--info-line);border-radius:24px;background:var(--info-card);box-shadow:0 16px 45px rgba(24,42,72,.05)}.features-page .feature-row{padding:1rem 0}.features-page .mini-tool{border-radius:18px;background:#fff;transition:transform .2s,border-color .2s}.features-page .mini-tool:hover{transform:translateY(-3px);border-color:rgba(49,87,237,.3)}

/* FAQ help center */
.faq-page .faq-help-card{padding:1.25rem;border:1px solid rgba(27,45,76,.1);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 28px 70px rgba(28,45,77,.12);backdrop-filter:blur(18px)}.faq-page .faq-help-card h2{margin:.55rem 0 .35rem;color:#101828;font:850 1.35rem var(--fd);letter-spacing:-.025em}.faq-page .faq-help-card p{margin-bottom:1rem;color:#7a8698;font-size:.78rem}.faq-page .faq-select{width:100%;min-height:52px;border-color:#dce3ee;border-radius:13px;background:#f8fafc;font-weight:700}.faq-contact-link{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem;padding:.72rem .8rem;border-radius:12px;background:#eef2ff;color:#2948c7;font-size:.74rem;font-weight:800}.faq-contact-link span{font-size:1rem}
.faq-page .faq-topics-sec{padding:1.4rem 0 .4rem}.faq-page .faq-topic-grid{gap:.75rem}.faq-page .faq-topic-card{min-height:138px;padding:1rem;border:1px solid var(--info-line);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 12px 35px rgba(24,42,72,.045);transition:transform .2s,border-color .2s,box-shadow .2s}.faq-page .faq-topic-card:hover{transform:translateY(-4px);border-color:rgba(49,87,237,.24);box-shadow:0 20px 50px rgba(24,42,72,.09)}.faq-page .faq-topic-card span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef2ff;color:#3157ed}.faq-page .faq-topic-card strong{font-size:.94rem}.faq-page .faq-topic-card small{font-size:.72rem;line-height:1.5}
.faq-page .faq-search-sec{position:sticky;top:64px;z-index:20;padding:1rem 0}.faq-page .faq-search-card{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:end;gap:.85rem;padding:.8rem;border:1px solid rgba(27,45,76,.1);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(24,42,72,.1);backdrop-filter:blur(18px)}.faq-page .faq-search-label{margin:0}.faq-page .faq-search-label input{min-height:48px;border-radius:12px;background:#f8fafc}.faq-page .faq-filter-row{align-self:center;flex-wrap:nowrap;overflow-x:auto;padding:.15rem}.faq-page .faq-filter-btn{white-space:nowrap;border-radius:10px}.faq-page .faq-result-count{align-self:center;white-space:nowrap;padding-right:.5rem}
.faq-page .info26-faq-list{padding-top:1rem}.faq-page .faq-wrap{max-width:900px}.faq-page .faq-item{margin-bottom:.65rem;overflow:hidden;border:1px solid var(--info-line);border-radius:17px;background:rgba(255,255,255,.86);box-shadow:0 8px 24px rgba(24,42,72,.035);transition:border-color .2s,box-shadow .2s}.faq-page .faq-item:hover,.faq-page .faq-item.open{border-color:rgba(49,87,237,.22);box-shadow:0 16px 40px rgba(24,42,72,.07)}.faq-page .faq-q{min-height:72px;padding:1rem 1.1rem;font-size:.9rem}.faq-page .faq-q>span:first-child{display:flex;align-items:center;gap:.75rem}.faq-page .faq-q .faq-kicker{display:grid;flex:0 0 auto;place-items:center;width:32px;height:32px;margin:0;border-radius:10px;background:#f0f3f8;color:#526176;font-size:.6rem}.faq-page .faq-item.open .faq-q .faq-kicker{background:#e8edff;color:#3157ed}.faq-page .faq-arr{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f2f5f8}.faq-page .faq-a{padding:0 1.1rem 1.1rem 4.9rem}.faq-page .faq-a p{color:#647185;font-size:.83rem;line-height:1.7}.faq-page .faq-pager{padding:1rem 0}.info26-help-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.4rem;padding:clamp(1.2rem,4vw,2rem);border-radius:24px;background:linear-gradient(120deg,#101c2e,#193a55);color:#fff;box-shadow:0 24px 70px rgba(16,28,46,.18)}.info26-help-cta h2{margin:.45rem 0 .35rem;color:#fff;font:850 clamp(1.25rem,3vw,2rem) var(--fd)}.info26-help-cta p{max-width:600px;color:rgba(255,255,255,.67);font-size:.8rem}.info26-help-cta .btn{flex:0 0 auto;background:#fff!important;color:#1d3fc3!important}

/* About product story */
.about-page .about-snapshot{padding:1.15rem;border:1px solid rgba(27,45,76,.1);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 28px 70px rgba(28,45,77,.12);backdrop-filter:blur(18px)}.about-page .about-snapshot h2{margin:.65rem 0 1rem;color:#101828;font:900 clamp(1.8rem,3vw,2.8rem)/.98 var(--fd);letter-spacing:-.045em}.about-page .snapshot-list{gap:.55rem}.about-page .snapshot-list>div{padding:.85rem;border:1px solid rgba(25,43,74,.07);border-radius:14px;background:#f8fafc}.about-page .snapshot-list>div:nth-child(2){background:#f1f4ff}.about-page .snapshot-list>div:nth-child(3){background:#edfaf6}.about-page .snapshot-list strong{font-size:.77rem}.about-page .snapshot-list span{font-size:.7rem;line-height:1.45}
.about-page .about-principles{padding-top:2.4rem}.about-page .suite-group-head{align-items:end}.about-page .suite-group-head .d3{max-width:720px;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em}.about-page .about-principle-grid{gap:.8rem}.about-page .about-principle{position:relative;min-height:240px;padding:1.2rem;border:1px solid var(--info-line);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 14px 40px rgba(24,42,72,.045);transition:transform .2s,box-shadow .2s}.about-page .about-principle:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(24,42,72,.09)}.about-page .about-principle:after{content:"";position:absolute;left:1.2rem;right:1.2rem;bottom:1.1rem;height:3px;border-radius:9px;background:linear-gradient(90deg,#3157ed,#10b981);opacity:.35}.about-page .about-principle .page-icon{width:48px;height:48px;border-radius:15px;background:#eef2ff;color:#3157ed}.about-page .about-principle:nth-child(2) .page-icon{background:#edfaf6;color:#078363}.about-page .about-principle:nth-child(3) .page-icon{background:#fff4df;color:#b66a00}.about-page .about-principle:nth-child(4) .page-icon{background:#f5edff;color:#7644c7}.about-page .about-principle h3{margin-top:1.2rem;font-size:1.12rem}.about-page .about-principle p{font-size:.78rem;line-height:1.65}
.about-page .about-story .page-grid-2{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1rem}.about-page .about-main-card{display:flex;min-height:480px;flex-direction:column;justify-content:flex-end;padding:clamp(1.4rem,4vw,2.5rem);border:0;border-radius:28px;background:linear-gradient(145deg,#101c2e,#173450);color:#fff;box-shadow:0 24px 70px rgba(16,28,46,.17)}.about-page .about-main-card h2{max-width:620px;color:#fff;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em}.about-page .about-main-card p{max-width:690px;color:rgba(255,255,255,.68);font-size:.88rem;line-height:1.7}.about-page .story-stack{gap:1rem}.about-page .story-stack .story-card,.about-page .story-stack .cta-panel{padding:1.2rem;border:1px solid var(--info-line);border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(24,42,72,.045)}.about-page .story-stack .cta-panel{background:linear-gradient(135deg,#eef2ff,#f1fffb)}

/* Dark appearance */
[data-dark] .features-page,[data-dark] .faq-page,[data-dark] .about-page{--info-ink:#f4f7fb;--info-muted:#a9b7c8;--info-line:rgba(255,255,255,.1);--info-card:rgba(13,31,50,.9);background:#081522;color:#edf4fb}
[data-dark] .features-page main,[data-dark] .faq-page main,[data-dark] .about-page main{background:radial-gradient(circle at 10% 10%,rgba(78,104,235,.13),transparent 24rem),#081522}
[data-dark] .features-page .feature-hero,[data-dark] .faq-page .faq-hero,[data-dark] .about-page .about-hero{background:linear-gradient(140deg,#0d2034,#10283e 60%,#0c302e);border-color:rgba(255,255,255,.08)}
[data-dark] .features-page .d2,[data-dark] .faq-page .d2,[data-dark] .about-page .d2,[data-dark] .faq-help-card h2,[data-dark] .about-snapshot h2{color:#f5f8fc!important}
[data-dark] .features-page .suite-lead,[data-dark] .faq-page .suite-lead,[data-dark] .about-page .suite-lead{color:#aebdce}
[data-dark] .features-page .feature-map,[data-dark] .faq-page .faq-help-card,[data-dark] .about-page .about-snapshot,[data-dark] .faq-page .faq-search-card{background:rgba(10,27,44,.9);border-color:rgba(255,255,255,.1)}
[data-dark] .features-page .map-step,[data-dark] .faq-topic-card,[data-dark] .faq-item,[data-dark] .about-page .about-principle,[data-dark] .about-page .story-stack .story-card{background:#0e2237!important;border-color:rgba(255,255,255,.08)}
[data-dark] .features-page .map-step p,[data-dark] .faq-topic-card small,[data-dark] .faq-a p,[data-dark] .about-principle p{color:#aab9ca}
[data-dark] .faq-page .faq-select,[data-dark] .faq-page .faq-search-label input{background:#0b1d30;color:#edf4fb;border-color:#263c52}
[data-dark] .about-page .snapshot-list>div{background:#10263b!important;border-color:rgba(255,255,255,.06)}

/* Responsive information pages */
@media(max-width:980px){.features-page .feature-hero-grid,.faq-page .faq-hero-grid,.about-page .about-hero-grid{grid-template-columns:1fr;gap:2rem}.features-page .feature-hero-copy .d2,.faq-page .faq-hero .d2,.about-page .about-hero .d2{max-width:900px}.faq-page .faq-search-card{grid-template-columns:1fr}.faq-page .faq-filter-row{width:100%}.faq-page .faq-result-count{padding:.2rem .3rem}.about-page .about-story .page-grid-2{grid-template-columns:1fr}.about-page .about-main-card{min-height:360px}}
@media(max-width:700px){.features-page .feature-hero,.faq-page .faq-hero,.about-page .about-hero{width:calc(100% - 1rem);margin-top:.5rem;padding:2.3rem .25rem 2rem;border-radius:24px}.features-page .feature-hero-copy .d2,.faq-page .faq-hero .d2,.about-page .about-hero .d2{font-size:clamp(2.5rem,13vw,4rem);line-height:.94}.features-page .suite-lead,.faq-page .suite-lead,.about-page .suite-lead{font-size:.94rem}.features-page .feature-map,.faq-page .faq-help-card,.about-page .about-snapshot{border-radius:19px}.features-page .map-step{grid-template-columns:38px 90px 1fr}.features-page .feature-proof{grid-template-columns:1fr 1fr!important}.features-page .proof-item{border-right:0;border-bottom:1px solid rgba(20,38,67,.08)}.faq-page .faq-search-sec{top:54px;padding:.55rem 0}.faq-page .faq-search-card{border-radius:16px}.faq-page .faq-filter-row{margin:0 -.15rem}.faq-page .faq-q{padding:.85rem;font-size:.82rem}.faq-page .faq-a{padding:0 .9rem 1rem .9rem}.faq-page .faq-q .faq-kicker{width:28px;height:28px}.info26-help-cta{align-items:flex-start;flex-direction:column}.info26-help-cta .btn{width:100%}.about-page .suite-group-head{align-items:flex-start}.about-page .about-main-card{min-height:420px}.about-page .about-principle{min-height:200px}.info26-trust-row{gap:.4rem}.info26-trust-row span{font-size:.63rem}}
@media(max-width:420px){.features-page .map-step{grid-template-columns:34px 1fr}.features-page .map-step p{grid-column:2}.faq-page .faq-topic-card{min-height:120px}.faq-page .faq-search-card{padding:.65rem}.faq-page .faq-q>span:first-child{gap:.5rem}.info26-trust-row span{width:100%}}

/* PDF Studio 2026 workflow refinement */
.pdf-studio-page{background:linear-gradient(180deg,#f6f9fd,#eef4fa)}
.pdf-studio-page .pdf-studio-hero{padding:1rem 0 .7rem}
.pdf-studio-page .pdf-studio-hero .tool-hero-in{padding:1.35rem 1.5rem;border-radius:20px;background:linear-gradient(135deg,#fff 60%,#edf9f6);box-shadow:0 14px 34px rgba(16,30,50,.06)}
.pdf-studio-page .pdf-studio-hero h1{max-width:920px;font-size:clamp(2.25rem,5vw,4.4rem);line-height:.98;letter-spacing:0}
.pdf-studio-page .pdf-studio-hero p{max-width:920px;font-size:.9rem}
.pdf-operation-intro{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 .7rem}.pdf-operation-intro h2{margin:.15rem 0 0;color:var(--ink);font:850 1.3rem var(--fd)}.pdf-operation-intro>span{max-width:350px;color:var(--i4);font-size:.68rem;text-align:right}
.pdf-studio-page #pdf-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.pdf-studio-page #pdf-action-grid .pdf-action-card{min-height:126px;padding:.8rem;border-radius:13px;background:#fff;box-shadow:none;transition:transform .16s,border-color .16s,box-shadow .16s}
.pdf-studio-page #pdf-action-grid .pdf-action-card:hover{transform:translateY(-2px);border-color:#aebef2;box-shadow:0 10px 25px rgba(18,35,60,.08)}
.pdf-studio-page #pdf-action-grid .pdf-action-card.on{background:linear-gradient(145deg,#eef2ff,#effbf8);border-color:#5575eb;box-shadow:0 0 0 2px rgba(85,117,235,.08)}
.pdf-studio-page #pdf-action-grid .pdf-action-card span{width:27px;height:27px;border-radius:8px;background:#edf1f7;color:#718099}.pdf-studio-page #pdf-action-grid .pdf-action-card.on span{background:#4569ee;color:#fff}
.pdf-studio-page #pdf-action-grid .pdf-action-card strong{font-size:.88rem}.pdf-studio-page #pdf-action-grid .pdf-action-card small{color:#748195;font-size:.64rem;line-height:1.42}
.pdf-studio-page #pdf-action-grid .pdf-action-wide{grid-column:auto;grid-template-columns:1fr;align-items:stretch}
.pdf-studio-page .pdf-settings-card{margin-top:.8rem;border-radius:15px;background:#f8fafc}
.pdf-studio-page .pdf-process-row{position:sticky;bottom:.7rem;z-index:12;padding:.6rem;border:1px solid #dce4ed;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 14px 36px rgba(15,30,51,.12);backdrop-filter:blur(12px)}
.pdf-queue-tools{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.pdf-studio-page .pdf-process-row .btn-p{min-width:210px}
.pdf-queue-panel .ph{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.pdf-add-more{min-height:31px;padding:.3rem .52rem;border:1px solid #dce3ed;border-radius:8px;background:#fff;color:#3156d9;font-size:.62rem;font-weight:850;cursor:pointer}
.pdf-queue-list{display:grid;gap:.4rem;max-height:450px;overflow:auto;padding-right:.15rem;scrollbar-width:thin}
.pdf-studio-page .pdf-queue-row{position:relative;grid-template-columns:42px minmax(0,1fr) auto;min-height:64px;padding:.45rem;border-radius:11px;background:#fff;cursor:grab;transition:transform .15s,opacity .15s,border-color .15s,background .15s}
.pdf-studio-page .pdf-queue-row:hover{background:#f8faff;border-color:#adbef1}.pdf-studio-page .pdf-queue-row.is-selected{background:#edf2ff;border-color:#4569ee;box-shadow:0 0 0 2px rgba(69,105,238,.08)}.pdf-studio-page .pdf-queue-row.is-dragging{opacity:.45;cursor:grabbing}.pdf-studio-page .pdf-queue-row.is-drag-over{border-color:#14b98b;transform:translateY(2px)}
.pdf-studio-page .pdf-row-actions{display:flex;align-items:center;gap:.25rem}.pdf-preview-file{min-height:29px;padding:.28rem .48rem;border:1px solid #dce3ed;border-radius:7px;background:#fff;color:#3156d9;font-size:.58rem;font-weight:850;cursor:pointer}.pdf-preview-file:hover{background:#eaf0ff}.pdf-drag-handle{color:#9aa7b8;font:900 1rem var(--fm);letter-spacing:-.2em}.pdf-remove-file{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#7f8b9c;font-size:1.25rem;cursor:pointer}.pdf-remove-file:hover{background:#ffebee;color:#c53245}
.pdf-studio-page .pdf-page-strip{margin-top:.75rem;border-radius:12px;background:#f6f8fb}.pdf-studio-page .pdf-thumb-grid{display:flex;gap:.5rem;overflow-x:auto;padding:.6rem;scrollbar-width:thin}.pdf-studio-page .pdf-thumb-card{flex:0 0 140px}
.pdf-processing-modal{position:fixed;inset:0;z-index:1100;display:none;place-items:center;padding:1rem;background:rgba(7,17,29,.6);backdrop-filter:blur(8px)}.pdf-processing-modal.open{display:grid}.pdf-processing-card{display:flex;flex-direction:column;align-items:center;width:min(400px,100%);padding:1.55rem;border-radius:19px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.3);text-align:center}.pdf-processing-visual{position:relative;display:grid;place-items:center;width:72px;height:72px;margin-bottom:.65rem}.pdf-processing-visual .pdf-processing-spinner{position:absolute;inset:6px;width:auto;height:auto;margin:0}.pdf-processing-visual strong{position:absolute;inset:0;display:grid;place-items:center;padding:0 .2rem;color:var(--ink);font:850 .8rem var(--fm);text-align:center;line-height:1.05;pointer-events:none}.pdf-processing-spinner{width:45px;height:45px;border:4px solid #dce5f5;border-top-color:#4569ee;border-radius:50%;animation:pdf-spin .8s linear infinite}.pdf-processing-card strong{color:var(--ink);font:850 1.2rem var(--fd)}.pdf-processing-card span{margin-top:.3rem;color:var(--i3);font-size:.82rem}.pdf-processing-track{width:100%;height:6px;margin:1rem 0 .65rem;overflow:hidden;border-radius:99px;background:#e8edf5}.pdf-processing-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4569ee,#15bd91);animation:none;transition:width .3s ease}.pdf-processing-track.is-indeterminate i{width:35%!important;animation:pdf-progress 1.15s linear infinite alternate!important}.pdf-processing-times{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.5rem;margin-bottom:.75rem}.pdf-processing-times span{display:block;padding:.55rem;border-radius:8px;background:#f5f7fb;color:#748095;font-size:.65rem}.pdf-processing-times strong{display:block;margin-top:.16rem;color:var(--ink);font:850 .78rem var(--fm)}.pdf-processing-actions{display:flex;gap:.5rem;width:100%;margin-top:1rem}.pdf-processing-actions .btn{flex:1}.pdf-processing-card small{color:var(--i4)}
@keyframes pdf-spin{to{transform:rotate(360deg)}}@keyframes pdf-progress{from{transform:translateX(-70%)}to{transform:translateX(220%)}}
[data-dark] .pdf-studio-page{background:#071422}[data-dark] .pdf-studio-page .pdf-studio-hero .tool-hero-in,[data-dark] .pdf-studio-page #pdf-action-grid .pdf-action-card,[data-dark] .pdf-studio-page .pdf-settings-card,[data-dark] .pdf-studio-page .pdf-process-row,[data-dark] .pdf-add-more,[data-dark] .pdf-studio-page .pdf-queue-row,[data-dark] .pdf-processing-card{background:#0e2034;border-color:#293e54}[data-dark] .pdf-operation-intro h2,[data-dark] .pdf-processing-card strong{color:#f4f8ff}[data-dark] .pdf-studio-page #pdf-action-grid .pdf-action-card.on,[data-dark] .pdf-studio-page .pdf-queue-row.is-selected{background:#142b43;border-color:#7189ff}[data-dark] .pdf-preview-file{background:#10263c;border-color:#2b4259;color:#aebcff}[data-dark] .pdf-processing-times span{background:#10263c;border-color:#2a4159;color:#b8c7d8}[data-dark] .pdf-processing-times strong{color:#f4f8ff}
@media(max-width:900px){.pdf-studio-page #pdf-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pdf-studio-page .pdf-studio-hero h1{font-size:2.45rem}.pdf-operation-intro{align-items:flex-start;flex-direction:column}.pdf-operation-intro>span{text-align:left}.pdf-studio-page #pdf-action-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.pdf-studio-page #pdf-action-grid .pdf-action-card{flex:0 0 155px;scroll-snap-align:start}.pdf-studio-page .pdf-process-row{bottom:.6rem;display:grid;grid-template-columns:1fr}.pdf-studio-page .pdf-process-row .btn{width:100%;min-width:0}.pdf-studio-page .pdf-row-actions{gap:.12rem}.pdf-drag-handle{display:none}.pdf-queue-list{max-height:390px}}

/* Writing Workspace 2026: focused three-mode document shell */
.workspace-modebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;padding:.45rem;border:1px solid rgba(132,149,176,.18);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(16,24,40,.05)}
.workspace-mode-tabs{display:flex;gap:.25rem}
.workspace-mode-tab{display:flex;align-items:center;gap:.48rem;min-height:42px;padding:.52rem .9rem;border:0;border-radius:13px;background:transparent;color:var(--i3);font-weight:850;cursor:pointer}
.workspace-mode-tab span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:var(--s2);font:800 .64rem var(--fm);color:var(--i4)}
.workspace-mode-tab.on{background:#101b2d;color:#fff;box-shadow:0 8px 20px rgba(16,27,45,.16)}
.workspace-mode-tab.on span{background:rgba(255,255,255,.14);color:#8ff0d2}
.workspace-trust{display:flex;align-items:center;gap:.45rem;padding-right:.6rem;color:var(--i3);font-size:.75rem;font-weight:750}
.workspace-trust span{width:8px;height:8px;border-radius:50%;background:var(--gn);box-shadow:0 0 0 4px rgba(18,185,129,.12)}
.workspace-layout-v2{grid-template-columns:190px minmax(0,1fr) 290px!important;gap:.8rem!important}
.workspace-docrail{position:sticky;top:92px;display:flex;flex-direction:column;gap:.75rem;max-height:calc(100vh - 110px);padding:.75rem;border:1px solid var(--bd);border-radius:20px;background:rgba(255,255,255,.9)}
.docrail-new{min-height:42px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--br),#25b99a);color:#fff;font-weight:850;cursor:pointer}
.docrail-nav{display:grid;gap:.2rem;padding-bottom:.65rem;border-bottom:1px solid var(--bd2)}
.docrail-nav button{display:flex;align-items:center;gap:.55rem;min-height:38px;padding:.42rem;border:0;border-radius:11px;background:transparent;color:var(--i3);font-weight:750;text-align:left;cursor:pointer}
.docrail-nav button.on,.docrail-nav button:hover{background:var(--brl);color:var(--br)}
.rail-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--bd);border-radius:8px;font:800 .65rem var(--fm)}
.docrail-section{display:grid;gap:.32rem}.docrail-section>span{padding:.15rem .3rem;color:var(--i4);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.docrail-section button{min-height:34px;padding:.45rem .55rem;border:0;border-radius:10px;background:transparent;color:var(--i2);font-size:.75rem;font-weight:750;text-align:left;cursor:pointer}
.docrail-section button:hover{background:var(--s2);color:var(--ink)}
.docrail-document{display:flex!important;flex-direction:column}.docrail-document strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docrail-document small{color:var(--i4);font-size:.64rem;font-weight:600}
.docrail-search{display:grid;gap:.28rem}.docrail-search span{color:var(--i4);font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.docrail-search input{width:100%;min-height:38px;padding:.55rem .65rem;border:1px solid var(--bd);border-radius:11px;background:var(--s2);color:var(--ink);font:650 .72rem var(--fs);outline:0}.docrail-search input:focus{border-color:var(--br);box-shadow:0 0 0 3px rgba(63,99,244,.1)}
.docrail-projects{min-height:0;overflow:hidden}.workspace-project-list{display:grid;gap:.28rem;max-height:42vh;overflow:auto;padding-right:.12rem;scrollbar-width:thin}.workspace-project-list .docrail-document.on{background:var(--brl);color:var(--br);box-shadow:inset 3px 0 0 var(--br)}.docrail-empty{padding:.65rem;color:var(--i4);font-size:.7rem;line-height:1.45}.docrail-project-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.docrail-project-actions button{min-height:34px;border:1px solid var(--bd);border-radius:10px;background:var(--s1);color:var(--i3);font-size:.68rem;font-weight:800;cursor:pointer}.docrail-project-actions button:hover{border-color:var(--br);color:var(--br)}
.docrail-privacy{margin-top:auto;padding:.7rem;border-radius:13px;background:#edf9f5;color:#0d6e58}.docrail-privacy strong,.docrail-privacy span{display:block}.docrail-privacy strong{font-size:.73rem}.docrail-privacy span{margin-top:.2rem;font-size:.64rem;line-height:1.45}
.workspace-canvas{min-width:0}
.workspace-canvas .ed-shell{border-radius:20px!important;overflow:hidden}
.doc-ribbon-clean{position:sticky;top:76px;z-index:8;gap:.35rem!important;padding:.48rem!important;box-shadow:0 8px 20px rgba(16,24,40,.045)}
.doc-ribbon-clean .doc-toolbar-section{display:flex;align-items:center;gap:.25rem;flex:0 0 auto;padding:.25rem .35rem;border-right:1px solid var(--bd2)}
.doc-ribbon-clean .doc-toolbar-section:last-child{border:0}.doc-ribbon-clean .doc-toolbar-section>span{display:none}
.doc-ribbon-clean button,.doc-style-select,.workspace-clean-select{min-height:34px;border:0;border-radius:9px;background:transparent;color:var(--i2);font-size:.72rem;font-weight:750;padding:.35rem .48rem;cursor:pointer}
.doc-ribbon-clean button:hover,.doc-style-select:hover,.workspace-clean-select:hover{background:var(--s2);color:var(--ink)}
.doc-icon-btn{width:34px;padding:.3rem!important}.workspace-clean-select{max-width:116px}
.dedicated-workspace .ec-bar{padding:.6rem .8rem}.dedicated-workspace .quick-row{display:none}.dedicated-workspace .tabs-sh{margin-top:.7rem}
.workspace-inspector{position:sticky!important;top:92px!important;display:flex!important;max-height:calc(100vh - 110px)!important;padding:.65rem!important;border:1px solid var(--bd);border-radius:20px;background:rgba(246,249,255,.94);overflow:auto!important}
.workspace-inspector-head{position:sticky;top:-.65rem;z-index:4;display:flex;align-items:center;justify-content:space-between;margin:-.65rem -.65rem .1rem;padding:.85rem .8rem;border-bottom:1px solid var(--bd);background:rgba(255,255,255,.96)}
.workspace-inspector-head span,.workspace-inspector-head strong{display:block}.workspace-inspector-head span{color:var(--br);font-size:.58rem;font-weight:900;letter-spacing:.12em}.workspace-inspector-head strong{margin-top:.15rem;color:var(--ink);font-size:.92rem}
#inspector-close{display:none;border:0;background:transparent;color:var(--i2);font-size:1.4rem;cursor:pointer}
.workspace-inspector .panel{border-radius:14px!important;box-shadow:none!important}.workspace-inspector .panel[hidden]{display:none!important}.workspace-inspector .ph{padding:.72rem .75rem}.workspace-inspector .pt{font-size:.66rem}.workspace-inspector .pb{padding:.75rem}
.workspace-inspector .priv-note{margin-top:auto}
.workspace-reviewing #editor{box-shadow:0 20px 60px rgba(63,99,244,.17)}
.workspace-mobile-nav{display:none}
.workspace-command{position:fixed;inset:0;z-index:1000;display:none;align-items:flex-start;justify-content:center;padding-top:14vh;background:rgba(4,13,24,.55);backdrop-filter:blur(8px)}
.workspace-command.open{display:flex}.workspace-command-box{width:min(560px,calc(100% - 2rem));overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.25)}
.command-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.85rem;border-bottom:1px solid var(--bd)}.command-search span{color:var(--i4);font-size:.65rem;font-weight:900;text-transform:uppercase}.command-search input{border:0;outline:0;background:transparent;color:var(--ink);font-size:1rem}.command-search kbd{padding:.2rem .4rem;border:1px solid var(--bd);border-radius:6px;color:var(--i4)}
#workspace-command-list{display:grid;gap:.2rem;max-height:340px;padding:.55rem;overflow:auto}#workspace-command-list button{padding:.7rem .8rem;border:0;border-radius:10px;background:transparent;color:var(--ink);font-weight:750;text-align:left;cursor:pointer}#workspace-command-list button:hover{background:var(--brl);color:var(--br)}
[data-dark] .workspace-modebar,[data-dark] .workspace-docrail,[data-dark] .workspace-inspector,[data-dark] .workspace-inspector-head{background:rgba(9,24,40,.96);border-color:rgba(255,255,255,.08)}
[data-dark] .workspace-mode-tab.on{background:#eff5ff;color:#102037}[data-dark] .workspace-mode-tab.on span{background:#dce6ff;color:#3157e8}
[data-dark] .docrail-privacy{background:rgba(21,182,139,.12);color:#78e5c4}[data-dark] .workspace-inspector-head strong{color:#fff}
[data-dark] .docrail-search input,[data-dark] .docrail-project-actions button{background:#10253a;border-color:#2a4056;color:#dce7f5}
[data-dark] .doc-ribbon-clean button,[data-dark] .doc-style-select,[data-dark] .workspace-clean-select{color:rgba(240,247,255,.78);background:#10253a}
[data-dark] .workspace-command-box{background:#0c2034}[data-dark] .command-search input,[data-dark] #workspace-command-list button{color:#fff}

@media(max-width:1260px){.workspace-layout-v2{grid-template-columns:165px minmax(0,1fr) 270px!important}.docrail-templates{display:none}}
@media(max-width:1040px){.workspace-layout-v2{grid-template-columns:150px minmax(0,1fr)!important}.workspace-inspector{position:fixed!important;inset:auto 0 0!important;z-index:100;display:none!important;max-height:78vh!important;border-radius:22px 22px 0 0!important;padding:.75rem!important;box-shadow:0 -20px 60px rgba(8,18,32,.22)}.workspace-inspector.mobile-open{display:flex!important}#inspector-close{display:block}.workspace-inspector-head{top:-.75rem;margin:-.75rem -.75rem .1rem}.workspace-inspector .panel{width:100%}}
@media(max-width:760px){body.workspace-page{padding-bottom:66px}.workspace-app-head{display:none}.dedicated-workspace{padding:.5rem!important;border:0!important;border-radius:0!important}.workspace-modebar{position:sticky;top:72px;z-index:20;padding:.3rem;border-radius:13px}.workspace-mode-tabs{width:100%}.workspace-mode-tab{flex:1;justify-content:center;padding:.42rem .35rem}.workspace-mode-tab span,.workspace-trust{display:none}.workspace-statusbar{margin-bottom:.45rem}.workspace-status-left>span:not(.status-dot):not(.workspace-mini-stats){display:none}.workspace-status-actions{display:none!important}.workspace-stat-row{display:none!important}.workspace-layout-v2{display:block!important}.workspace-docrail{display:none}.doc-ribbon-clean{top:124px;padding:.35rem!important;overflow-x:auto}.doc-file-section,.doc-ribbon-clean .doc-toolbar-section:nth-of-type(5){display:none!important}.doc-ribbon-clean .doc-toolbar-section{border:0}.doc-ribbon-clean button,.doc-style-select,.workspace-clean-select{min-height:40px;font-size:.78rem}.doc-page-strip,.dedicated-workspace .ec-bar{display:none!important}.dedicated-workspace .ed-area{min-height:calc(100vh - 260px)!important;padding:.65rem!important;background:#eef3f9!important}.dedicated-workspace #editor,.dedicated-workspace #hl-lay{width:100%!important;min-height:calc(100vh - 290px)!important;padding:2rem 1.15rem!important;border-radius:8px;font-size:16px!important;line-height:1.65!important}.dedicated-workspace #hl-lay{top:.65rem}.dedicated-workspace .ed-ft{padding:.55rem}.dedicated-workspace .tabs-sh{display:none}.workspace-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:99;display:grid;grid-template-columns:repeat(5,1fr);padding:.35rem max(.35rem,env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom));border-top:1px solid var(--bd);background:rgba(255,255,255,.96);box-shadow:0 -10px 30px rgba(16,24,40,.1);backdrop-filter:blur(16px)}.workspace-mobile-nav button{min-height:48px;border:0;border-radius:10px;background:transparent;color:var(--i3);font-size:.68rem;font-weight:850}.workspace-mobile-nav button.on{background:var(--brl);color:var(--br)}[data-dark] .workspace-mobile-nav{background:rgba(8,22,36,.96);border-color:rgba(255,255,255,.08)}.focus-mode .workspace-mobile-nav,.focus-mode .workspace-modebar{display:none}.focus-mode .doc-ribbon-clean{top:0}}

/* Dedicated Writing Workspace app shell */
.workspace-app{
  background:
    linear-gradient(90deg,rgba(63,99,244,.045) 1px,transparent 1px),
    linear-gradient(180deg,rgba(63,99,244,.04) 1px,transparent 1px),
    linear-gradient(180deg,#f6f9ff 0%,#eef5ff 100%);
  background-size:64px 64px,64px 64px,auto;
  min-height:100vh;
  padding-bottom:2rem;
}
.workspace-app-head{
  padding:.85rem 0 .35rem;
}
.workspace-app-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  padding:.85rem 1rem;
  border:1px solid rgba(132,149,176,.22);
  border-radius:24px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 45px rgba(16,24,40,.07);
  backdrop-filter:blur(16px);
}
.workspace-title-area{
  min-width:0;
}
.workspace-kicker{
  display:block;
  color:var(--br);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:.35rem;
}
.doc-title-input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ink);
  font-family:var(--fd);
  font-size:clamp(1.45rem,3vw,2.35rem);
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
}
.workspace-title-area p{
  margin-top:.35rem;
  color:var(--i2);
  font-size:.95rem;
}
.workspace-head-actions{
  display:flex;
  gap:.45rem;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.workspace-head-actions .btn{
  min-height:42px;
  padding:.58rem .85rem;
}
.dedicated-workspace{
  background:rgba(255,255,255,.5)!important;
  border:1px solid rgba(132,149,176,.22);
  box-shadow:0 22px 70px rgba(16,24,40,.08);
}
.workspace-statusbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.8rem .95rem;
  margin-bottom:.75rem;
  border:1px solid rgba(132,149,176,.18);
  border-radius:18px;
  background:rgba(255,255,255,.88);
}
.workspace-status-left,
.workspace-status-actions{
  display:flex;
  align-items:center;
  gap:.55rem;
  flex-wrap:wrap;
}
.status-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--gn);
  box-shadow:0 0 0 5px rgba(18,185,129,.12);
}
.workspace-status-left strong{
  color:var(--ink);
  font-weight:900;
}
.workspace-status-left span:not(.status-dot){
  color:var(--i3);
  font-size:.82rem;
}
.workspace-mini-stats{
  padding:.25rem .55rem;
  border-radius:999px;
  background:rgba(63,99,244,.08);
  color:var(--br)!important;
  font-weight:850;
  white-space:nowrap;
}
.workspace-status-actions button,
.workspace-status-actions a{
  border:1px solid rgba(132,149,176,.2);
  background:#fff;
  color:var(--i2);
  border-radius:999px;
  min-height:34px;
  padding:.35rem .65rem;
  font-weight:850;
  text-decoration:none;
  font-size:.78rem;
  cursor:pointer;
}
.workspace-status-actions a{
  background:linear-gradient(135deg,var(--br),var(--gn));
  border-color:transparent;
  color:#fff;
}
.workspace-stat-row{
  grid-template-columns:repeat(6,minmax(96px,1fr))!important;
}
.workspace-stat-row .sc{
  min-height:72px!important;
  border-radius:18px;
  background:rgba(255,255,255,.78);
}
.workspace-stat-row .sc-v{
  font-size:clamp(1.35rem,2.4vw,2rem);
}
.doc-ribbon{
  display:flex;
  align-items:stretch;
  gap:.65rem;
  padding:.75rem;
  border-bottom:1px solid var(--bd);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  overflow-x:auto;
}
.doc-ribbon-group{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:.35rem;
  padding:.38rem;
  border:1px solid rgba(132,149,176,.18);
  border-radius:16px;
  background:#fff;
}
.doc-ribbon-group span{
  padding:0 .45rem;
  color:var(--i4);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.doc-ribbon-group button{
  min-height:34px;
  border:0;
  border-radius:12px;
  background:var(--s2);
  color:var(--ink);
  font-weight:900;
  padding:.35rem .55rem;
  cursor:pointer;
}
.doc-ribbon-group button:hover{
  background:var(--brl);
  color:var(--br);
}
.dedicated-workspace .ec-bar{
  border-bottom:1px solid var(--bd);
}
.dedicated-workspace .tb-bar{
  display:none;
}
.dedicated-workspace .ed-shell{
  background:#eef3fb;
  border-color:rgba(132,149,176,.26);
}
.dedicated-workspace .ed-area{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  min-height:720px;
  padding:2rem 1rem 2.4rem;
  background:
    linear-gradient(90deg,rgba(132,149,176,.12) 1px,transparent 1px),
    linear-gradient(180deg,rgba(132,149,176,.12) 1px,transparent 1px),
    #e9eff8;
  background-size:34px 34px,34px 34px,auto;
  overflow:auto;
}
.doc-ruler{
  position:absolute;
  top:.75rem;
  left:50%;
  transform:translateX(-50%);
  width:min(760px,calc(100% - 2rem));
  height:18px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0 7%,rgba(63,99,244,.22) 7% 7.4%,transparent 7.4% 25%,rgba(63,99,244,.18) 25% 25.35%,transparent 25.35% 50%,rgba(63,99,244,.18) 50% 50.35%,transparent 50.35% 75%,rgba(63,99,244,.18) 75% 75.35%,transparent 75.35% 93%,rgba(63,99,244,.22) 93% 93.4%,transparent 93.4%);
  opacity:.85;
  pointer-events:none;
}
.dedicated-workspace #editor,
.dedicated-workspace #hl-lay{
  width:min(760px,100%)!important;
  min-height:720px!important;
  max-height:none!important;
  margin:0 auto;
  padding:4.2rem clamp(1.15rem,4vw,3.8rem)!important;
  border:1px solid rgba(132,149,176,.2);
  border-radius:10px;
  background:#fff!important;
  box-shadow:0 20px 60px rgba(16,24,40,.12);
  color:#182235;
  font-family:Georgia,'Times New Roman',serif;
  font-size:18px!important;
  line-height:1.78!important;
}
.dedicated-workspace #editor{
  resize:vertical;
}
.dedicated-workspace #hl-lay{
  left:50%;
  transform:translateX(-50%);
  top:2rem;
  pointer-events:none;
}
.workspace-view-wide #editor,
.workspace-view-wide #hl-lay{
  width:100%!important;
  font-family:var(--fs)!important;
}
.workspace-view-compact #editor,
.workspace-view-compact #hl-lay{
  min-height:500px!important;
  padding:2rem!important;
  font-family:var(--fs)!important;
  font-size:16px!important;
  line-height:1.62!important;
}
.dedicated-workspace .ed-ft{
  background:#fff;
  border-top:1px solid var(--bd);
}
.dedicated-workspace .quick-row{
  padding:.8rem;
  background:#f8fbff;
  border-top:1px solid var(--bd);
}
.dedicated-workspace .workspace-helper-strip{
  display:none;
}
.dedicated-workspace .tabs-sh{
  border-radius:22px;
  background:#fff;
}
.dedicated-workspace .tabs-nav{
  overflow-x:auto;
}
.workspace-next{
  display:none;
}
.dedicated-workspace .sidebar{
  position:sticky;
  top:92px;
  max-height:calc(100vh - 112px);
  overflow:auto;
  padding-right:.15rem;
}
.dedicated-workspace .panel{
  border-radius:20px;
  background:rgba(255,255,255,.92);
}
[data-dark] .workspace-app{
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(180deg,#071522 0%,#102940 100%);
  background-size:64px 64px,64px 64px,auto;
}
[data-dark] .workspace-app-top,
[data-dark] .workspace-statusbar,
[data-dark] .doc-ribbon,
[data-dark] .doc-ribbon-group,
[data-dark] .dedicated-workspace .tabs-sh,
[data-dark] .dedicated-workspace .panel{
  background:rgba(11,29,48,.92);
  border-color:rgba(255,255,255,.08);
}
[data-dark] .doc-title-input,
[data-dark] .workspace-status-left strong{color:#fff}
[data-dark] .workspace-title-area p,
[data-dark] .workspace-status-left span:not(.status-dot){color:rgba(240,247,255,.68)}
[data-dark] .workspace-mini-stats{
  background:rgba(124,146,255,.16);
  color:#dbe5ff!important;
}
[data-dark] .workspace-status-actions button{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.08);
  color:rgba(240,247,255,.82);
}
[data-dark] .doc-ribbon-group button{
  background:rgba(255,255,255,.06);
  color:#fff;
}
[data-dark] .dedicated-workspace{
  background:rgba(9,24,40,.82)!important;
  border-color:rgba(255,255,255,.08);
}
[data-dark] .dedicated-workspace .ed-shell{
  background:#0b1d30;
}
[data-dark] .dedicated-workspace .ed-area{
  background:
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px),
    #091827;
  background-size:34px 34px,34px 34px,auto;
}
[data-dark] .dedicated-workspace #editor,
[data-dark] .dedicated-workspace #hl-lay{
  background:#f9fbff!important;
  color:#162033;
}

@media(max-width:1100px){
  .workspace-app-top{
    grid-template-columns:1fr;
  }
  .workspace-head-actions{
    justify-content:flex-start;
  }
  .dedicated-workspace .sidebar{
    position:static;
    order:2;
    max-height:none;
    overflow:visible;
  }
  .dedicated-workspace .app-grid > div{
    order:1;
  }
}
@media(max-width:760px){
  .workspace-app{
    background:#f4f8ff;
  }
  .workspace-app-head{
    padding:.65rem 0 .2rem;
  }
  .workspace-app-top{
    border-radius:18px;
    padding:.75rem;
  }
  .doc-title-input{
    font-size:1.45rem;
  }
  .workspace-head-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .workspace-head-actions .btn{
    width:100%;
  }
  .workspace-statusbar{
    display:grid;
    grid-template-columns:1fr;
    padding:.75rem;
  }
  .workspace-status-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .workspace-status-actions button,
  .workspace-status-actions a{
    width:100%;
  }
  .workspace-stat-row .sc{
    flex-basis:116px!important;
  }
  .doc-ribbon{
    padding:.55rem;
  }
  .doc-ribbon-group{
    padding:.3rem;
  }
  .doc-ribbon-group span{
    display:none;
  }
  .dedicated-workspace .ed-area{
    min-height:560px;
    padding:1.4rem .6rem 1.7rem;
    background:#edf3fb;
  }
  .doc-ruler{
    display:none;
  }
  .dedicated-workspace #editor,
  .dedicated-workspace #hl-lay{
    min-height:540px!important;
    width:100%!important;
    padding:2rem 1.05rem!important;
    border-radius:12px;
    font-size:16px!important;
    line-height:1.7!important;
  }
  .dedicated-workspace #hl-lay{
    top:1.4rem;
  }
  .dedicated-workspace .ec-cks{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
  }
}

/* Workspace responsiveness refinement */
.workspace-shell.dedicated-workspace{
  width:min(1720px,calc(100% - 2rem));
  max-width:none;
}
.dedicated-workspace .app-grid{
  grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;
  gap:1.25rem;
}
.dedicated-workspace .ed-shell{
  overflow:hidden;
}
.dedicated-workspace .doc-ribbon{
  position:sticky;
  top:0;
  z-index:5;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem;
  overflow:visible;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
}
.dedicated-workspace .doc-ribbon-group{
  flex:1 1 220px;
  min-width:0;
}
.dedicated-workspace .doc-ribbon-group button{
  flex:1 1 auto;
  min-width:42px;
}
.dedicated-workspace .ec-bar{
  display:grid;
  grid-template-columns:auto auto minmax(220px,1fr);
  gap:.9rem;
  align-items:center;
}
.dedicated-workspace .ec-cks{
  justify-content:end;
}
.dedicated-workspace .ed-area{
  min-height:min(68vh,760px);
}
.dedicated-workspace #editor,
.dedicated-workspace #hl-lay{
  width:min(820px,100%)!important;
  min-height:min(68vh,760px)!important;
}
.workspace-statusbar{
  position:sticky;
  top:76px;
  z-index:8;
}
.workspace-stat-row{
  margin-bottom:1rem;
}
.dedicated-workspace .sidebar{
  gap:.7rem;
}
.dedicated-workspace .sidebar .panel{
  overflow:hidden;
}
.dedicated-workspace .sidebar .ph{
  min-height:54px;
}
.dedicated-workspace .sidebar .pt{
  font-size:.73rem;
  line-height:1.1;
}
.dedicated-workspace .sidebar .pb{
  padding:.85rem;
}
.dedicated-workspace .sidebar .panel:nth-of-type(n+5) .pb{
  max-height:220px;
  overflow:auto;
}
.dedicated-workspace .tabs-sh{
  margin-top:1rem;
}

@media(max-width:1320px){
  .workspace-shell.dedicated-workspace{
    width:min(100% - 1.25rem,1240px);
  }
  .dedicated-workspace .app-grid{
    grid-template-columns:minmax(0,1fr) minmax(250px,300px)!important;
    gap:1rem;
  }
  .dedicated-workspace .doc-ribbon-group{
    flex-basis:190px;
  }
  .dedicated-workspace .ec-bar{
    grid-template-columns:1fr 1fr;
  }
  .dedicated-workspace .ec-cks{
    grid-column:1/-1;
    justify-content:flex-start;
  }
}

@media(max-width:1100px){
  .workspace-statusbar{
    position:static;
  }
  .dedicated-workspace .app-grid{
    grid-template-columns:1fr!important;
  }
  .dedicated-workspace .sidebar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    order:2!important;
  }
  .dedicated-workspace .app-grid>div{
    order:1!important;
  }
  .dedicated-workspace .sidebar .panel:nth-of-type(n+5) .pb{
    max-height:none;
  }
}

@media(max-width:760px){
  .workspace-shell.dedicated-workspace{
    display:flex;
    flex-direction:column;
    width:calc(100% - .8rem);
    padding:.65rem!important;
    border-radius:18px;
  }
  .workspace-statusbar{order:1}
  .dedicated-workspace .app-grid{order:2}
  .dedicated-workspace .workspace-stat-row{order:3}
  .workspace-app-top{
    gap:.7rem;
  }
  .workspace-title-area p{
    font-size:.84rem;
  }
  .workspace-head-actions{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.35rem;
  }
  .workspace-head-actions .btn{
    min-height:38px;
    padding:.45rem .35rem;
    font-size:.78rem;
  }
  .workspace-statusbar{
    gap:.7rem;
    border-radius:16px;
  }
  .workspace-status-actions{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:.15rem;
  }
  .workspace-status-actions button,
  .workspace-status-actions a{
    flex:0 0 auto;
    width:auto;
  }
  .dedicated-workspace .workspace-stat-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
    gap:.55rem;
  }
  .dedicated-workspace .workspace-stat-row .sc{
    flex-basis:auto!important;
    min-height:72px!important;
  }
  .dedicated-workspace .workspace-stat-row .sc-v{
    font-size:1.45rem;
  }
  .dedicated-workspace .doc-ribbon{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:.45rem;
    padding:.5rem;
    position:static;
    scrollbar-width:none;
  }
  .dedicated-workspace .doc-ribbon::-webkit-scrollbar{display:none}
  .dedicated-workspace .doc-ribbon-group{
    flex:0 0 auto;
    display:flex;
    gap:.32rem;
    min-width:max-content;
  }
  .dedicated-workspace .doc-ribbon-group button{
    flex:0 0 auto;
    min-height:38px;
    padding:.35rem .55rem;
    font-size:.78rem;
  }
  .dedicated-workspace .ec-bar{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:.65rem;
    scrollbar-width:none;
  }
  .dedicated-workspace .ec-bar::-webkit-scrollbar{display:none}
  .dedicated-workspace .ec-grp{
    flex:0 0 170px;
  }
  .dedicated-workspace .ec-sl{
    flex:1 1 auto;
  }
  .dedicated-workspace .ec-cks{
    display:flex;
    flex:0 0 auto;
    gap:.35rem;
  }
  .dedicated-workspace .ed-area{
    min-height:62vh;
    padding:.75rem .45rem 1rem;
  }
  .dedicated-workspace #editor,
  .dedicated-workspace #hl-lay{
    min-height:62vh!important;
    padding:1.2rem!important;
    box-shadow:0 12px 34px rgba(16,24,40,.12);
  }
  .dedicated-workspace .ed-ft{
    display:grid;
    grid-template-columns:1fr;
    gap:.65rem;
  }
  .dedicated-workspace .quick-row{
    display:flex;
    overflow-x:auto;
    gap:.5rem;
    padding:.65rem;
  }
  .dedicated-workspace .quick-pill{
    flex:0 0 auto;
  }
  .dedicated-workspace .tabs-sh{
    border-radius:18px;
  }
  .dedicated-workspace .sidebar{
    grid-template-columns:1fr!important;
    gap:.65rem;
  }
  .dedicated-workspace .sidebar .panel{
    border-radius:17px;
  }
  .dedicated-workspace .sidebar .pb{
    padding:.75rem;
  }
}

@media(max-width:430px){
  .workspace-head-actions{
    grid-template-columns:1fr 1fr;
  }
  .dedicated-workspace .workspace-stat-row{
    grid-template-columns:1fr 1fr!important;
  }
  .doc-title-input{
    font-size:1.22rem;
  }
}

/* Workspace document editor upgrade */
.dedicated-workspace .doc-ribbon{
  align-items:stretch;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.9));
  border-bottom:1px solid var(--line);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.72);
}
.dedicated-workspace .doc-ribbon-group{
  position:relative;
  align-items:center;
  gap:.38rem;
  padding:.72rem .78rem 1.35rem;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(210,218,232,.8);
  border-radius:16px;
  box-shadow:0 12px 26px rgba(15,23,42,.04);
}
.dedicated-workspace .doc-ribbon-group span{
  position:absolute;
  left:.82rem;
  bottom:.34rem;
  color:var(--i4);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.dedicated-workspace .doc-ribbon-group button{
  min-height:36px;
  padding:.42rem .62rem;
  color:var(--ink);
  background:linear-gradient(180deg,#fff,#f4f7fc);
  border:1px solid #dbe3ef;
  border-radius:12px;
  font-weight:850;
  box-shadow:0 7px 16px rgba(15,23,42,.04);
}
.dedicated-workspace .doc-ribbon-group button:hover{
  transform:translateY(-1px);
  border-color:rgba(79,103,255,.42);
  box-shadow:0 10px 22px rgba(70,100,255,.12);
}
.doc-page-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  padding:.72rem 1rem;
  border-bottom:1px solid var(--line);
  background:rgba(248,251,255,.8);
  color:var(--i3);
  font-size:.82rem;
}
.doc-page-strip>div:first-child{
  display:flex;
  align-items:center;
  gap:.6rem;
  min-width:0;
}
.doc-page-strip strong{
  color:var(--ink);
  font-family:var(--fm);
  white-space:nowrap;
}
.doc-key-tips{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  justify-content:flex-end;
}
.doc-key-tips span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:.28rem .55rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--i3);
  font-size:.72rem;
  font-weight:800;
}
.workspace-view-page .ed-area{
  background:
    linear-gradient(90deg,rgba(110,132,180,.07) 1px,transparent 1px),
    linear-gradient(180deg,rgba(110,132,180,.07) 1px,transparent 1px),
    linear-gradient(135deg,rgba(84,107,255,.05),rgba(37,211,166,.05));
  background-size:72px 72px,72px 72px,100% 100%;
}
.workspace-view-page #editor,
.workspace-view-page #hl-lay{
  width:min(860px,calc(100% - 2rem));
  min-height:min(1020px,92vh);
  margin-inline:auto;
  padding:5rem 5.2rem!important;
  border:1px solid rgba(205,213,228,.88);
  border-radius:4px;
  background:#fff;
  box-shadow:0 30px 70px rgba(15,23,42,.16),0 1px 0 rgba(255,255,255,.95) inset;
}
.workspace-view-wide #editor,
.workspace-view-wide #hl-lay{
  width:100%;
  max-width:none;
}
.workspace-view-compact #editor,
.workspace-view-compact #hl-lay{
  min-height:58vh!important;
  padding:2rem!important;
}
.page-guides-off .doc-ruler{
  display:none;
}
.doc-outline-list{
  display:flex;
  flex-direction:column;
  gap:.45rem;
}
.doc-outline-item{
  display:grid;
  grid-template-columns:36px 1fr;
  align-items:center;
  gap:.55rem;
  width:100%;
  padding:.55rem;
  text-align:left;
  color:var(--ink);
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid var(--line);
  border-radius:14px;
  cursor:pointer;
}
.doc-outline-item:hover{
  border-color:rgba(79,103,255,.42);
  box-shadow:0 10px 24px rgba(70,100,255,.1);
}
.doc-outline-item span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  color:#4f67ff;
  background:#eef2ff;
  font-size:.68rem;
  font-weight:950;
}
.doc-outline-item strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.86rem;
}
.doc-outline-item.level-2{padding-left:1rem}
.doc-outline-item.level-3{padding-left:1.45rem}
.doc-outline-empty{
  padding:.85rem;
  color:var(--i3);
  background:var(--s2);
  border-radius:14px;
  line-height:1.5;
  font-size:.84rem;
}
.doc-outline-panel .pb{
  max-height:300px;
  overflow:auto;
}
[data-dark] .dedicated-workspace .doc-ribbon,
[data-dark] .doc-page-strip{
  background:rgba(15,31,52,.88);
}
[data-dark] .dedicated-workspace .doc-ribbon-group,
[data-dark] .doc-key-tips span,
[data-dark] .doc-outline-item{
  background:rgba(18,35,58,.78);
  border-color:rgba(129,154,196,.22);
}
[data-dark] .dedicated-workspace .doc-ribbon-group button{
  color:#eef5ff;
  background:rgba(21,43,72,.92);
  border-color:rgba(129,154,196,.24);
}

@media(max-width:1100px){
  .doc-outline-panel{
    order:-1;
  }
  .doc-page-strip{
    align-items:flex-start;
    flex-direction:column;
  }
  .doc-key-tips{
    justify-content:flex-start;
  }
}

@media(max-width:760px){
  .dedicated-workspace .doc-ribbon-group{
    padding:.55rem .58rem 1.1rem;
    border-radius:14px;
  }
  .dedicated-workspace .doc-ribbon-group button{
    min-height:36px;
    padding:.36rem .54rem;
  }
  .doc-page-strip{
    padding:.65rem .75rem;
  }
  .doc-page-strip>div:first-child{
    align-items:flex-start;
    flex-direction:column;
    gap:.15rem;
  }
  .doc-key-tips{
    display:none;
  }
  .workspace-view-page #editor,
  .workspace-view-page #hl-lay{
    width:calc(100% - .6rem);
    min-height:68vh!important;
    padding:1.55rem!important;
    font-size:16px!important;
    line-height:1.75!important;
  }
}

/* Final workspace polish: compact ribbon + reliable dark mode */
.workspace-page .workspace-shell.dedicated-workspace{
  background:rgba(255,255,255,.74)!important;
}
.workspace-page .dedicated-workspace .doc-ribbon{
  display:grid!important;
  grid-template-columns:1.08fr 1fr 1fr .9fr 1fr;
  gap:.55rem!important;
  padding:.72rem!important;
  overflow:visible!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,249,255,.94))!important;
}
.workspace-page .dedicated-workspace .doc-ribbon-group{
  display:grid!important;
  grid-template-columns:repeat(var(--ribbon-cols,4),minmax(0,1fr));
  align-items:stretch!important;
  gap:.36rem!important;
  min-width:0!important;
  padding:.64rem .62rem 1.22rem!important;
  border-radius:14px!important;
}
.workspace-page .dedicated-workspace .doc-ribbon-styles{--ribbon-cols:5}
.workspace-page .dedicated-workspace .doc-ribbon-group:nth-child(5){--ribbon-cols:4}
.workspace-page .dedicated-workspace .doc-ribbon-group span{
  left:.68rem!important;
  bottom:.28rem!important;
  font-size:.58rem!important;
}
.workspace-page .dedicated-workspace .doc-ribbon-group button{
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  padding:.32rem .34rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:.78rem!important;
  line-height:1.05!important;
  border-radius:10px!important;
  transform:none!important;
}
.workspace-page .doc-page-strip{
  padding:.62rem .85rem!important;
  background:rgba(249,251,255,.92)!important;
}
.workspace-page .dedicated-workspace .ec-bar{
  padding:.58rem .85rem!important;
}
.workspace-page .workspace-view-page .ed-area{
  background:
    linear-gradient(90deg,rgba(110,132,180,.07) 1px,transparent 1px),
    linear-gradient(180deg,rgba(110,132,180,.07) 1px,transparent 1px),
    #eaf1fa!important;
}
.workspace-page .workspace-view-page #editor,
.workspace-page .workspace-view-page #hl-lay{
  width:min(820px,calc(100% - 2rem))!important;
  min-height:min(860px,78vh)!important;
  padding:4rem 4.4rem!important;
  font-size:17px!important;
}

[data-dark] .workspace-page .workspace-shell.dedicated-workspace{
  background:rgba(6,19,33,.86)!important;
  border-color:rgba(255,255,255,.1)!important;
}
[data-dark] .workspace-page .workspace-statusbar,
[data-dark] .workspace-page .workspace-stat-row .sc,
[data-dark] .workspace-page .dedicated-workspace .ed-shell,
[data-dark] .workspace-page .dedicated-workspace .tabs-sh,
[data-dark] .workspace-page .dedicated-workspace .panel{
  background:linear-gradient(180deg,rgba(13,31,51,.96),rgba(9,24,40,.98))!important;
  border-color:rgba(255,255,255,.1)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}
[data-dark] .workspace-page .dedicated-workspace .doc-ribbon,
[data-dark] .workspace-page .doc-page-strip,
[data-dark] .workspace-page .dedicated-workspace .ec-bar,
[data-dark] .workspace-page .dedicated-workspace .quick-row{
  background:rgba(7,20,34,.92)!important;
  border-color:rgba(255,255,255,.1)!important;
  box-shadow:none!important;
}
[data-dark] .workspace-page .dedicated-workspace .doc-ribbon-group{
  background:rgba(14,34,56,.9)!important;
  border-color:rgba(255,255,255,.1)!important;
  box-shadow:none!important;
}
[data-dark] .workspace-page .dedicated-workspace .doc-ribbon-group button,
[data-dark] .workspace-page .doc-key-tips span,
[data-dark] .workspace-page .workspace-status-actions button,
[data-dark] .workspace-page .doc-outline-item,
[data-dark] .workspace-page .doc-outline-empty{
  color:#eaf3ff!important;
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
[data-dark] .workspace-page .dedicated-workspace .doc-ribbon-group button:hover{
  background:rgba(124,146,255,.16)!important;
  border-color:rgba(124,146,255,.35)!important;
}
[data-dark] .workspace-page .workspace-view-page .ed-area{
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.03) 1px,transparent 1px),
    #071827!important;
}
[data-dark] .workspace-page .workspace-view-page #editor,
[data-dark] .workspace-page .workspace-view-page #hl-lay{
  background:#0d1f35!important;
  color:#eef6ff!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.38)!important;
}
[data-dark] .workspace-page #editor::placeholder{
  color:rgba(226,238,255,.46)!important;
}
[data-dark] .workspace-page .sc-l,
[data-dark] .workspace-page .ec-lbl,
[data-dark] .workspace-page .ec-v,
[data-dark] .workspace-page .doc-page-strip,
[data-dark] .workspace-page .doc-page-strip span,
[data-dark] .workspace-page .ph,
[data-dark] .workspace-page .pt{
  color:rgba(231,240,255,.72)!important;
}
[data-dark] .workspace-page .sc-v,
[data-dark] .workspace-page .doc-page-strip strong,
[data-dark] .workspace-page .panel strong,
[data-dark] .workspace-page .ins-v,
[data-dark] .workspace-page .wa-v{
  color:#fff!important;
}

@media(max-width:1320px){
  .workspace-page .dedicated-workspace .doc-ribbon{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .workspace-page .dedicated-workspace .doc-ribbon-group:nth-child(5){
    grid-column:1/-1;
  }
}
@media(max-width:760px){
  .workspace-page .dedicated-workspace .doc-ribbon{
    display:flex!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding:.55rem!important;
  }
  .workspace-page .dedicated-workspace .doc-ribbon-group{
    display:flex!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    padding:.42rem!important;
  }
  .workspace-page .dedicated-workspace .doc-ribbon-group span{
    display:none!important;
  }
  .workspace-page .dedicated-workspace .doc-ribbon-group button{
    width:auto!important;
    min-width:44px!important;
    padding:.42rem .62rem!important;
    font-size:.78rem!important;
  }
  .workspace-page .doc-page-strip{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .workspace-page .workspace-view-page #editor,
  .workspace-page .workspace-view-page #hl-lay{
    width:100%!important;
    min-height:62vh!important;
    padding:1.45rem!important;
    font-size:16px!important;
  }
}

/* Workspace toolbar redesign: Grammarly/Docs-style, simple and organized */
.workspace-page .dedicated-workspace .doc-ribbon.doc-ribbon-clean{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:.5rem!important;
  padding:.62rem .75rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(215,224,238,.9)!important;
  box-shadow:none!important;
  scrollbar-width:thin;
}
.workspace-page .doc-ribbon-clean .doc-toolbar-section{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:.34rem!important;
  flex:0 0 auto!important;
  min-width:0!important;
  padding:.24rem .5rem!important;
  border:0!important;
  border-right:1px solid rgba(215,224,238,.9)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.workspace-page .doc-ribbon-clean .doc-toolbar-section:last-child{
  border-right:0!important;
}
.workspace-page .doc-ribbon-clean .doc-toolbar-section>span{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  height:32px!important;
  padding:0 .35rem 0 0!important;
  color:#7c879a!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.workspace-page .doc-style-select{
  width:150px;
  height:34px;
  padding:0 2rem 0 .74rem;
  color:var(--ink);
  background:#fff;
  border:1px solid #dce4f0;
  border-radius:10px;
  font:800 .84rem/1 var(--fs);
  outline:0;
}
.workspace-page .doc-ribbon-clean button{
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 .72rem!important;
  color:#253047!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  box-shadow:none!important;
  font:850 .83rem/1 var(--fs)!important;
  white-space:nowrap!important;
  cursor:pointer;
}
.workspace-page .doc-ribbon-clean button:hover{
  color:#224bdb!important;
  background:#eef3ff!important;
  border-color:#dce5ff!important;
  transform:none!important;
  box-shadow:none!important;
}
.workspace-page .doc-ribbon-clean .doc-icon-btn{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  padding:0!important;
  font-size:.9rem!important;
}
.workspace-page .doc-page-strip{
  background:#f8fafc!important;
  color:#687386!important;
}
.workspace-page .doc-key-tips span{
  background:#fff!important;
}

[data-dark] .workspace-page .dedicated-workspace .doc-ribbon.doc-ribbon-clean{
  background:rgba(9,24,40,.96)!important;
  border-bottom-color:rgba(255,255,255,.1)!important;
}
[data-dark] .workspace-page .doc-ribbon-clean .doc-toolbar-section{
  border-right-color:rgba(255,255,255,.1)!important;
  background:transparent!important;
}
[data-dark] .workspace-page .doc-ribbon-clean .doc-toolbar-section>span{
  color:rgba(228,238,255,.62)!important;
}
[data-dark] .workspace-page .doc-style-select{
  color:#eef6ff!important;
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.12)!important;
}
[data-dark] .workspace-page .doc-ribbon-clean button{
  color:#eaf3ff!important;
  background:transparent!important;
  border-color:transparent!important;
}
[data-dark] .workspace-page .doc-ribbon-clean button:hover{
  color:#fff!important;
  background:rgba(124,146,255,.16)!important;
  border-color:rgba(124,146,255,.28)!important;
}

@media(max-width:900px){
  .workspace-page .dedicated-workspace .doc-ribbon.doc-ribbon-clean{
    gap:.2rem!important;
    padding:.5rem!important;
  }
  .workspace-page .doc-ribbon-clean .doc-toolbar-section{
    padding:.2rem .38rem!important;
  }
  .workspace-page .doc-ribbon-clean .doc-toolbar-section>span{
    display:none!important;
  }
  .workspace-page .doc-style-select{
    width:132px;
  }
}
@media(max-width:520px){
  .workspace-page .doc-ribbon-clean button{
    padding:0 .58rem!important;
    font-size:.78rem!important;
  }
  .workspace-page .doc-style-select{
    width:124px;
    font-size:.78rem;
  }
}

/* Workspace sidebar repair: readable inspector panels in light and dark mode */
.workspace-page .dedicated-workspace .app-grid{
  align-items:start!important;
}
.workspace-page .dedicated-workspace .sidebar{
  display:flex!important;
  flex-direction:column!important;
  gap:.9rem!important;
  min-width:0!important;
  padding:.05rem .25rem .7rem 0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
}
.workspace-page .dedicated-workspace .sidebar .panel{
  display:block!important;
  flex:0 0 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(215,224,238,.92)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.065)!important;
}
.workspace-page .dedicated-workspace .sidebar .ph{
  min-height:0!important;
  height:auto!important;
  padding:.78rem .9rem!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(215,224,238,.82)!important;
  background:rgba(248,251,255,.88)!important;
}
.workspace-page .dedicated-workspace .sidebar .pt{
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  white-space:normal!important;
  line-height:1.2!important;
  font-size:.69rem!important;
  letter-spacing:.12em!important;
  color:#17243a!important;
}
.workspace-page .dedicated-workspace .sidebar .ph .tb{
  flex:0 0 auto!important;
  margin-left:.65rem!important;
}
.workspace-page .dedicated-workspace .sidebar .pb{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:.95rem!important;
  background:transparent!important;
}
.workspace-page .dedicated-workspace .sidebar .panel:nth-of-type(n+5) .pb{
  max-height:none!important;
  overflow:visible!important;
}
.workspace-page .dedicated-workspace .sidebar .panel:nth-of-type(6) .pb,
.workspace-page .dedicated-workspace .sidebar .panel:nth-of-type(8) .pb,
.workspace-page .dedicated-workspace .sidebar .panel:nth-of-type(9) .pb{
  max-height:280px!important;
  overflow:auto!important;
}
.workspace-page .dedicated-workspace .sidebar .kw-list{
  max-height:170px!important;
  overflow:auto!important;
}
.workspace-page .dedicated-workspace .sidebar .ins-note,
.workspace-page .dedicated-workspace .sidebar .empty-state,
.workspace-page .dedicated-workspace .sidebar .mr{
  border-radius:14px!important;
}

[data-dark] .workspace-page .dedicated-workspace .sidebar .panel{
  background:linear-gradient(180deg,rgba(13,31,51,.96),rgba(8,23,39,.98))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.2)!important;
}
[data-dark] .workspace-page .dedicated-workspace .sidebar .ph{
  background:rgba(255,255,255,.045)!important;
  border-bottom-color:rgba(255,255,255,.1)!important;
}
[data-dark] .workspace-page .dedicated-workspace .sidebar .pt{
  color:rgba(232,241,255,.82)!important;
}
[data-dark] .workspace-page .dedicated-workspace .sidebar .pb{
  color:rgba(232,241,255,.78)!important;
}
[data-dark] .workspace-page .dedicated-workspace .sidebar .ins-note,
[data-dark] .workspace-page .dedicated-workspace .sidebar .empty-state,
[data-dark] .workspace-page .dedicated-workspace .sidebar .mr{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:rgba(232,241,255,.74)!important;
}

/* PDF Merge/Split Studio */
.pdf-studio-page .tool-hero{
  padding-bottom:1rem;
}
.pdf-studio-shell{
  padding-top:1.1rem;
  padding-bottom:5rem;
}
.pdf-drop-modal{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
  gap:1rem;
  align-items:center;
  padding:1.1rem;
  margin-bottom:1rem;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 80% 10%,rgba(24,201,151,.16),transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.98))!important;
}
.pdf-drop-copy h2{
  margin:.22rem 0 .35rem;
  color:var(--ink);
  font:900 clamp(1.55rem,3vw,2.6rem)/.98 var(--fd);
  letter-spacing:0;
}
.pdf-drop-copy p{
  max-width:700px;
  color:var(--i2);
  font-size:1rem;
  line-height:1.65;
}
.mini-kicker{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 .72rem;
  border-radius:999px;
  background:var(--brl);
  color:var(--br);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.pdf-drop-target{
  position:relative;
  display:grid;
  place-items:center;
  gap:.55rem;
  min-height:230px;
  padding:1.3rem;
  border:2px dashed rgba(79,107,255,.26);
  border-radius:28px;
  background:rgba(255,255,255,.72);
  text-align:center;
  cursor:pointer;
  transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease);
}
.pdf-drop-target:hover,
.pdf-drop-target.dragging{
  border-color:var(--br);
  background:#fff;
  transform:translateY(-2px);
  box-shadow:0 22px 52px rgba(79,107,255,.14);
}
.pdf-drop-target input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.pdf-drop-icon{
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  border-radius:22px;
  background:linear-gradient(135deg,var(--br),var(--gn));
  color:#fff;
  font:900 .86rem/1 var(--fm);
  box-shadow:0 18px 34px rgba(79,107,255,.18);
}
.pdf-drop-target strong{
  font:900 1.22rem/1.1 var(--fd);
  color:var(--ink);
}
.pdf-drop-target span{
  color:var(--i3);
  font-weight:750;
}
.pdf-upload-errors{
  display:none;
  grid-column:1/-1;
  gap:.5rem;
}
.pdf-upload-errors.is-active{
  display:grid;
}
.pdf-upload-errors .issue{
  display:flex;
  gap:.55rem;
  align-items:flex-start;
  padding:.8rem .9rem;
  border:1px solid rgba(245,158,11,.24);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(79,107,255,.06));
  color:var(--i2);
  font-size:.86rem;
  line-height:1.45;
  font-weight:750;
}
.pdf-upload-errors .issue:before{
  content:"!";
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:22px;
  height:22px;
  border-radius:999px;
  background:#f59e0b;
  color:#fff;
  font:900 .78rem/1 var(--fm);
}
.pdf-studio-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:1rem;
  align-items:start;
}
.pdf-stage-panel,
.pdf-queue-panel{
  border-radius:28px!important;
}
.pdf-action-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.7rem;
}
.pdf-action-card{
  display:grid;
  gap:.35rem;
  min-height:140px;
  padding:1rem;
  text-align:left;
  border:1px solid var(--bd2);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,250,255,.94));
  color:var(--ink);
  cursor:pointer;
  transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease);
}
.pdf-action-card:hover{
  transform:translateY(-2px);
  border-color:rgba(79,107,255,.35);
  box-shadow:0 18px 34px rgba(15,23,42,.08);
}
.pdf-action-card.on{
  border-color:rgba(24,201,151,.58);
  background:linear-gradient(135deg,rgba(24,201,151,.16),rgba(79,107,255,.11));
  box-shadow:inset 0 0 0 1px rgba(24,201,151,.18),0 18px 38px rgba(24,201,151,.08);
}
.pdf-action-card:disabled,
.pdf-action-card.is-disabled{
  cursor:not-allowed;
  opacity:.48;
  transform:none;
  box-shadow:none;
}
.pdf-action-wide{
  grid-column:span 3;
  min-height:108px;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
}
.pdf-action-card span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:13px;
  background:var(--brl);
  color:var(--br);
  font:900 .72rem/1 var(--fm);
}
.pdf-action-card strong{
  color:var(--ink);
  font:900 1.02rem/1.15 var(--fd);
}
.pdf-action-card small{
  color:var(--i3);
  font-size:.82rem;
  line-height:1.38;
  font-weight:650;
}
.pdf-settings-card{
  display:grid;
  gap:1rem;
  margin-top:1rem;
  padding:1rem;
  border:1px solid var(--bd2);
  border-radius:24px;
  background:var(--s2);
}
.pdf-settings-card h3{
  margin:.28rem 0 0;
  color:var(--ink);
  font:900 1.25rem/1 var(--fd);
}
.pdf-modern-controls{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.pdf-modern-controls .is-hidden,
.pdf-modern-controls label.is-hidden{
  display:none!important;
}
.pdf-image-settings,
.pdf-render-settings,
.pdf-word-settings{
  display:none;
}
.pdf-image-settings.is-active,
.pdf-render-settings.is-active,
.pdf-word-settings.is-active{
  display:grid;
}
.pdf-modern-controls input:disabled{
  opacity:.48;
  cursor:not-allowed;
}
.pdf-output-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.pdf-output-chips span,
.pdf-output-chips a,
.pdf-output-chips button{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 .8rem;
  border:1px solid var(--bd2);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:var(--i2);
  font-size:.78rem;
  font-weight:850;
  text-decoration:none;
}
.pdf-output-chips a,
.pdf-output-chips button{
  color:var(--br);
}
.pdf-process-row{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1rem;
}
.pdf-status-card{
  margin-top:1rem;
  padding:1rem;
  border:1px solid rgba(79,107,255,.16);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(79,107,255,.08),rgba(24,201,151,.08));
  color:var(--i2);
  font-weight:700;
}
.pdf-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.6rem;
  margin-bottom:.8rem;
}
.pdf-summary-grid div{
  padding:.9rem;
  border:1px solid var(--bd2);
  border-radius:18px;
  background:var(--s2);
}
.pdf-summary-grid strong{
  display:block;
  color:var(--ink);
  font:900 1.15rem/1 var(--fd);
}
.pdf-summary-grid span{
  display:block;
  margin-top:.25rem;
  color:var(--i4);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.pdf-queue-list{
  display:grid;
  gap:.58rem;
  max-height:460px;
  overflow:auto;
  padding-right:.1rem;
}
.pdf-queue-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.7rem;
  align-items:center;
  padding:.72rem;
  border:1px solid var(--bd2);
  border-radius:18px;
  background:rgba(255,255,255,.68);
}
.pdf-file-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(135deg,#ef4444,#f97316);
  color:#fff;
  font:900 .62rem/1 var(--fm);
}
.pdf-file-icon-img{
  background:linear-gradient(135deg,#4f6bff,#18c997);
}
.pdf-file-copy{
  min-width:0;
}
.pdf-file-copy strong{
  display:block;
  overflow:hidden;
  color:var(--ink);
  font-size:.92rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pdf-file-copy span{
  display:block;
  margin-top:.15rem;
  color:var(--i3);
  font-size:.76rem;
  font-weight:700;
}
.pdf-file-copy em{
  display:block;
  margin-top:.22rem;
  color:#b45309;
  font-style:normal;
  font-size:.68rem;
  font-weight:850;
  line-height:1.35;
}
.pdf-unlock-panel{
  margin-top:.55rem;
  padding:.62rem;
  border:1px solid rgba(245,158,11,.28);
  border-radius:16px;
  background:rgba(255,251,235,.82);
}
.pdf-unlock-panel label,
.pdf-unlock-panel strong{
  display:block;
  margin-bottom:.38rem;
  color:#78350f;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.pdf-unlock-panel div{
  display:flex;
  gap:.45rem;
}
.pdf-unlock-panel input{
  min-width:0;
  flex:1;
  height:38px;
  border:1px solid rgba(146,64,14,.24);
  border-radius:12px;
  background:#fff;
  color:#111827;
  padding:0 .75rem;
}
.pdf-unlock-panel button{
  flex:none;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#f59e0b,#ef4444);
  color:#fff;
  cursor:pointer;
  font-weight:900;
  padding:0 .8rem;
}
.pdf-unlock-panel small,
.pdf-unlock-panel span{
  display:block;
  margin-top:.42rem;
  color:#92400e;
  font-size:.68rem;
  font-weight:750;
  line-height:1.35;
}
.pdf-unlock-panel.is-unlocked{
  border-color:rgba(16,185,129,.34);
  background:rgba(236,253,245,.86);
}
.pdf-unlock-panel.is-unlocked strong{color:#047857}
.pdf-unlock-panel.is-unlocked span{color:#047857}
.pdf-unlock-panel.is-unlocked button{
  margin-top:.5rem;
  height:38px;
  background:linear-gradient(135deg,#10b981,#2563eb);
}
.pdf-queue-row.is-locked{
  border-color:rgba(245,158,11,.42);
  background:linear-gradient(135deg,rgba(255,247,237,.95),rgba(239,246,255,.86));
  cursor:default;
}
.pdf-queue-row.is-locked .pdf-file-icon{
  background:linear-gradient(135deg,#f59e0b,#ef4444);
  font-size:.52rem;
}
.pdf-preview-file:disabled{
  opacity:.48;
  cursor:not-allowed;
}
.pdf-locked-preview strong,
.pdf-locked-preview span{
  display:block;
}
.pdf-locked-preview strong{
  color:var(--ink);
  font:900 1rem var(--fd);
}
.pdf-locked-preview span{
  margin-top:.25rem;
  color:var(--i3);
}
.pdf-row-actions{
  display:flex;
  gap:.28rem;
}
.pdf-row-actions .mini-act{
  min-width:34px;
  height:34px;
  padding:0;
}
.pdf-page-strip{
  margin-top:1rem;
  padding:.9rem;
  border:1px solid var(--bd2);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(247,250,255,.88));
}
.pdf-thumb-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(104px,1fr));
  gap:.7rem;
}
.pdf-thumb-card{
  display:grid;
  gap:.45rem;
  justify-items:center;
  min-height:154px;
  padding:.65rem;
  border:1px solid var(--bd2);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.pdf-thumb-card canvas,
.pdf-thumb-card img{
  display:block;
  max-width:100%;
  height:108px;
  object-fit:contain;
  border-radius:10px;
  background:
    linear-gradient(45deg,#eef2ff 25%,transparent 25%),
    linear-gradient(-45deg,#eef2ff 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#eef2ff 75%),
    linear-gradient(-45deg,transparent 75%,#eef2ff 75%);
  background-color:#fff;
  background-size:16px 16px;
  background-position:0 0,0 8px,8px -8px,-8px 0;
}
.pdf-thumb-card span,
.pdf-thumb-card small{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pdf-thumb-card span{
  color:var(--ink);
  font-weight:900;
  font-size:.78rem;
}
.pdf-thumb-card small{
  color:var(--i3);
  font-size:.68rem;
  font-weight:750;
}
.pdf-output-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:1rem;
  padding:1rem;
  border:1px solid rgba(24,201,151,.25);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(24,201,151,.12),rgba(79,107,255,.08));
}
.pdf-output-panel.empty{
  border-color:var(--bd2);
  background:var(--s2);
}
.pdf-output-panel strong{
  display:block;
  color:var(--ink);
  font:900 1rem/1.1 var(--fd);
}
.pdf-output-panel span{
  display:block;
  margin-top:.28rem;
  color:var(--i3);
  font-size:.82rem;
  line-height:1.4;
  font-weight:700;
}
.pdf-help-band{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:1rem;
  margin-top:1rem;
  padding:1.2rem;
  border:1px solid var(--bd);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(239,246,255,.92));
}
.pdf-help-band h2{
  margin:0 0 .4rem;
  color:var(--ink);
  font:900 1.55rem/1.05 var(--fd);
}
.pdf-help-band p{
  margin:0;
  color:var(--i2);
  line-height:1.6;
}
.pdf-help-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
.pdf-help-grid div{
  padding:1rem;
  border:1px solid var(--bd2);
  border-radius:20px;
  background:rgba(255,255,255,.72);
}
.pdf-help-grid strong{
  display:block;
  color:var(--ink);
  font:900 1rem/1 var(--fd);
}
.pdf-help-grid span{
  display:block;
  margin-top:.45rem;
  color:var(--i3);
  font-size:.82rem;
  line-height:1.4;
}
.pdf-link-band{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.8rem;
  margin-top:1rem;
}
.pdf-link-band a{
  display:grid;
  gap:.32rem;
  padding:1rem;
  border:1px solid var(--bd2);
  border-radius:22px;
  background:rgba(255,255,255,.8);
  color:var(--ink);
  text-decoration:none;
  transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease);
}
.pdf-link-band a:hover{
  transform:translateY(-2px);
  border-color:rgba(24,201,151,.36);
  box-shadow:0 18px 34px rgba(15,23,42,.08);
}
.pdf-link-band span{
  color:var(--i4);
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.pdf-link-band strong{
  color:var(--ink);
  font:900 .98rem/1.15 var(--fd);
}
[data-dark] .pdf-drop-modal,
[data-dark] .pdf-help-band{
  background:linear-gradient(135deg,rgba(13,31,51,.96),rgba(8,23,39,.98))!important;
  border-color:rgba(255,255,255,.1)!important;
}
[data-dark] .pdf-drop-target,
[data-dark] .pdf-upload-errors .issue,
[data-dark] .pdf-action-card,
[data-dark] .pdf-settings-card,
[data-dark] .pdf-summary-grid div,
[data-dark] .pdf-queue-row,
[data-dark] .pdf-page-strip,
[data-dark] .pdf-thumb-card,
[data-dark] .pdf-output-panel.empty,
[data-dark] .pdf-link-band a,
[data-dark] .pdf-help-grid div,
[data-dark] .pdf-output-chips span,
[data-dark] .pdf-output-chips a,
[data-dark] .pdf-output-chips button{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.1)!important;
}
[data-dark] .pdf-action-card.on{
  background:linear-gradient(135deg,rgba(24,201,151,.14),rgba(79,107,255,.12))!important;
  border-color:rgba(24,201,151,.45)!important;
}
[data-dark] .pdf-queue-row.is-locked{
  background:linear-gradient(135deg,rgba(80,48,16,.9),rgba(38,28,50,.92))!important;
  border-color:rgba(245,158,11,.55)!important;
}
[data-dark] .pdf-file-copy em{
  color:#fbbf24;
}
[data-dark] .pdf-unlock-panel{
  border-color:rgba(245,158,11,.38);
  background:rgba(120,53,15,.22);
}
[data-dark] .pdf-unlock-panel label,
[data-dark] .pdf-unlock-panel strong{color:#fde68a}
[data-dark] .pdf-unlock-panel input{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#f8fafc;
}
[data-dark] .pdf-unlock-panel small,
[data-dark] .pdf-unlock-panel span{color:#fcd34d}
[data-dark] .pdf-unlock-panel.is-unlocked{
  border-color:rgba(16,185,129,.42);
  background:rgba(6,78,59,.28);
}
[data-dark] .pdf-unlock-panel.is-unlocked strong,
[data-dark] .pdf-unlock-panel.is-unlocked span{color:#86efac}
[data-dark] .pdf-locked-preview strong{
  color:#f4f8ff;
}
@media(max-width:980px){
  .pdf-drop-modal,
  .pdf-studio-grid,
  .pdf-help-band{
    grid-template-columns:1fr;
  }
  .pdf-modern-controls,
  .pdf-help-grid,
  .pdf-link-band{
    grid-template-columns:1fr 1fr;
  }
  .pdf-action-wide{
    grid-column:1/-1;
  }
}
@media(max-width:720px){
  .pdf-studio-shell{
    padding-top:.8rem;
  }
  .pdf-drop-modal,
  .pdf-stage-panel,
  .pdf-queue-panel,
  .pdf-help-band{
    border-radius:22px!important;
  }
  .pdf-action-grid,
  .pdf-modern-controls,
  .pdf-help-grid,
  .pdf-link-band,
  .pdf-summary-grid{
    grid-template-columns:1fr;
  }
  .pdf-action-wide{
    grid-template-columns:1fr;
    min-height:130px;
  }
  .pdf-drop-target{
    min-height:190px;
    border-radius:22px;
  }
  .pdf-process-row .btn{
    width:100%;
  }
  .pdf-queue-row{
    grid-template-columns:auto minmax(0,1fr);
  }
  .pdf-row-actions{
    grid-column:1/-1;
    justify-content:flex-end;
  }
  .pdf-output-panel{
    display:grid;
  }
  .pdf-output-panel .btn{
    width:100%;
  }
  .pdf-thumb-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Image Studio */
.image-studio-page .tool-hero{
  padding-bottom:1rem;
}
.image-drop-modal{
  background:
    radial-gradient(circle at 82% 8%,rgba(24,201,151,.18),transparent 34%),
    radial-gradient(circle at 8% 92%,rgba(79,107,255,.12),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.98))!important;
}
.image-drop-icon{
  background:linear-gradient(135deg,#4f6bff,#18c997);
}
.image-mode-summary{
  max-width:720px;
  margin:.35rem 0 0;
  color:var(--i3);
  line-height:1.5;
  font-weight:700;
}
.image-mode-panel{
  display:none;
  gap:1rem;
}
.image-mode-panel.is-active{
  display:grid;
}
.image-preset-row{
  display:flex;
  flex-wrap:wrap;
  gap:.48rem;
}
.combine-layout-picker{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.5rem;
  padding:.45rem;
  border:1px solid var(--bd2);
  border-radius:16px;
  background:rgba(244,247,252,.82);
}
.combine-layout-picker .mini-act{
  min-height:44px;
  border-color:transparent;
  background:transparent;
}
.combine-layout-picker .mini-act.on{
  color:#fff;
  background:var(--br);
  box-shadow:0 8px 22px rgba(79,107,255,.2);
}
.combine-preview-box{padding:.85rem}
.combine-preview-box .stage-canvas{max-height:480px}
.queue-arrow{width:32px;padding:.35rem 0;text-align:center}
.queue-arrow:disabled{opacity:.3;cursor:not-allowed}
[data-dark] .combine-layout-picker{background:rgba(255,255,255,.035)}
.image-preview-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
}
.image-studio-queue .batch-summary{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.image-studio-queue .batch-list{
  max-height:430px;
  overflow:auto;
  padding-right:.1rem;
}
.image-studio-page .tool-preview-box{
  overflow:hidden;
  border-radius:22px;
}
.image-studio-page .pdf-control-grid input[type=color]{
  padding:.22rem;
  cursor:pointer;
}
.studio-range-field span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
}
.studio-range-field b{
  min-width:42px;
  padding:.22rem .42rem;
  border-radius:999px;
  background:rgba(79,107,255,.1);
  color:var(--br);
  font-size:.68rem;
  text-align:center;
  letter-spacing:0;
}
.watermark-preview-box{
  display:grid;
  gap:.7rem;
  padding:.85rem;
  background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(248,251,255,.92));
  border:1px solid rgba(180,195,218,.68);
}
.watermark-preview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  padding:.25rem .15rem 0;
}
.watermark-preview-head strong{
  color:var(--ink);
  font:900 .88rem/1 var(--fd);
}
.watermark-preview-head span{
  max-width:360px;
  color:var(--i3);
  font-size:.72rem;
  font-weight:750;
  text-align:right;
  line-height:1.35;
}
.image-studio-page .stage-canvas{
  width:100%;
  max-height:320px;
  object-fit:contain;
  border-radius:16px;
  background:
    linear-gradient(45deg,#eef2ff 25%,transparent 25%),
    linear-gradient(-45deg,#eef2ff 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#eef2ff 75%),
    linear-gradient(-45deg,transparent 75%,#eef2ff 75%);
  background-color:#fff;
  background-size:18px 18px;
  background-position:0 0,0 9px,9px -9px,-9px 0;
}
.image-studio-page .pdf-action-card strong{
  overflow-wrap:anywhere;
}
[data-dark] .image-drop-modal{
  background:linear-gradient(135deg,rgba(13,31,51,.96),rgba(8,23,39,.98))!important;
}
[data-dark] .studio-range-field b{
  background:rgba(131,167,255,.16);
  color:#a9bcff;
}
[data-dark] .watermark-preview-box{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));
  border-color:rgba(255,255,255,.1);
}
[data-dark] .watermark-preview-head strong{
  color:#fff;
}
@media(max-width:980px){
  .image-preview-pair{
    grid-template-columns:1fr;
  }
}
@media(max-width:720px){
  .image-action-grid{
    grid-template-columns:1fr;
  }
  .image-preset-row .mini-act{
    flex:1 1 calc(50% - .5rem);
  }
  .image-studio-queue .batch-summary{
    grid-template-columns:1fr;
  }
  .watermark-preview-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .watermark-preview-head span{
    max-width:none;
    text-align:left;
  }
  .combine-layout-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .combine-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:460px){
  .combine-controls{grid-template-columns:1fr!important}
}

/* Launch polish 20260622-6: workspace, consolidated tools, mobile safety */
.workspace-page .workspace-app{
  padding-top:0;
}
.workspace-page .workspace-app-head{
  padding:1.15rem 0 .7rem!important;
  background:transparent!important;
}
.workspace-page .workspace-app-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:1.1rem!important;
  padding:1rem 1.1rem!important;
  border:1px solid rgba(215,224,238,.88)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.07)!important;
}
.workspace-page .workspace-title-area{
  min-width:0!important;
  max-width:780px!important;
  text-align:left!important;
}
.workspace-page .workspace-kicker{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  min-height:26px;
  padding:0 .68rem;
  border-radius:999px;
  background:rgba(79,107,255,.1);
  color:var(--br);
  font:900 .66rem/1 var(--fs);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.workspace-page .workspace-kicker:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--gn);
  box-shadow:0 0 0 5px rgba(24,201,151,.12);
}
.workspace-page .doc-title-input{
  display:block!important;
  width:100%!important;
  margin:.42rem 0 .15rem!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  font:900 clamp(1.45rem,3vw,2.35rem)/1.02 var(--fd)!important;
  letter-spacing:0!important;
  box-shadow:none!important;
}
.workspace-page .doc-title-input:focus{
  outline:0!important;
  box-shadow:0 2px 0 rgba(79,107,255,.2)!important;
}
.workspace-page .workspace-title-area p{
  max-width:700px!important;
  margin:0!important;
  color:var(--i3)!important;
  font-size:.96rem!important;
  line-height:1.45!important;
}
.workspace-page .workspace-head-actions{
  display:flex!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:.48rem!important;
}
.workspace-page .workspace-head-actions .btn{
  min-height:40px!important;
  padding:.68rem .9rem!important;
  border-radius:13px!important;
}
.workspace-page .workspace-statusbar{
  position:sticky!important;
  top:76px!important;
  z-index:12!important;
  margin-bottom:.85rem!important;
  padding:.75rem .9rem!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
}
.workspace-page .workspace-status-left{
  min-width:0!important;
  flex-wrap:wrap!important;
}
.workspace-page .workspace-status-actions{
  display:flex!important;
  gap:.42rem!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.workspace-page .workspace-status-actions::-webkit-scrollbar{
  display:none;
}
.workspace-page .workspace-status-actions button,
.workspace-page .workspace-status-actions a{
  flex:0 0 auto!important;
  min-height:34px!important;
  padding:0 .72rem!important;
  border-radius:999px!important;
  font-size:.78rem!important;
}
.workspace-page .workspace-stat-row{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:.58rem!important;
  margin-bottom:.8rem!important;
}
.workspace-page .workspace-stat-row .sc{
  min-height:86px!important;
  border-radius:18px!important;
}
.workspace-page .workspace-stat-row .sc-v{
  font-size:clamp(1.35rem,2.6vw,2rem)!important;
}
.workspace-page .dedicated-workspace .doc-ribbon.doc-ribbon-clean{
  border-radius:18px 18px 0 0!important;
}
.workspace-page .dedicated-workspace .tb-bar{
  display:none!important;
}
.workspace-page .dedicated-workspace .workspace-helper-strip{
  display:none!important;
}
.workspace-page .doc-page-strip{
  padding:.72rem .95rem!important;
  border-radius:0!important;
}
.workspace-page .doc-page-strip>div:first-child{
  gap:.45rem!important;
  flex-wrap:wrap!important;
}
.workspace-page .doc-page-strip strong{
  font-size:.88rem!important;
}
.workspace-page .doc-key-tips{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:.35rem!important;
}
.workspace-page .doc-key-tips span{
  min-height:28px!important;
  padding:0 .55rem!important;
  border-radius:999px!important;
  font-size:.72rem!important;
}
.workspace-page .dedicated-workspace .ed-area{
  min-height:min(760px,72vh)!important;
}
.workspace-page .workspace-view-page #editor,
.workspace-page .workspace-view-page #hl-lay{
  width:min(820px,calc(100% - 2rem))!important;
  min-height:min(820px,70vh)!important;
}
.workspace-page .workspace-next{
  margin-top:1rem!important;
}
.workspace-page .dedicated-workspace .sidebar{
  max-height:calc(100vh - 105px)!important;
  position:sticky!important;
  top:88px!important;
  padding-right:.2rem!important;
}
.workspace-page .dedicated-workspace .sidebar .panel{
  border-radius:16px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
.workspace-page .dedicated-workspace .sidebar .ph{
  min-height:44px!important;
  padding:.68rem .82rem!important;
}
.workspace-page .dedicated-workspace .sidebar .pt{
  font-size:.66rem!important;
  letter-spacing:.1em!important;
}
.workspace-page .dedicated-workspace .sidebar .pb{
  padding:.78rem!important;
}
.workspace-page .dedicated-workspace .sidebar .ins-grid,
.workspace-page .dedicated-workspace .sidebar .wa-grid,
.workspace-page .dedicated-workspace .sidebar .seo-sg{
  gap:.5rem!important;
}
.workspace-page .dedicated-workspace .sidebar .ins-item,
.workspace-page .dedicated-workspace .sidebar .wa-card,
.workspace-page .dedicated-workspace .sidebar .seo-s{
  border-radius:14px!important;
}
.pdf-studio-page .pdf-drop-modal{
  max-width:1200px;
  margin-inline:auto;
}
.pdf-studio-page .pdf-action-card,
.image-studio-page .pdf-action-card{
  min-height:126px;
}
.pdf-studio-page .pdf-flow-steps button,
.pdf-studio-page .pdf-process-row .btn,
.image-studio-page .pdf-process-row .btn{
  min-height:44px;
}
[data-dark] .workspace-page .workspace-app-top,
[data-dark] .workspace-page .workspace-statusbar{
  background:rgba(9,24,40,.9)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
[data-dark] .workspace-page .doc-title-input{
  color:#f4f8ff!important;
}
[data-dark] .workspace-page .workspace-title-area p{
  color:rgba(226,238,255,.7)!important;
}
[data-dark] .workspace-page .workspace-kicker{
  background:rgba(124,146,255,.14)!important;
  color:#9fb2ff!important;
}
[data-dark] .workspace-page .dedicated-workspace .sidebar .panel{
  background:linear-gradient(180deg,rgba(13,31,51,.96),rgba(8,23,39,.98))!important;
  border-color:rgba(255,255,255,.1)!important;
}
[data-dark] .workspace-page .dedicated-workspace .sidebar .ph{
  background:rgba(255,255,255,.045)!important;
}
@media(max-width:1180px){
  .workspace-page .workspace-stat-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .workspace-page .dedicated-workspace .sidebar{
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
  }
}
@media(max-width:820px){
  .workspace-page .workspace-app-head{
    padding:.65rem 0 .55rem!important;
  }
  .workspace-page .workspace-app-top{
    align-items:flex-start!important;
    flex-direction:column!important;
    border-radius:20px!important;
    padding:.9rem!important;
  }
  .workspace-page .workspace-head-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .workspace-page .workspace-head-actions .btn{
    flex:1 1 calc(50% - .35rem)!important;
    min-width:0!important;
  }
  .workspace-page .workspace-statusbar{
    position:static!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    border-radius:16px!important;
  }
  .workspace-page .workspace-status-actions{
    width:100%!important;
  }
  .workspace-page .workspace-stat-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .workspace-page .dedicated-workspace .doc-ribbon.doc-ribbon-clean{
    border-radius:16px 16px 0 0!important;
  }
  .workspace-page .doc-page-strip{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:.55rem!important;
  }
  .workspace-page .doc-key-tips{
    justify-content:flex-start!important;
  }
  .workspace-page .dedicated-workspace .ec-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.55rem!important;
  }
  .workspace-page .workspace-view-page #editor,
  .workspace-page .workspace-view-page #hl-lay{
    width:100%!important;
    min-height:65vh!important;
    padding:1.35rem!important;
    border-radius:0!important;
  }
  .workspace-page .workspace-next{
    display:none!important;
  }
  .pdf-studio-page .pdf-drop-modal,
  .image-studio-page .pdf-drop-modal{
    margin-inline:0;
  }
}
@media(max-width:520px){
  .workspace-page .doc-title-input{
    font-size:1.55rem!important;
  }
  .workspace-page .workspace-head-actions .btn{
    flex:1 1 100%!important;
  }
  .workspace-page .workspace-stat-row{
    grid-template-columns:1fr 1fr!important;
  }
  .workspace-page .workspace-stat-row .sc{
    min-height:74px!important;
  }
  .workspace-page .dedicated-workspace .ed-area{
    min-height:66vh!important;
  }
  .workspace-page .workspace-view-page #editor,
  .workspace-page .workspace-view-page #hl-lay{
    font-size:16px!important;
    line-height:1.72!important;
  }
  .pdf-studio-page .pdf-thumb-grid{
    grid-template-columns:1fr!important;
  }
}

/* Focused heavy-tool polish: cleaner workspace, guided PDF flow, clearer photo controls */
.workspace-page .workspace-status-actions button,
.workspace-page .workspace-status-actions a{
  min-height:38px!important;
  border-radius:999px!important;
}
.workspace-page .doc-ribbon-clean{
  position:relative;
}
.workspace-page .doc-ribbon-clean button,
.workspace-page .doc-style-select{
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.workspace-page .dedicated-workspace .sidebar .panel{
  border-radius:18px!important;
}
.workspace-page .dedicated-workspace .sidebar .ph{
  border-radius:18px 18px 0 0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.9))!important;
}
.workspace-page .dedicated-workspace .sidebar .pt{
  display:flex!important;
  align-items:center!important;
  gap:.48rem!important;
  letter-spacing:.08em!important;
  white-space:normal!important;
}
.workspace-page .dedicated-workspace .sidebar .pd{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:99px!important;
  background:#4468ff!important;
}
[data-dark] .workspace-page .dedicated-workspace .sidebar .panel{
  background:#0b1b2c!important;
  border-color:rgba(148,163,184,.22)!important;
}
[data-dark] .workspace-page .dedicated-workspace .sidebar .ph{
  background:#10253a!important;
  border-bottom-color:rgba(148,163,184,.18)!important;
}
[data-dark] .workspace-page .dedicated-workspace .sidebar .pt{
  color:#dce8f8!important;
}
[data-dark] .workspace-page .dedicated-workspace .sidebar .pd{
  background:#7f99ff!important;
}
.pdf-quick-strip{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  width:100%;
  margin-top:.85rem;
}
.pdf-quick-strip button{
  min-height:38px;
  padding:0 .85rem;
  border:1px solid rgba(98,116,142,.18);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  color:var(--ink);
  font-weight:850;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(15,23,42,.055);
}
.pdf-quick-strip button:hover{
  border-color:rgba(63,99,244,.32);
  background:#eef4ff;
  color:#2448df;
}
.pdf-recommendation{
  width:100%;
  margin-top:.75rem;
  padding:.78rem .95rem;
  border:1px solid rgba(98,116,142,.15);
  border-radius:16px;
  background:rgba(255,255,255,.68);
  color:var(--i3);
  font-weight:750;
}
.pdf-recommendation.is-active{
  border-color:rgba(20,184,166,.25);
  background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(63,99,244,.09));
  color:#173753;
}
[data-dark] .pdf-quick-strip button,
[data-dark] .pdf-recommendation{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  color:rgba(232,241,255,.78);
}
[data-dark] .pdf-recommendation.is-active{
  background:rgba(20,184,166,.12);
  border-color:rgba(20,184,166,.3);
  color:#d9fff8;
}
.pp-color-swatch.original{
  background:linear-gradient(135deg,#eef3ff,#ffffff);
}
.pp-bg-helper{
  margin-top:.65rem;
  padding:.68rem .78rem;
  border-radius:14px;
  background:rgba(63,99,244,.07);
  color:var(--i3);
  font-weight:700;
  font-size:.84rem;
}
.pp-sheet-preview-note{
  border-left:4px solid #14b8a6;
}
.bg-simple-shell .bg-upload-panel,
.bg-simple-shell .bg-options-panel,
.pp-page .panel,
.pdf-studio-page .panel{
  backdrop-filter:blur(10px);
}
.bg-action-row .btn,
.tool-actions-row .btn,
.pdf-process-row .btn{
  min-height:46px;
}
@media(max-width:760px){
  .pdf-quick-strip{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pdf-quick-strip button{
    width:100%;
    padding:0 .55rem;
    font-size:.86rem;
  }
  .pdf-recommendation{
    font-size:.88rem;
  }
  .pp-bg-swatches{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .pp-color-swatch{
    width:100%!important;
  }
  .bg-choice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:460px){
  .pdf-quick-strip{
    grid-template-columns:1fr;
  }
  .workspace-page .workspace-status-actions button,
  .workspace-page .workspace-status-actions a{
    flex:1 1 100%!important;
    justify-content:center!important;
  }
}

/* Quality controls and FAQ search polish */
.image-quality-presets{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:.75rem 0;
}
.image-quality-presets button,
.faq-filter-btn{
  min-height:38px;
  padding:0 .82rem;
  border:1px solid rgba(98,116,142,.16);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:var(--ink);
  font-weight:850;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
}
.image-quality-presets button:hover,
.faq-filter-btn:hover,
.faq-filter-btn.on{
  border-color:rgba(20,184,166,.34);
  background:linear-gradient(135deg,rgba(20,184,166,.16),rgba(63,99,244,.1));
  color:#113b53;
}
.image-quality-meter{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.7rem;
  margin:.7rem 0;
}
.image-quality-meter div{
  padding:.9rem;
  border:1px solid rgba(98,116,142,.14);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,251,255,.72));
  box-shadow:0 12px 30px rgba(16,24,40,.04);
}
.image-quality-meter span{
  display:block;
  margin-bottom:.32rem;
  color:var(--i4);
  font:800 .68rem/1.2 var(--fm);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.image-quality-meter strong{
  display:block;
  color:var(--ink);
  font:900 clamp(1rem,2vw,1.28rem)/1.05 var(--fd);
}
.image-quality-audit{
  margin:.85rem 0;
  padding:.95rem;
  border:1px solid rgba(20,184,166,.2);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(20,184,166,.1),rgba(63,99,244,.06));
}
.image-quality-audit div{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  align-items:center;
}
.image-quality-audit span{
  color:var(--i4);
  font:800 .68rem/1.2 var(--fm);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.image-quality-audit strong{
  color:#047866;
  font:900 1rem/1.1 var(--fd);
  text-align:right;
}
.image-quality-audit p{
  margin:.5rem 0 0;
  color:var(--i3);
  font-size:.84rem;
  line-height:1.55;
}
.faq-search-sec{
  padding:.2rem 0 .8rem;
}
.faq-search-card{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto;
  gap:.8rem;
  align-items:end;
  padding:1rem;
  border:1px solid rgba(132,149,176,.16);
  border-radius:24px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 46px rgba(16,24,40,.055);
}
.faq-search-label{
  display:flex;
  flex-direction:column;
  gap:.4rem;
  color:var(--i4);
  font:800 .72rem/1.2 var(--fm);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.faq-search-label input{
  width:100%;
  min-height:52px;
  border:1px solid rgba(98,116,142,.16);
  border-radius:18px;
  background:#fff;
  color:var(--ink);
  padding:0 1rem;
  font:650 .98rem/1 var(--fs);
  letter-spacing:0;
  text-transform:none;
  outline:none;
}
.faq-search-label input:focus{
  border-color:rgba(63,99,244,.45);
  box-shadow:0 0 0 4px rgba(63,99,244,.1);
}
.faq-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:.48rem;
}
.faq-result-count{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 .85rem;
  border-radius:999px;
  background:#eef7ff;
  color:#31506d;
  font-weight:900;
  white-space:nowrap;
}
.faq-empty{
  display:none;
  margin:.9rem 0;
  padding:1rem;
  border:1px dashed rgba(98,116,142,.24);
  border-radius:18px;
  background:rgba(255,255,255,.7);
  color:var(--i3);
  font-weight:750;
  text-align:center;
}
[data-dark] .image-quality-presets button,
[data-dark] .faq-filter-btn,
[data-dark] .faq-search-card,
[data-dark] .faq-empty{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  color:rgba(232,241,255,.82);
}
[data-dark] .image-quality-presets button:hover,
[data-dark] .faq-filter-btn:hover,
[data-dark] .faq-filter-btn.on{
  background:linear-gradient(135deg,rgba(20,184,166,.2),rgba(127,153,255,.14));
  color:#f6fbff;
}
[data-dark] .image-quality-meter div{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.1);
}
[data-dark] .image-quality-meter strong{
  color:#fff;
}
[data-dark] .image-quality-audit{
  background:rgba(20,184,166,.12);
  border-color:rgba(20,184,166,.28);
}
[data-dark] .image-quality-audit strong{
  color:#83ffe7;
}
[data-dark] .image-quality-audit p{
  color:rgba(232,241,255,.72);
}
[data-dark] .faq-search-label input{
  background:rgba(3,10,18,.5);
  border-color:rgba(255,255,255,.12);
  color:#f8fbff;
}
[data-dark] .faq-result-count{
  background:rgba(20,184,166,.13);
  color:#d9fff8;
}
@media(max-width:860px){
  .image-quality-meter,
  .faq-search-card{
    grid-template-columns:1fr;
  }
  .faq-filter-row{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:.12rem;
    -webkit-overflow-scrolling:touch;
  }
  .faq-filter-btn{
    flex:0 0 auto;
  }
}
@media(max-width:520px){
  .image-quality-presets{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .image-quality-presets button{
    width:100%;
    padding:0 .55rem;
  }
  .faq-search-card{
    padding:.8rem;
    border-radius:18px;
  }
}

/* Tools hub hero polish 20260622-6 */
.tools-page .tools-page-hero{
  padding-top:1.2rem;
}
.tools-page .page-head-tools{
  max-width:1180px;
}
.tools-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(310px,.72fr);
  gap:1.1rem;
  align-items:stretch;
  text-align:left;
  padding:2.15rem;
}
.tools-hero-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
}
.tools-hero-title{
  max-width:820px;
  margin:.9rem 0 0;
  color:var(--ink);
  font-family:var(--fd);
  font-size:clamp(2.65rem,4.25vw,4.85rem);
  font-weight:900;
  line-height:.98;
  letter-spacing:-.035em;
}
.tools-page .tools-hero-copy .suite-lead{
  max-width:820px;
  margin:1.05rem 0 0;
  text-align:left;
}
.tools-hero-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  align-content:center;
  padding:.85rem;
  border:1px solid rgba(16,24,40,.08);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(235,248,243,.42));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.tools-hero-mini{
  display:flex;
  min-width:0;
  min-height:118px;
  flex-direction:column;
  justify-content:space-between;
  gap:.45rem;
  padding:1rem;
  border:1px solid rgba(63,99,244,.12);
  border-radius:16px;
  background:rgba(255,255,255,.76);
  color:var(--ink);
  text-decoration:none;
  box-shadow:0 12px 26px rgba(16,24,40,.055);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);
}
.tools-hero-mini:hover{
  transform:translateY(-2px);
  border-color:rgba(18,185,129,.3);
  box-shadow:0 18px 34px rgba(16,24,40,.09);
}
.tools-hero-mini span{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,#5e7cff,#16d8a0);
  color:#fff;
  font-family:var(--fm);
  font-size:.75rem;
  font-weight:900;
  letter-spacing:0;
  box-shadow:0 14px 24px rgba(63,99,244,.22);
}
.tools-hero-mini strong{
  display:block;
  color:var(--ink);
  font-family:var(--fd);
  font-size:1.02rem;
  font-weight:900;
  letter-spacing:0;
}
.tools-hero-mini small{
  color:var(--i3);
  font-size:.8rem;
  font-weight:700;
  line-height:1.35;
}
.tools-page .suite-toolbar-card{
  margin-top:1.1rem;
}
.tools-page .suite-search{
  font-size:1rem;
}
.tools-page .suite-filter{
  gap:.45rem;
}
.tools-page .suite-filter::before{
  content:"";
  width:.46rem;
  height:.46rem;
  flex:0 0 auto;
  border-radius:999px;
  background:linear-gradient(135deg,#5e7cff,#16d8a0);
  box-shadow:0 0 0 4px rgba(63,99,244,.08);
}
.tools-page .suite-filter.on::before{
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.18);
}
[data-dark] .tools-page .suite-filter.on::before{
  background:linear-gradient(135deg,#5e7cff,#16d8a0);
  box-shadow:0 0 0 4px rgba(63,99,244,.12);
}
.tools-page .tool-card-adv{
  position:relative;
  overflow:hidden;
}
.tools-page .tool-card-adv::after{
  content:"";
  position:absolute;
  inset:auto 1rem 0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,#5e7cff,#16d8a0);
  opacity:0;
  transition:opacity .18s var(--ease);
}
.tools-page .tool-card-adv:hover::after{
  opacity:1;
}
.tools-page .tool-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(94,124,255,.16),rgba(18,185,129,.13));
  color:var(--brd);
}
[data-dark] .tools-hero-panel{
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(20,184,166,.06));
  border-color:rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
[data-dark] .tools-hero-mini{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.1);
  box-shadow:0 16px 32px rgba(0,0,0,.18);
}
[data-dark] .tools-hero-mini strong,
[data-dark] .tools-hero-title{
  color:#f8fbff;
}
[data-dark] .tools-hero-mini small{
  color:rgba(226,238,255,.68);
}
[data-dark] .tools-page .tool-icon{
  background:linear-gradient(135deg,rgba(127,153,255,.18),rgba(20,184,166,.12));
  color:#9eb2ff;
}
@media(max-width:940px){
  .tools-hero-grid{
    grid-template-columns:1fr;
    padding:1.35rem;
  }
  .tools-hero-title{
    font-size:clamp(2.35rem,8.6vw,4rem);
  }
}
@media(max-width:560px){
  .tools-page .tools-page-hero{
    padding-top:.35rem;
  }
  .tools-hero-grid{
    padding:1rem;
    border-radius:18px;
  }
  .tools-hero-title{
    font-size:clamp(2.28rem,11.2vw,3.35rem);
    line-height:1;
  }
  .tools-hero-panel{
    grid-template-columns:1fr;
    padding:.62rem;
    gap:.55rem;
  }
  .tools-hero-mini{
    min-height:auto;
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    padding:.78rem;
    gap:.22rem .72rem;
  }
  .tools-hero-mini span{
    grid-row:1/3;
    width:40px;
    height:40px;
  }
  .tools-page .suite-toolbar-card{
    margin-top:.85rem;
  }
}

/* SEO Studio */
.seo-studio-page{background:#f4f7fb}.seo-app{padding:1.15rem 0 5rem}.seo-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:1.45rem 0}.seo-head>div:first-child{max-width:760px}.seo-eyebrow,.step{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#3156d9}.seo-head h1{font-family:var(--fd);font-size:clamp(2.1rem,4vw,3.65rem);line-height:1;letter-spacing:0;margin:.45rem 0 .7rem;color:var(--ink)}.seo-head p{color:var(--i3);line-height:1.65;max-width:700px}.seo-head-actions,.seo-suggest-row,.seo-import-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.seo-btn{min-height:42px;border:1px solid #d8dfeb;border-radius:10px;padding:.7rem 1rem;background:#fff;color:#162238;font:700 .84rem var(--fb);cursor:pointer}.seo-btn.primary{background:#3156d9;color:#fff;border-color:#3156d9;box-shadow:0 10px 24px rgba(49,86,217,.2)}.seo-btn.full{width:100%;margin-top:.7rem}.seo-setup{position:sticky;top:72px;z-index:20;display:grid;grid-template-columns:minmax(220px,1.7fr) 1fr 1fr 110px;gap:.75rem;padding:1rem;background:rgba(255,255,255,.96);border:1px solid #dfe5ef;border-radius:14px;box-shadow:0 12px 28px rgba(24,36,60,.08);backdrop-filter:blur(14px)}.seo-setup label,.seo-field-grid label{display:flex;flex-direction:column;gap:.38rem}.seo-setup label span,.seo-field-grid label>span{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#718096}.seo-setup input,.seo-setup select,.seo-field-grid input,.seo-field-grid textarea,.seo-panel select,.seo-panel textarea{width:100%;border:1px solid #dce3ee;border-radius:9px;background:#fff;color:#162238;padding:.72rem .8rem;font:500 .86rem var(--fb);outline:none}.seo-setup input:focus,.seo-field-grid input:focus,.seo-panel textarea:focus{border-color:#3156d9;box-shadow:0 0 0 3px rgba(49,86,217,.1)}.seo-live-score{display:flex;align-items:baseline;justify-content:center;gap:3px;border-left:1px solid #e2e7ef}.seo-live-score span{display:none}.seo-live-score strong{font:900 2rem var(--fd);color:#3156d9}.seo-live-score small{color:#718096}.seo-tabbar{display:flex;gap:.3rem;overflow-x:auto;padding:.8rem 0 .65rem;scrollbar-width:none}.seo-tabbar button,.seo-segment button{white-space:nowrap;border:0;border-radius:8px;padding:.65rem .85rem;background:transparent;color:#657187;font:700 .79rem var(--fb);cursor:pointer}.seo-tabbar button.on,.seo-segment button.on{background:#e8edff;color:#294bc4}.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}.seo-main{display:flex;flex-direction:column;gap:1rem}.seo-panel{background:#fff;border:1px solid #dfe5ef;border-radius:14px;padding:1rem;box-shadow:0 8px 22px rgba(28,41,64,.045)}.seo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.seo-panel-head h2{font:800 1.15rem var(--fd);letter-spacing:0;color:#142039;margin:.15rem 0 0}.seo-panel-head.compact{margin-bottom:.7rem}.seo-panel-head.compact h2{font-size:1rem}.seo-panel-head.compact span,.context-note{font-size:.7rem;color:#8893a6}.seo-segment{display:flex;padding:3px;border:1px solid #dfe5ef;border-radius:9px;background:#f7f9fc}.seo-import-row{justify-content:space-between;margin-bottom:.7rem}.seo-import-row span{font-size:.72rem;color:#7a879a}.seo-editor-panel #seo-content{min-height:430px;resize:vertical;border-radius:10px;padding:1.1rem;font-size:1rem;line-height:1.75}.seo-editor-foot{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.65rem;color:#738096;font-size:.75rem}.text-action{border:0;background:none;color:#3156d9;font-weight:700;cursor:pointer}.seo-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.seo-field-grid .wide{grid-column:1/-1}.seo-field-grid small{color:#7d899b;font-size:.68rem}.seo-suggest-row{margin-top:.9rem}.seo-suggestions{display:grid;gap:.45rem;margin-top:.75rem}.seo-suggestions button,.question-copy{border:1px solid #dce3ee;border-radius:8px;background:#f8faff;padding:.7rem;text-align:left;color:#24324a;cursor:pointer}.seo-inspector{position:sticky;top:172px;display:flex;flex-direction:column;gap:1rem}.score-card{display:flex;align-items:center;gap:1rem}.score-ring{--score:0deg;width:96px;height:96px;flex:0 0 96px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#3156d9 var(--score),#e8edf5 0);position:relative}.score-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.score-ring strong,.score-ring span{position:relative}.score-ring strong{font:900 2rem var(--fd);line-height:1}.score-ring span{font-size:.65rem;color:#7d899b}.score-card h2{font:800 1rem var(--fd)}.score-card p{font-size:.76rem;color:#738096;line-height:1.45;margin:.3rem 0}.score-explain{border:0;background:none;padding:0;color:#3156d9;font-weight:700;font-size:.72rem;cursor:pointer}.seo-breakdown{display:grid;gap:.6rem}.seo-breakdown>div{display:grid;grid-template-columns:1fr 90px 30px;gap:.55rem;align-items:center;font-size:.72rem;color:#566277}.seo-breakdown small{color:#98a2b3}.seo-breakdown i{height:6px;background:#e9edf4;border-radius:9px;overflow:hidden}.seo-breakdown b{display:block;height:100%;background:linear-gradient(90deg,#3156d9,#10b981)}.seo-breakdown strong{text-align:right;color:#17243a}.seo-issues{display:grid;gap:.55rem}.seo-issue{display:grid;grid-template-columns:auto 1fr;gap:.6rem;padding:.7rem;border:1px solid #e2e7ef;border-radius:9px}.seo-issue>span{height:20px;padding:0 .4rem;border-radius:5px;font-size:.58rem;font-weight:800;text-transform:uppercase;line-height:20px}.seo-issue.high>span{background:#fee2e2;color:#b42318}.seo-issue.medium>span{background:#fff0cc;color:#9a6700}.seo-issue.low>span{background:#e8edff;color:#3156d9}.seo-issue strong{display:block;font-size:.78rem}.seo-issue p,.seo-issue small{display:block;font-size:.68rem;color:#748096;line-height:1.4;margin:.18rem 0}.seo-issue button{border:0;background:none;color:#7b8798;padding:0;font-size:.63rem;cursor:pointer}.seo-empty{padding:1.25rem;text-align:center;color:#8590a2;font-size:.78rem}.seo-empty.large{display:grid;gap:.4rem;padding:3rem 1rem}.seo-privacy{padding:1rem;border:1px solid #cceee3;border-radius:12px;background:#ecfdf7;color:#08785c}.seo-privacy strong,.seo-privacy span{display:block}.seo-privacy span{font-size:.72rem;line-height:1.5;margin-top:.25rem}.seo-metric-grid,.keyword-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem}.seo-metric-grid>div,.keyword-summary>div{padding:1rem;border:1px solid #e1e7ef;border-radius:10px;background:#f8fafc}.seo-metric-grid strong,.keyword-summary strong{display:block;font:800 1.35rem var(--fd);color:#152139}.seo-metric-grid span,.keyword-summary span{font-size:.65rem;color:#7b8798}.seo-two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}.seo-sub{padding:1rem;border:1px solid #e1e7ef;border-radius:10px;margin-top:.8rem}.seo-sub h3{font:800 .95rem var(--fd);margin-bottom:.5rem}.seo-sub p,.seo-note{font-size:.78rem;color:#68758a;line-height:1.6}.term-chip{display:inline-flex;padding:.3rem .5rem;border-radius:6px;background:#eef2ff;color:#3156d9;font-size:.7rem;font-weight:700;margin:.15rem}.seo-table{width:100%;border-collapse:collapse;margin-top:.8rem;font-size:.76rem}.seo-table th,.seo-table td{text-align:left;padding:.7rem;border-bottom:1px solid #e4e9f0}.seo-table th{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:#7c889b}.status{display:inline-flex;border-radius:5px;padding:.2rem .45rem;font-size:.65rem;font-weight:800}.status.pass{background:#dcfce7;color:#08785c}.status.warn{background:#fff0cc;color:#9a6700}.serp-wrap{padding:1.2rem;background:#f4f6f9;border-radius:11px}.serp-wrap.mobile .serp-result{max-width:390px}.serp-result{max-width:650px;padding:1rem;background:#fff;border-radius:10px}.serp-site{font-size:.75rem;color:#3c4043}.serp-site span{display:block;color:#202124;margin-top:.2rem}.serp-result h3{color:#1a0dab;font:400 1.25rem Arial;margin:.45rem 0}.serp-result p{font:400 .85rem/1.5 Arial;color:#4d5156}.outline div{padding:.4rem;padding-left:calc(var(--level)*.7rem);border-bottom:1px solid #edf0f4;font-size:.78rem}.outline b{color:#3156d9;margin-right:.5rem}.question-copy{display:block;width:100%;margin:.35rem 0}.code-output{font-family:var(--fm)!important;font-size:.75rem!important;background:#101827!important;color:#d7e3ff!important}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.export-grid button,.project-list button{padding:1rem;border:1px solid #dfe5ee;border-radius:10px;background:#f9fbfd;text-align:left;cursor:pointer}.export-grid strong,.export-grid span,.project-list strong,.project-list span{display:block}.export-grid span,.project-list span{font-size:.68rem;color:#778397;margin-top:.25rem}.project-list{display:grid;gap:.4rem}.project-list button{width:100%;display:flex;justify-content:space-between}.seo-mobile-nav{display:none}.seo-modal{width:min(640px,calc(100% - 2rem));border:0;border-radius:14px;padding:1.4rem;box-shadow:0 30px 80px rgba(0,0,0,.3)}.seo-modal::backdrop{background:rgba(9,17,31,.58)}.seo-modal-close{float:right;border:0;background:#eef2f7;border-radius:50%;width:32px;height:32px;font-size:1.3rem}.seo-modal h2{font:800 1.5rem var(--fd);margin-bottom:.5rem}.seo-modal p{color:#677489;line-height:1.6}
[data-dark] .seo-studio-page{background:#081524}[data-dark] .seo-panel,[data-dark] .seo-setup,[data-dark] .serp-result{background:#0f2034;border-color:#263b52;color:#eaf1fb}[data-dark] .seo-head h1,[data-dark] .seo-panel h2,[data-dark] .seo-panel h3,[data-dark] .seo-metric-grid strong,[data-dark] .keyword-summary strong{color:#f4f8ff}[data-dark] .seo-setup input,[data-dark] .seo-setup select,[data-dark] .seo-field-grid input,[data-dark] .seo-field-grid textarea,[data-dark] .seo-panel select{background:#0b1a2c;border-color:#2a3e55;color:#ecf4ff}[data-dark] .seo-segment,[data-dark] .seo-metric-grid>div,[data-dark] .keyword-summary>div,[data-dark] .seo-sub,[data-dark] .export-grid button,[data-dark] .project-list button{background:#0b1a2c;border-color:#283d54;color:#ecf4ff}[data-dark] .score-ring:before{background:#0f2034}[data-dark] .seo-tabbar button.on{background:#1c3151;color:#9cb1ff}[data-dark] .seo-table th,[data-dark] .seo-table td{border-color:#263b52}[data-dark] .serp-wrap{background:#081524}
@media(max-width:980px){.seo-layout{grid-template-columns:1fr}.seo-inspector{position:static;display:grid;grid-template-columns:1fr 1fr}.seo-inspector .seo-privacy{grid-column:1/-1}.seo-setup{top:68px;grid-template-columns:2fr 1fr 1fr 90px}.seo-head{align-items:start;flex-direction:column}.seo-head-actions{width:100%}}
@media(max-width:680px){.seo-app{padding-top:.2rem;padding-bottom:5rem}.seo-head{padding:1rem}.seo-head h1{font-size:2.35rem}.seo-head-actions .seo-btn{flex:1}.seo-setup{position:static;margin:0 .7rem;width:auto;grid-template-columns:1fr 1fr}.seo-setup label:first-child{grid-column:1/-1}.seo-live-score{border:0}.seo-tabbar{padding:.7rem}.seo-layout{padding:0 .7rem}.seo-tabbar button:nth-child(n+6){display:none}.seo-panel{padding:.8rem;border-radius:11px}.seo-panel-head{align-items:flex-start;flex-direction:column}.seo-editor-panel #seo-content{min-height:52vh}.seo-field-grid,.seo-two{grid-template-columns:1fr}.seo-field-grid .wide{grid-column:auto}.seo-inspector{display:flex}.seo-metric-grid{grid-template-columns:repeat(2,1fr)}.keyword-summary{grid-template-columns:repeat(3,1fr)}.seo-table{display:block;overflow-x:auto}.export-grid{grid-template-columns:1fr 1fr}.seo-editor-foot{align-items:flex-start;flex-direction:column}.seo-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:60;background:#fff;border-top:1px solid #dce3ed;padding:.45rem}.seo-mobile-nav button{border:0;background:none;padding:.65rem .2rem;color:#748096;font-weight:700}.seo-mobile-nav button.on{color:#3156d9}[data-dark] .seo-mobile-nav{background:#0b1a2c;border-color:#283d54}.seo-head p{font-size:.9rem}.seo-import-row{align-items:flex-start;flex-direction:column}}
@media print{body.seo-print nav,body.seo-print footer,body.seo-print .seo-head-actions,body.seo-print .seo-setup,body.seo-print .seo-tabbar,body.seo-print .seo-main,body.seo-print .seo-mobile-nav{display:none!important}body.seo-print .seo-layout{display:block}body.seo-print .seo-inspector{display:block;position:static}body.seo-print .seo-panel{break-inside:avoid;box-shadow:none;margin-bottom:12px}}

/* Passport Photo Studio */
.passport-studio-page{background:#f3f7fb}.pp-hero{padding:1.25rem 0}.pp-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:1rem;align-items:stretch;padding:1.5rem;border:1px solid #dce5ee;border-radius:22px;background:linear-gradient(135deg,#fff 55%,#eefaf7);box-shadow:0 16px 38px rgba(20,34,55,.07)}.pp-hero h1{font:900 clamp(2.5rem,5vw,4.6rem)/.95 var(--fd);letter-spacing:0;color:var(--ink);margin:.65rem 0}.pp-hero p{max-width:750px;color:var(--i3);line-height:1.65}.pp-hero-actions{display:flex;gap:.6rem;margin:1rem 0;flex-wrap:wrap}.pp-hero-actions label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pp-trust-panel{display:flex;flex-direction:column;justify-content:center;padding:1.25rem;border-radius:16px;background:#0d2036;color:#fff}.pp-trust-panel strong{font:800 1.3rem var(--fd)}.pp-trust-panel p{color:#b9c7d9;font-size:.82rem}.pp-trust-panel div{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}.pp-trust-panel span{padding:.35rem .55rem;border:1px solid #36506b;border-radius:7px;font-size:.65rem;color:#d9e4ef}.pp-appbar{position:sticky;top:74px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border:1px solid #dce4ed;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 12px 28px rgba(15,31,52,.08);backdrop-filter:blur(14px)}.pp-appbar>div{display:flex;align-items:center;gap:.55rem}.pp-appbar strong,.pp-appbar span{display:block}.pp-appbar>div:first-child span{font-size:.7rem;color:#758195}.pp-status-pill,.pp-private-pill{padding:.32rem .55rem;border-radius:7px;background:#fff3d6;color:#916000;font-size:.65rem;font-weight:800}.pp-status-pill.good,.pp-private-pill{background:#e2f8ef;color:#087a5e}.pp-flow-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;padding:.7rem 0}.pp-flow-nav button{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;border:0;border-radius:9px;background:transparent;color:#66748a;font-weight:800;cursor:pointer}.pp-flow-nav button span{display:grid;place-content:center;width:22px;height:22px;border-radius:50%;background:#e9edf3;font-size:.62rem}.pp-flow-nav button.on{background:#e9efff;color:#3156d9}.pp-safety-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1rem}.pp-safety-modes button{min-height:76px;padding:.85rem;text-align:left;border:1px solid #dde5ef;border-radius:12px;background:#fff;color:#1c2a41;cursor:pointer}.pp-safety-modes button.on{border-color:#3156d9;box-shadow:0 0 0 3px rgba(49,86,217,.08)}.pp-safety-modes strong,.pp-safety-modes span{display:block}.pp-safety-modes span{font-size:.7rem;color:#7b8799;margin-top:.2rem}.passport-studio-page .pp-page{padding-top:0}.passport-studio-page .pp-workbench{grid-template-columns:minmax(420px,.78fr) minmax(440px,1fr);gap:1rem}.passport-studio-page .pp-page .panel{border-radius:15px}.pp-stage{scroll-margin-top:170px;padding:1rem 0;border-bottom:1px solid #e7ebf1}.pp-stage:last-child{border-bottom:0}.pp-stage-kicker{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:#3156d9}.pp-stage-kicker.warning{color:#a66a00}.pp-stage h2,.pp-check-card h2{font:800 1.25rem var(--fd);letter-spacing:0;color:var(--ink);margin:.25rem 0}.pp-stage>p{font-size:.76rem;color:#748095;line-height:1.5;margin-bottom:.7rem}.pp-upload-actions{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.pp-clear-photo{display:block;margin:.55rem auto 0;border:0;background:none;color:#68758a;text-decoration:underline;font-weight:700;cursor:pointer}.pp-background-stage[hidden]{display:none}.pp-bg-warning{padding:.85rem;border:1px solid #f0d38d;border-radius:10px;background:#fff8e7;color:#6f4a00;margin:.7rem 0}.pp-bg-warning p{font-size:.74rem;line-height:1.45;margin:.2rem 0 .55rem}.pp-bg-warning label{display:flex;align-items:flex-start;gap:.45rem;font-size:.72rem;font-weight:700}.pp-preview-panel{top:155px}.pp-preview-toolbar{display:flex;gap:.35rem;margin-bottom:.6rem}.pp-preview-toolbar button{border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:.45rem .65rem;color:#68758a;font-weight:800;cursor:pointer}.pp-preview-toolbar button.on{background:#e8eeff;color:#3156d9;border-color:#c7d3ff}.pp-check-card{margin-top:.8rem;padding:1rem;border:1px solid #dfe6ef;border-radius:12px;background:#f8fafc}.pp-check-head{display:flex;align-items:center;justify-content:space-between}.pp-check-head strong{font:900 1.6rem var(--fd);color:#3156d9}.pp-check-card>p{font-size:.7rem;color:#748095;line-height:1.45}.pp-readiness-list{display:grid;gap:.4rem;margin:.7rem 0}.pp-ready-row{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;padding:.65rem;border-radius:9px;background:#fff;border:1px solid #e4e9f0}.pp-ready-icon{display:grid;place-content:center;width:24px;height:24px;border-radius:50%;background:#edf1f6;color:#657188;font-weight:900}.pp-ready-row.pass .pp-ready-icon{background:#dcfce7;color:#08785c}.pp-ready-row.warn .pp-ready-icon{background:#fff0cc;color:#9a6700}.pp-ready-row strong,.pp-ready-row small{display:block}.pp-ready-row strong{font-size:.74rem}.pp-ready-row small{font-size:.62rem;color:#778397;margin-top:.15rem}.pp-ready-row b{font-size:.62rem;color:#677489}.pp-check-card details{margin:.6rem 0}.pp-check-card summary{cursor:pointer;font-weight:800;font-size:.75rem}.pp-requirement-dialog{width:min(640px,calc(100% - 2rem));border:0;border-radius:16px;padding:1.4rem;box-shadow:0 30px 90px rgba(0,0,0,.3)}.pp-requirement-dialog::backdrop{background:rgba(7,18,32,.58)}.pp-requirement-dialog form>button{float:right;width:34px;height:34px;border:0;border-radius:50%;font-size:1.3rem}.pp-req-modal h2{font:900 1.6rem var(--fd);margin:.6rem 0}.pp-req-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.pp-req-grid div{padding:.8rem;border:1px solid #e0e6ee;border-radius:9px}.pp-req-grid span,.pp-req-grid strong{display:block}.pp-req-grid span{font-size:.62rem;text-transform:uppercase;color:#7a8799}.pp-req-warning{margin:.8rem 0;padding:.75rem;border-radius:9px;background:#fff3d6;color:#775000;font-size:.75rem}.pp-req-modal p{font-size:.78rem;color:#69768a;line-height:1.55}.passport-studio-page .pp-sheet-dialog{border-radius:16px}.passport-studio-page .pp-export-actions .btn{background:#3156d9;border-color:#3156d9;color:#fff}.passport-studio-page .pp-export-actions .btn:last-child{background:#0aa77e;border-color:#0aa77e}.passport-studio-page input:focus-visible,.passport-studio-page select:focus-visible,.passport-studio-page button:focus-visible{outline:3px solid rgba(49,86,217,.25);outline-offset:2px}
[data-dark] .passport-studio-page{background:#071423}[data-dark] .pp-hero-grid,[data-dark] .pp-appbar,[data-dark] .pp-safety-modes button,[data-dark] .pp-ready-row,[data-dark] .pp-preview-toolbar button{background:#0e2034;border-color:#293e54;color:#edf5ff}[data-dark] .pp-hero h1,[data-dark] .pp-stage h2,[data-dark] .pp-check-card h2{color:#f4f8ff}[data-dark] .pp-check-card{background:#091a2c;border-color:#293e54}[data-dark] .pp-bg-warning{background:#32270d;border-color:#5f4c1f;color:#ffe8a8}[data-dark] .pp-flow-nav button.on{background:#1b3150;color:#9db2ff}[data-dark] .pp-safety-modes button.on{border-color:#7893ff}
@media(max-width:980px){.pp-hero-grid{grid-template-columns:1fr}.passport-studio-page .pp-workbench{grid-template-columns:1fr}.passport-studio-page .pp-preview-panel{position:static;order:-1}.pp-appbar{top:68px}.pp-safety-modes{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){.pp-hero{padding:.45rem 0}.pp-hero-grid{padding:1rem;border-radius:16px}.pp-hero h1{font-size:2.55rem}.pp-hero-actions{display:grid;grid-template-columns:1fr}.pp-hero-actions .btn{width:100%}.pp-trust-panel{padding:1rem}.pp-page{padding-left:.65rem;padding-right:.65rem}.pp-appbar{position:static}.pp-appbar>div:first-child{min-width:0}.pp-appbar>div:first-child strong{font-size:.78rem}.pp-appbar>div:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px}.pp-appbar .pp-private-pill{display:none}.pp-appbar .btn{padding:.55rem .7rem}.pp-flow-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;padding:.4rem;background:#fff;border-top:1px solid #dce4ed}.pp-flow-nav button{display:grid;gap:.15rem;font-size:.62rem}.pp-flow-nav button span{margin:auto}.pp-safety-modes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.pp-safety-modes button{min-width:78%;scroll-snap-align:start}.passport-studio-page .pp-preview-panel{order:-1}.passport-studio-page .pp-canvas-frame{min-height:320px}.pp-stage{scroll-margin-top:80px}.pp-req-grid{grid-template-columns:1fr}.pp-ready-row{grid-template-columns:auto 1fr}.pp-ready-row b{grid-column:2}.passport-studio-page{padding-bottom:65px}[data-dark] .pp-flow-nav{background:#0b1b2d;border-color:#293e54}}
@media(prefers-reduced-motion:reduce){.passport-studio-page *{scroll-behavior:auto!important;transition:none!important}}

/* Advanced PDF Editor */
.pdf-editor-page{background:#f3f6fa}.pdf-editor-app{padding:1.1rem 0 5rem}.pdf-editor-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:1rem;padding:1.4rem;border:1px solid #dce4ed;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(16,30,50,.06)}.pdf-editor-eyebrow,.pdf-step{font-size:.64rem;font-weight:900;letter-spacing:.12em;color:#3156d9}.pdf-editor-head h1{font:900 clamp(2.6rem,5vw,4.8rem)/.95 var(--fd);letter-spacing:0;color:var(--ink);margin:.55rem 0}.pdf-editor-head p{max-width:760px;color:var(--i3);line-height:1.6}.pdf-head-trust{padding:1.05rem;border-radius:13px;background:#0d2036;color:#fff}.pdf-head-trust strong{font:800 1.05rem var(--fd)}.pdf-head-trust p{color:#bdcada;font-size:.76rem;margin:.35rem 0 .8rem}.pdf-upload-card{display:grid;grid-template-columns:1fr 360px;gap:1rem;align-items:center;margin-top:1rem;padding:1rem 1.2rem;border:1px solid #dce4ed;border-radius:15px;background:linear-gradient(135deg,#fff,#f2fbf8)}.pdf-upload-card h2{font:800 1.3rem var(--fd);margin:.2rem 0}.pdf-upload-card p{font-size:.76rem;color:#748096}.pdf-upload-points{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.7rem}.pdf-upload-points span{padding:.3rem .5rem;border-radius:6px;background:#e9efff;color:#3156d9;font-size:.64rem;font-weight:800}.pdf-upload-card .drop-zone{min-height:120px;display:grid;place-content:center;gap:.5rem}.pdf-upload-card small{text-align:center;color:#7b8798}.pdf-editor-shell{margin-top:1rem;padding:1rem;border:1px solid #dbe3ec;border-radius:18px;background:#e9eef5}.pdf-editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border-radius:12px;background:#fff;border:1px solid #dce4ed}.pdf-file-state{display:flex;align-items:center;gap:.55rem;min-width:0}.pdf-ready-dot{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px #dcfce7}.pdf-file-state strong,.pdf-file-state small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-file-state small{max-width:430px;font-size:.66rem;color:#768397;margin-top:.1rem}.pdf-top-stats{display:flex;gap:.35rem}.pdf-top-stats span{padding:.4rem .55rem;border-radius:7px;background:#f3f6fa;font-size:.62rem;color:#748095}.pdf-top-stats strong{color:#17243a}.pdf-top-actions{display:flex;gap:.4rem}.pdf-icon-btn{width:38px;height:38px;border:1px solid #dbe2eb;border-radius:9px;background:#fff;cursor:pointer}.pdf-modebar{display:flex;gap:.3rem;overflow-x:auto;padding:.65rem 0;scrollbar-width:none}.pdf-modebar button{white-space:nowrap;min-height:40px;padding:.55rem .75rem;border:0;border-radius:8px;background:transparent;color:#667489;font-weight:800;cursor:pointer}.pdf-modebar button.on{background:#3156d9;color:#fff}.pdf-editor-grid{display:grid;grid-template-columns:190px minmax(380px,1fr) 330px;gap:.75rem;min-height:690px}.pdf-thumbs-panel,.pdf-preview-panel,.pdf-tool-panel{min-width:0;border:1px solid #dce4ed;border-radius:13px;background:#fff}.pdf-thumbs-panel{display:flex;flex-direction:column;overflow:hidden}.pdf-side-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #e2e7ef}.pdf-side-head strong,.pdf-side-head span{display:block}.pdf-side-head span{font-size:.62rem;color:#7a8799}.pdf-side-head button,.pdf-preview-toolbar button{border:1px solid #dce3eb;border-radius:7px;background:#fff;min-width:32px;min-height:32px;color:#3d4b62;cursor:pointer}.pdf-thumbnails{display:grid;gap:.55rem;padding:.65rem;overflow-y:auto}.pdf-thumb{position:relative;padding:.35rem;border:2px solid transparent;border-radius:9px;background:#edf1f6;cursor:pointer}.pdf-thumb.selected{border-color:#3156d9;background:#e8eeff}.pdf-thumb canvas{display:block;width:100%;height:auto;border-radius:4px;background:#fff}.pdf-thumb span{display:block;margin-top:.3rem;font-size:.62rem;font-weight:800;color:#536177}.pdf-empty-small{padding:2rem .5rem;text-align:center;color:#8390a3;font-size:.72rem}.pdf-preview-panel{display:flex;flex-direction:column;overflow:hidden}.pdf-preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.65rem;border-bottom:1px solid #e2e7ef}.pdf-preview-toolbar>div{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:#667489}.pdf-preview-stage{position:relative;display:flex;align-items:flex-start;justify-content:center;flex:1;overflow:auto;padding:1.1rem;background:#cfd7e2}.pdf-preview-empty{display:grid;place-content:center;text-align:center;gap:.25rem;min-height:520px;color:#617087}.pdf-preview-empty strong{font:800 1.15rem var(--fd)}#pdf-editor-canvas{display:none;max-width:none;box-shadow:0 14px 35px rgba(14,27,45,.18);background:#fff}.pdf-overlay-stamp{position:absolute;transform:translate(-50%,-50%);font-weight:900;pointer-events:none;text-shadow:0 1px 1px rgba(255,255,255,.5)}.pdf-preview-note{padding:.55rem .75rem;border-top:1px solid #dce4ed;background:#fff;color:#758196;font-size:.64rem}.pdf-tool-panel{padding:1rem;overflow-y:auto}.pdf-tool-panel h2{font:800 1.35rem var(--fd);letter-spacing:0;color:var(--ink);margin:.25rem 0}.pdf-tool-panel section>p{font-size:.74rem;line-height:1.5;color:#718096;margin-bottom:.7rem}.pdf-action-grid,.pdf-stamp-presets,.pdf-sign-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.pdf-action-grid button,.pdf-stamp-presets button,.pdf-sign-actions button{min-height:42px;padding:.55rem;border:1px solid #dce3ec;border-radius:8px;background:#f7f9fc;color:#243149;font-weight:800;cursor:pointer}.pdf-tool-panel details{margin-top:.8rem;border-top:1px solid #e2e7ef;padding-top:.8rem}.pdf-tool-panel summary{font-weight:800;font-size:.76rem;cursor:pointer}.pdf-tool-panel details small{display:block;color:#7c889b;font-size:.65rem;line-height:1.45;margin-top:.5rem}.pdf-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.7rem}.pdf-control-grid label{display:flex;flex-direction:column;gap:.3rem;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#728096}.pdf-control-grid label.wide{grid-column:1/-1}.pdf-control-grid input,.pdf-control-grid select{width:100%;min-height:42px;border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#17243a;padding:.6rem;font:500 .76rem var(--fb);text-transform:none;letter-spacing:0}.pdf-honesty,.pdf-warning{margin-top:.8rem;padding:.75rem;border-radius:9px;background:#eef3ff;color:#415473;font-size:.69rem;line-height:1.5}.pdf-warning{display:grid;gap:.2rem;background:#fff3d6;color:#795300}.pdf-warning strong,.pdf-warning span{display:block}.pdf-checklist{display:grid;gap:.4rem;margin:.8rem 0}.pdf-checklist span{padding:.6rem;border-radius:8px;background:#f5f7fa;color:#4e5c71;font-size:.72rem}.pdf-export-summary{display:grid;gap:.4rem;margin:.8rem 0}.pdf-export-summary div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem;border-bottom:1px solid #e6eaf0;font-size:.7rem}.pdf-export-summary span{color:#758195}.pdf-download-main{width:100%;min-height:48px}.pdf-trust-band{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.pdf-trust-band>div{padding:1rem;border:1px solid #dce4ed;border-radius:13px;background:#fff}.pdf-trust-band strong{font:800 1rem var(--fd)}.pdf-trust-band p{font-size:.72rem;color:#748095;line-height:1.5;margin-top:.25rem}.pdf-mobile-nav{display:none}.pdf-editor-page input:focus-visible,.pdf-editor-page button:focus-visible,.pdf-editor-page select:focus-visible{outline:3px solid rgba(49,86,217,.23);outline-offset:2px}
[data-dark] .pdf-editor-page{background:#071422}[data-dark] .pdf-editor-head,[data-dark] .pdf-upload-card,[data-dark] .pdf-editor-topbar,[data-dark] .pdf-thumbs-panel,[data-dark] .pdf-preview-panel,[data-dark] .pdf-tool-panel,[data-dark] .pdf-trust-band>div{background:#0e2034;border-color:#293e54;color:#edf5ff}[data-dark] .pdf-editor-head h1,[data-dark] .pdf-tool-panel h2{color:#f4f8ff}[data-dark] .pdf-editor-shell{background:#091827;border-color:#293e54}[data-dark] .pdf-modebar button.on{background:#6f88ff}[data-dark] .pdf-action-grid button,[data-dark] .pdf-stamp-presets button,[data-dark] .pdf-sign-actions button,[data-dark] .pdf-control-grid input,[data-dark] .pdf-control-grid select,[data-dark] .pdf-icon-btn,[data-dark] .pdf-preview-toolbar button{background:#0a1a2c;border-color:#2b4159;color:#eaf3ff}[data-dark] .pdf-preview-stage{background:#06111e}[data-dark] .pdf-preview-note{background:#0e2034;border-color:#293e54}
@media(max-width:1050px){.pdf-editor-grid{grid-template-columns:155px minmax(340px,1fr) 290px}.pdf-top-stats{display:none}}
@media(max-width:820px){.pdf-editor-head,.pdf-upload-card{grid-template-columns:1fr}.pdf-editor-grid{grid-template-columns:1fr;min-height:0}.pdf-preview-panel{order:-2;min-height:560px}.pdf-thumbs-panel{order:-1}.pdf-thumbnails{display:flex;overflow-x:auto;overflow-y:hidden}.pdf-thumb{min-width:92px}.pdf-tool-panel{min-height:360px}.pdf-side-head{position:sticky;left:0}.pdf-editor-topbar{flex-wrap:wrap}.pdf-file-state{flex:1}.pdf-modebar{display:none}.pdf-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;z-index:70;background:#fff;border-top:1px solid #dce4ed;padding:.4rem}.pdf-mobile-nav button{border:0;background:none;padding:.65rem .2rem;color:#738096;font-weight:800}.pdf-mobile-nav button.on{color:#3156d9}.pdf-editor-page{padding-bottom:65px}[data-dark] .pdf-mobile-nav{background:#0b1b2c;border-color:#293e54}}
@media(max-width:520px){.pdf-editor-app{padding-top:.35rem}.pdf-editor-head{padding:1rem;border-radius:14px}.pdf-editor-head h1{font-size:2.65rem}.pdf-upload-card{padding:.85rem}.pdf-editor-shell{padding:.55rem;border-radius:14px}.pdf-editor-topbar{padding:.6rem}.pdf-file-state small{max-width:210px}.pdf-top-actions .pdf-icon-btn{display:none}.pdf-preview-panel{min-height:470px}.pdf-preview-stage{padding:.55rem;min-height:390px}.pdf-preview-empty{min-height:360px}.pdf-control-grid{grid-template-columns:1fr}.pdf-control-grid label.wide{grid-column:auto}.pdf-trust-band{grid-template-columns:1fr}.pdf-editor-grid{gap:.55rem}.pdf-tool-panel{padding:.85rem}.pdf-upload-points{display:none}}
@media(prefers-reduced-motion:reduce){.pdf-editor-page *{transition:none!important;scroll-behavior:auto!important}}

/* Image Studio 2026 */
.image-studio-page{background:#f3f7fb}.image-studio-hero{padding:1.15rem 0}.image-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1rem;padding:1.45rem;border:1px solid #dce4ed;border-radius:20px;background:linear-gradient(135deg,#fff 55%,#eefbf7);box-shadow:0 15px 36px rgba(16,31,51,.065)}.image-studio-hero h1{font:900 clamp(2.7rem,5.5vw,5rem)/.92 var(--fd);letter-spacing:0;color:var(--ink);margin:.6rem 0}.image-studio-hero p{max-width:760px;color:var(--i3);line-height:1.6}.image-hero-actions{display:flex;gap:.55rem;margin:1rem 0}.image-hero-actions label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.image-hero-trust{display:flex;flex-direction:column;justify-content:center;padding:1.1rem;border-radius:14px;background:#0d2137;color:#fff}.image-hero-trust strong{font:800 1.25rem var(--fd)}.image-hero-trust p{font-size:.76rem;color:#bdcada;margin:.35rem 0}.image-hero-trust div{display:flex;gap:.35rem;flex-wrap:wrap}.image-hero-trust span{padding:.3rem .48rem;border:1px solid #36516d;border-radius:6px;color:#dce7f2;font-size:.62rem}.image-studio-appbar{position:sticky;top:72px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;padding:.7rem .8rem;border:1px solid #dce4ed;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 12px 28px rgba(15,30,51,.08);backdrop-filter:blur(14px)}.image-studio-appbar>div{display:flex;align-items:center;gap:.55rem}.image-studio-appbar>div:first-child strong,.image-studio-appbar>div:first-child span{display:block}.image-studio-appbar>div:first-child span{font-size:.68rem;color:#738095}.image-app-stats span{font-size:.68rem;color:#6f7d91}.image-app-stats b{color:#17243a}.image-local-pill{padding:.3rem .5rem;border-radius:6px;background:#def8ee;color:#08785c!important;font-weight:800}.image-drop-modal{border-radius:15px!important}.image-upload-more{display:flex;justify-content:center;gap:.35rem;margin-top:.45rem}.image-upload-more input{display:none}.image-upload-more label,.image-upload-more button{border:0;background:transparent;color:#3156d9;font:800 .66rem var(--fb);cursor:pointer;padding:.25rem}.image-studio-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:.8rem!important}.image-stage-panel,.image-queue-panel{border-radius:14px!important}.image-visual-workspace{padding:.8rem;margin-bottom:.8rem;border:1px solid #dfe6ef;border-radius:12px;background:#f7f9fc}.image-visual-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.image-visual-head h2{font:800 1.15rem var(--fd);margin:.15rem 0}.image-preview-switch{display:flex;padding:3px;border:1px solid #dce3ed;border-radius:8px;background:#fff}.image-preview-switch button{border:0;border-radius:6px;background:transparent;padding:.42rem .6rem;color:#6d7a8e;font-weight:800;cursor:pointer}.image-preview-switch button.on{background:#e8eeff;color:#3156d9}.image-main-preview{display:flex;align-items:flex-start;justify-content:flex-start;min-height:360px;max-height:570px;overflow:auto;border-radius:10px;background:repeating-conic-gradient(#eef1f5 0 25%,#fff 0 50%) 50%/18px 18px}.image-main-preview canvas{display:none;max-width:100%;max-height:550px;object-fit:contain;margin:0}.image-preview-empty{display:grid;place-content:center;text-align:center;gap:.25rem;min-height:350px;color:#667489}.image-preview-empty strong{font:800 1.1rem var(--fd)}.image-preview-empty span{font-size:.72rem}.image-preview-info{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.6rem}.image-preview-info span{padding:.55rem;border-radius:8px;background:#fff;color:#7a8799;font-size:.6rem}.image-preview-info strong{display:block;color:#1d2a41;font-size:.72rem;margin-top:.12rem}.image-workflow-nav{display:flex;gap:.3rem;overflow-x:auto;padding:.15rem 0 .7rem;scrollbar-width:none}.image-workflow-nav button{white-space:nowrap;min-height:38px;padding:.5rem .65rem;border:1px solid #dce3ed;border-radius:8px;background:#fff;color:#5f6d82;font-weight:800;cursor:pointer}.image-workflow-nav button.on{background:#3156d9;border-color:#3156d9;color:#fff}.image-studio-page .image-action-grid{display:flex!important;gap:.45rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.image-studio-page .image-action-grid .pdf-action-card{min-width:155px;min-height:105px}.image-studio-page .image-settings-card{border-radius:12px;background:#f8fafc}.image-queue-tools{display:flex;gap:.3rem;margin-bottom:.55rem;overflow-x:auto}.image-queue-tools button{white-space:nowrap;padding:.4rem .5rem;border:1px solid #dce3ed;border-radius:7px;background:#fff;color:#637086;font-weight:800;font-size:.62rem;cursor:pointer}.image-mobile-nav{display:none}.image-studio-page input:focus-visible,.image-studio-page select:focus-visible,.image-studio-page button:focus-visible{outline:3px solid rgba(49,86,217,.24);outline-offset:2px}
[data-dark] .image-studio-page{background:#071422}[data-dark] .image-hero-grid,[data-dark] .image-studio-appbar,[data-dark] .image-visual-workspace,[data-dark] .image-preview-info span,[data-dark] .image-workflow-nav button,[data-dark] .image-queue-tools button{background:#0e2034;border-color:#293e54;color:#edf5ff}[data-dark] .image-studio-hero h1,[data-dark] .image-visual-head h2,[data-dark] .image-preview-info strong,[data-dark] .image-app-stats b{color:#f4f8ff}[data-dark] .image-main-preview{background:repeating-conic-gradient(#13263b 0 25%,#0a1828 0 50%) 50%/18px 18px}[data-dark] .image-workflow-nav button.on{background:#6f88ff;border-color:#6f88ff}
@media(max-width:980px){.image-hero-grid{grid-template-columns:1fr}.image-studio-grid{grid-template-columns:1fr!important}.image-queue-panel{order:-1}.image-studio-appbar{top:68px}.image-main-preview{min-height:420px}}
@media(max-width:980px){.image-studio-page .batch-row{grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto auto;align-items:start}.image-studio-page .batch-row>canvas.image-queue-thumb{grid-column:1;grid-row:1/span 2}.image-studio-page .batch-row>div:first-of-type{grid-column:2;grid-row:1}.image-studio-page .batch-actions{grid-column:2!important;grid-row:2!important;justify-content:flex-start!important;flex-wrap:wrap!important;align-items:center!important;margin-top:.18rem}.image-studio-page .batch-actions .batch-drag-handle{order:2}}
@media(max-width:640px){.image-studio-hero{padding:.45rem 0}.image-hero-grid{padding:1rem;border-radius:15px}.image-studio-hero h1{font-size:2.8rem}.image-hero-actions{display:grid;grid-template-columns:1fr}.image-hero-actions .btn{width:100%}.image-studio-shell{padding-left:.65rem!important;padding-right:.65rem!important}.image-studio-appbar{position:static}.image-studio-appbar>div:first-child span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-app-stats>span:not(.image-local-pill){display:none}.image-studio-appbar .btn{padding:.55rem .7rem}.image-drop-modal{grid-template-columns:1fr!important}.image-main-preview{min-height:330px}.image-preview-info{grid-template-columns:1fr 1fr}.image-studio-page .image-action-grid .pdf-action-card{min-width:135px}.image-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;z-index:70;background:#fff;border-top:1px solid #dce4ed;padding:.4rem}.image-mobile-nav button{border:0;background:none;padding:.65rem .15rem;color:#748095;font-weight:800;font-size:.66rem}.image-mobile-nav button.on{color:#3156d9}.image-studio-page{padding-bottom:65px}.image-visual-head{align-items:flex-start;flex-direction:column}.image-main-preview canvas{max-height:420px}[data-dark] .image-mobile-nav{background:#0b1b2c;border-color:#293e54}}
@media(prefers-reduced-motion:reduce){.image-studio-page *{transition:none!important;scroll-behavior:auto!important}}
.image-preview-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.image-zoom-toolbar{display:flex;align-items:center;gap:.22rem;padding:.2rem;border:1px solid var(--bd);border-radius:10px;background:var(--s1)}.image-zoom-toolbar button{display:grid;place-items:center;min-width:32px;height:32px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--ink);font-weight:900;cursor:pointer}.image-zoom-toolbar button:hover{background:var(--brl);color:var(--br)}.image-zoom-toolbar output{min-width:44px;color:var(--i3);font:800 .68rem var(--fm);text-align:center}.image-zoom-toolbar input{width:92px}.image-main-preview{overscroll-behavior:contain;scroll-behavior:smooth}.image-main-preview canvas{transition:transform .16s ease;transform-origin:top left;touch-action:none}.image-processing-visual{position:relative;display:grid;place-items:center;width:62px;height:62px;margin-bottom:.65rem}.image-processing-visual .image-processing-spinner{position:absolute;inset:0;margin:0}.image-processing-visual strong{position:relative;font:850 .8rem var(--fm)!important}.image-processing-track i{width:0;animation:none!important;transition:width .3s ease}.image-processing-actions{display:flex;gap:.5rem;width:100%;margin-top:1rem}.image-processing-actions .btn{flex:1}.image-processing-modal.is-complete .image-processing-spinner{border-color:#b9f1df;border-top-color:#13b98a;animation:none}.image-processing-modal.is-complete .image-processing-card{box-shadow:0 30px 100px rgba(15,185,138,.25)}.image-mode-panel[data-image-panel="adjust"] .tool-preview-box{margin-top:.8rem}.image-mode-panel[data-image-panel="adjust"] canvas,.watermark-preview-box canvas,#crop-result{cursor:grab}.image-mode-panel[data-image-panel="adjust"] canvas:active,.watermark-preview-box canvas:active,#crop-result:active{cursor:grabbing}.image-preset-row>span{align-self:center;color:var(--i4);font-size:.64rem}.image-studio-page .image-action-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.image-studio-page .studio-range-field b{font-family:var(--fm);color:#3156d9}.image-settings-card .tool-preview-box{overflow:hidden}.image-settings-card .stage-canvas{max-height:480px}
[data-dark] .image-preview-switch{background:#0b1a2c;border-color:#2a3e55}[data-dark] .image-preview-switch button{color:#b8c6d8}[data-dark] .image-preview-switch button.on{background:#1c3151;color:#aebcff}
@media(max-width:1100px){.image-studio-page .image-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.image-studio-page,.image-studio-page *{box-sizing:border-box}.image-studio-page{max-width:100%;overflow-x:hidden}.image-studio-page .image-hero-grid{width:calc(100% - 1rem)!important;max-width:calc(100% - 1rem)!important;margin-inline:auto;padding:1rem!important}.image-studio-page .image-action-grid{width:100%;max-width:100%;overscroll-behavior-inline:contain}.image-preview-actions{width:100%;justify-content:space-between}.image-preview-zoom{flex:1}.image-preview-zoom input{width:100%}.image-studio-page .pdf-modern-controls{grid-template-columns:1fr!important}.image-settings-card .stage-canvas{max-height:360px}.image-mode-panel .image-preset-row{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.image-mode-panel .image-preset-row>*{flex:0 0 auto}.image-preview-pair{grid-template-columns:1fr!important}}
.image-studio-page .batch-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:.5rem}.image-queue-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#edf1f6}.image-studio-page .batch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-studio-page .batch-meta{font-size:.6rem}.image-studio-page .batch-actions{display:flex;gap:.2rem;flex-wrap:wrap;justify-content:flex-end}
.image-upload-more{position:relative;z-index:3}.wm-logo-field input{padding:.45rem!important;font-size:.65rem!important}

/* Image Studio batch workflow refinement */
.image-studio-page .image-hero-grid{background:linear-gradient(135deg,#fff 55%,#f1fbf8)!important}
.image-studio-page .image-hero-trust{position:relative;background:#fff!important;color:var(--ink)!important;border:1px solid #dce4ed;box-shadow:0 12px 30px rgba(16,31,51,.06)}
.image-studio-page .image-hero-trust strong{color:var(--ink)}
.image-studio-page .image-hero-trust p{color:var(--i3)}
.image-studio-page .image-hero-trust span{color:var(--i2);border-color:#dce4ed;background:#f6f8fb}
.image-studio-page .image-hero-trust .image-trust-mark{align-self:flex-start;margin-bottom:.6rem;border:0;background:#daf8ee;color:#08785c;font:900 .62rem var(--fm);letter-spacing:.12em}
.image-operation-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:.9rem 0 .6rem}.image-operation-head h2{margin:.15rem 0 0;color:var(--ink);font:850 1.25rem var(--fd)}.image-operation-head>span{max-width:340px;color:var(--i4);font-size:.66rem;text-align:right}
.image-studio-page .image-action-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;overflow:visible;padding:0 0 .85rem}
.image-studio-page .image-action-grid .pdf-action-card{min-width:0;min-height:112px;padding:.72rem;border-radius:12px;background:#fff;border:1px solid #dce4ed;box-shadow:none;transition:transform .15s,border-color .15s,box-shadow .15s}
.image-studio-page .image-action-grid .pdf-action-card:hover{transform:translateY(-2px);border-color:#afbef1;box-shadow:0 10px 24px rgba(22,39,67,.08)}
.image-studio-page .image-action-grid .pdf-action-card.on{background:linear-gradient(145deg,#eef2ff,#f0fbf8);border-color:#5574ea;box-shadow:0 0 0 2px rgba(85,116,234,.08)}
.image-studio-page .image-action-grid .pdf-action-card span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#edf1f7;color:#718099;font-size:.6rem}.image-studio-page .image-action-grid .pdf-action-card.on span{background:#4569ee;color:#fff}
.image-studio-page .image-action-grid .pdf-action-card strong{margin-top:.52rem;font-size:.82rem}.image-studio-page .image-action-grid .pdf-action-card small{margin-top:.18rem;color:#758297;font-size:.58rem;line-height:1.35}
.image-studio-page .image-workflow-nav{position:sticky;top:130px;z-index:10;margin:-.1rem 0 .65rem;padding:.4rem;border:1px solid #dce4ed;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(15,30,51,.06);backdrop-filter:blur(12px)}
.image-studio-page .image-workflow-nav button{flex:1;min-width:max-content;border:0;background:transparent}
.image-studio-page .image-workflow-nav select{min-height:38px;padding:.45rem 1.8rem .45rem .6rem;border:0;border-left:1px solid #dce3ed;background:#fff;color:#5f6d82;font-weight:800;cursor:pointer}
.image-studio-page .image-settings-card{margin-top:0!important}
.image-studio-page .image-process-note{align-self:center;max-width:430px;color:var(--i3);font-size:.7rem;line-height:1.45}
.image-studio-page .pdf-process-row{position:sticky;bottom:.7rem;z-index:12;display:flex;align-items:center;gap:.75rem;padding:.6rem;border:1px solid #dce4ed;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 14px 35px rgba(15,30,51,.12);backdrop-filter:blur(12px)}
.image-studio-page #image-studio-run{min-width:210px}
.image-queue-tip{margin:-.1rem 0 .5rem;color:var(--i4);font-size:.62rem;font-weight:750}
.image-studio-queue .batch-list{display:grid;gap:.35rem;max-height:620px;overflow:auto;padding-right:.15rem;scrollbar-width:thin}
.image-studio-page .batch-row{position:relative;grid-template-columns:52px minmax(0,1fr) auto!important;min-height:66px;padding:.38rem .42rem!important;border-radius:10px!important;background:#fff!important;cursor:grab;transition:border-color .15s,background .15s,transform .15s,opacity .15s,box-shadow .15s;align-items:start}
.image-studio-page .batch-row:hover{border-color:#aebef1!important;background:#f8faff!important;box-shadow:0 3px 10px rgba(22,39,67,.04)}
.image-studio-page .batch-row.is-selected{border-color:#4569ee!important;background:#eef2ff!important;box-shadow:0 0 0 1px rgba(69,105,238,.08)}
.image-studio-page .batch-row.is-dragging{opacity:.45;cursor:grabbing}
.image-studio-page .batch-row.is-drag-over{border-color:#14b98b!important;transform:translateY(2px)}
.image-studio-page .batch-row>div:first-of-type{min-width:0;overflow:hidden}
.image-studio-page .batch-actions{align-items:flex-start!important;flex-wrap:nowrap!important;justify-self:end;padding-top:.1rem;min-width:0}
.batch-drag-handle{color:#9ba7b8;font:900 1rem var(--fm);letter-spacing:-.2em;cursor:grab}
.batch-preview-btn{min-height:29px;padding:.28rem .48rem;border:1px solid #dce3ed;border-radius:7px;background:#fff;color:#3156d9;font-size:.58rem;font-weight:850;cursor:pointer}.batch-preview-btn:hover{background:#eaf0ff}
.batch-remove{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#7e8a9b;font-size:1.25rem;line-height:1;cursor:pointer}
.batch-remove:hover{background:#ffebee;color:#c53245}
.image-processing-modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:1rem;background:rgba(7,17,29,.58);backdrop-filter:blur(7px)}
.image-processing-modal.open{display:grid}
.image-processing-card{display:flex;flex-direction:column;align-items:center;width:min(390px,100%);padding:1.5rem;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28);text-align:center}
.image-processing-spinner{width:44px;height:44px;margin-bottom:.85rem;border:4px solid #dce5f5;border-top-color:#3f63f4;border-radius:50%;animation:image-spin .8s linear infinite}
.image-processing-card strong{color:var(--ink);font:850 1.2rem var(--fd)}
.image-processing-card span{margin-top:.3rem;color:var(--i3);font-size:.82rem}
.image-processing-track{width:100%;height:6px;margin:1rem 0 .65rem;overflow:hidden;border-radius:99px;background:#e8edf5}
.image-processing-track i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4569ee,#16c69a);animation:image-progress 1.15s ease-in-out infinite alternate}
.image-processing-card small{color:var(--i4)}
@keyframes image-spin{to{transform:rotate(360deg)}}@keyframes image-progress{from{transform:translateX(-70%)}to{transform:translateX(210%)}}
[data-dark] .image-studio-page .image-hero-grid,[data-dark] .image-studio-page .image-hero-trust,[data-dark] .image-studio-page .image-workflow-nav,[data-dark] .image-studio-page .pdf-process-row,[data-dark] .image-studio-page .batch-row,[data-dark] .image-processing-card{background:#0e2034!important;border-color:#293e54!important}
[data-dark] .image-studio-page .image-workflow-nav select{background:#0e2034;color:#edf5ff;border-color:#293e54}
[data-dark] .image-operation-head h2{color:#f4f8ff}[data-dark] .image-studio-page .image-action-grid .pdf-action-card{background:#0e2034;border-color:#293e54}[data-dark] .image-studio-page .image-action-grid .pdf-action-card.on{background:#142b43;border-color:#7189ff}[data-dark] .batch-preview-btn{background:#10263c;border-color:#2b4259;color:#aebcff}
[data-dark] .image-studio-page .image-hero-trust strong,[data-dark] .image-processing-card strong{color:#f4f8ff}
[data-dark] .image-studio-page .image-hero-trust p,[data-dark] .image-studio-page .image-hero-trust span,[data-dark] .image-process-note{color:#b8c7d8}
[data-dark] .image-studio-page .image-hero-trust span{background:#142a41;border-color:#2b4259}
[data-dark] .image-studio-page .batch-row:hover,[data-dark] .image-studio-page .batch-row.is-selected{background:#142b43!important}
@media(max-width:980px){.image-studio-page .image-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.image-studio-page .image-workflow-nav{position:static;padding:.3rem}.image-operation-head{align-items:flex-start;flex-direction:column}.image-operation-head>span{text-align:left}.image-studio-page .image-action-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}.image-studio-page .image-action-grid .pdf-action-card{min-width:145px;scroll-snap-align:start}.image-studio-page .pdf-process-row{bottom:64px;display:grid;grid-template-columns:1fr}.image-studio-page #image-studio-run{width:100%;min-width:0}.image-process-note{text-align:center}.image-studio-queue .batch-list{max-height:430px}.image-studio-page .image-hero-trust{padding:.9rem}.image-studio-page .image-main-preview{min-height:280px}.image-studio-page .image-preview-empty{min-height:270px}}
@media(max-width:640px){.image-studio-page,.image-studio-page .con,.image-studio-page .panel,.image-studio-page .image-studio-shell,.image-studio-page .image-studio-grid,.image-studio-page .image-drop-modal,.image-studio-page .image-stage-panel,.image-studio-page .image-queue-panel,.image-studio-page .image-visual-workspace,.image-studio-page .image-visual-head,.image-studio-page .image-preview-actions,.image-studio-page .image-zoom-toolbar,.image-studio-page .image-main-preview,.image-studio-page .image-preview-info,.image-studio-page .image-app-stats,.image-studio-page .image-studio-appbar,.image-studio-page .image-hero-grid,.image-studio-page .image-hero-grid>*,.image-studio-page .image-hero-actions,.image-studio-page .image-hero-trust,.image-studio-page .tool-pills{min-width:0;max-width:100%}.image-studio-page{overflow-x:hidden}.image-studio-page .image-studio-shell{padding-left:.7rem!important;padding-right:.7rem!important}.image-studio-page .image-hero-grid{width:100%!important}.image-studio-page .image-hero-grid>*,.image-studio-page .image-hero-actions>*{width:100%}.image-studio-page .tool-pills,.image-studio-page .image-hero-trust div{display:flex;flex-wrap:wrap!important;overflow:visible!important}.image-studio-page .tool-pill,.image-studio-page .image-hero-trust span{white-space:normal}.image-studio-page .image-studio-appbar{display:grid;grid-template-columns:1fr;align-items:start}.image-studio-page .image-app-stats{display:grid;grid-template-columns:1fr auto;gap:.45rem}.image-studio-page .image-app-stats .btn{grid-column:1/-1;width:100%}.image-studio-page .image-visual-head,.image-studio-page .image-preview-actions{display:grid;grid-template-columns:1fr;align-items:start}.image-studio-page .image-preview-switch{width:100%;justify-content:space-between}.image-studio-page .image-preview-switch button{flex:1}.image-studio-page .image-zoom-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;justify-items:stretch}.image-studio-page .image-zoom-toolbar button,.image-studio-page .image-zoom-toolbar output{width:100%}.image-studio-page .image-zoom-toolbar output{display:grid;place-items:center;padding:.45rem .35rem;border:1px solid var(--bd);border-radius:8px;background:var(--s1)}.image-studio-page .image-zoom-toolbar input{grid-column:1/-1;width:100%!important;max-width:100%}.image-studio-page .image-main-preview{min-height:260px!important;max-height:62vh;padding:8px}.image-studio-page .image-main-preview canvas{max-width:none!important}.image-studio-page .image-preview-info{grid-template-columns:1fr 1fr}.image-studio-page .pdf-drop-copy,.image-studio-page .image-preview-info span,.image-studio-page .batch-meta,.image-studio-page .image-mode-summary,.image-studio-page .helper-note,.image-studio-page .image-hero-trust p,.image-studio-page .image-studio-hero p{overflow-wrap:anywhere}.image-studio-page .pdf-action-grid,.image-studio-page .image-action-grid{max-width:100%}.image-studio-page .image-queue-tools{padding-bottom:.2rem}.image-studio-page .batch-row{grid-template-columns:52px minmax(0,1fr)!important}.image-studio-page .batch-actions{flex-wrap:wrap!important}}

/* Honest Image Studio conversion progress and format guidance */
.image-format-warning{margin:.7rem 0;padding:.7rem .8rem;border:1px solid #d7e2f2;border-radius:9px;background:#f4f7fd;color:#53637a;font-size:.72rem;line-height:1.5}
.image-file-status{display:inline-flex;margin-top:.22rem;padding:.16rem .38rem;border-radius:99px;background:#edf1f6;color:#68768a;font-size:.55rem;font-weight:850}.image-file-status.is-processing{background:#e8eeff;color:#3156d9}.image-file-status.is-complete{background:#def8ee;color:#08785c}.image-file-status.is-failed{background:#ffeaec;color:#b42335}
.image-processing-times{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.5rem;margin-bottom:.75rem}.image-processing-times span{display:block;padding:.55rem;border-radius:8px;background:#f5f7fb;color:#748095;font-size:.65rem}.image-processing-times strong{display:block;margin-top:.16rem;color:var(--ink);font:850 .78rem var(--fm)}
.image-processing-track.is-indeterminate i{width:35%!important;animation:image-progress 1.15s ease-in-out infinite alternate!important}.image-processing-actions [hidden]{display:none!important}
[data-dark] .image-format-warning,[data-dark] .image-processing-times span{background:#10263c;border-color:#2a4159;color:#b8c7d8}[data-dark] .image-processing-times strong{color:#f4f8ff}
@media(max-width:480px){.image-processing-card{padding:1.1rem}.image-processing-actions{display:grid;grid-template-columns:1fr 1fr}.image-processing-actions .btn{width:100%}}

/* Image Studio preview navigation and terminal progress states */
.image-main-preview{display:block;position:relative;padding:12px;scrollbar-gutter:stable;touch-action:none}.image-main-preview:focus-visible{outline:3px solid rgba(49,86,217,.3);outline-offset:2px}.image-main-preview canvas{display:none;max-width:none!important;max-height:none!important;margin:auto;transform:none!important;transform-origin:top left;will-change:width,height}.image-zoom-toolbar{max-width:100%;flex-wrap:wrap}.image-zoom-toolbar button{padding:0 .48rem;white-space:nowrap}.image-zoom-toolbar output{min-width:52px}.image-processing-visual{width:72px;height:72px}.image-processing-visual .image-processing-spinner{inset:6px;width:auto;height:auto;margin:0}.image-processing-visual strong{position:absolute;inset:0;display:grid;place-items:center;padding:0 .2rem;text-align:center;line-height:1.05;pointer-events:none}.image-processing-modal.is-cancelled .image-processing-spinner{animation:none;border-color:#f3d18b;border-top-color:#b97800}.image-processing-modal.is-failed .image-processing-spinner{animation:none;border-color:#ffd0d5;border-top-color:#c53245}.image-processing-modal.is-failed .image-processing-card{box-shadow:0 30px 100px rgba(197,50,69,.2)}
@media(max-width:640px){.image-preview-actions{align-items:flex-start}.image-preview-switch{flex:0 0 auto}.image-zoom-toolbar{flex:1;justify-content:center}.image-zoom-toolbar input{order:10;width:100%!important}.image-main-preview{min-height:270px!important;max-height:70vh;padding:8px}.image-zoom-toolbar button{min-width:30px;padding:0 .38rem;font-size:.68rem}}

/* Keep the v2 workspace above legacy workspace repair rules. */
.workspace-page .dedicated-workspace .app-grid.workspace-layout-v2{
  grid-template-columns:190px minmax(0,1fr) 290px!important;
  gap:.8rem!important;
}
.workspace-page .dedicated-workspace .sidebar.workspace-inspector{
  padding:.65rem!important;
  background:rgba(246,249,255,.94)!important;
}
.workspace-page .dedicated-workspace .sidebar.workspace-inspector .panel[hidden]{display:none!important}
[data-dark] .workspace-page .dedicated-workspace .sidebar.workspace-inspector{background:rgba(9,24,40,.96)!important}
@media(max-width:1260px){
  .workspace-page .dedicated-workspace .app-grid.workspace-layout-v2{grid-template-columns:165px minmax(0,1fr) 270px!important}
}
@media(max-width:1040px){
  .workspace-page .dedicated-workspace .app-grid.workspace-layout-v2{grid-template-columns:150px minmax(0,1fr)!important}
  .workspace-page .dedicated-workspace .sidebar.workspace-inspector{display:none!important;position:fixed!important;padding:.75rem!important}
  .workspace-page .dedicated-workspace .sidebar.workspace-inspector.mobile-open{display:flex!important}
}
@media(max-width:760px){
  .workspace-page .dedicated-workspace .app-grid.workspace-layout-v2{display:block!important}
  .workspace-page .workspace-status-actions{display:none!important}
  .workspace-page .dedicated-workspace .ec-bar{display:none!important}
  .workspace-page .doc-ribbon-clean .doc-file-section{display:none!important}
  .workspace-page .doc-ribbon-clean{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none}
  .workspace-page .doc-ribbon-clean::-webkit-scrollbar{display:none}
  .workspace-page .workspace-statusbar{padding:.62rem .7rem!important}
  .workspace-page .workspace-status-left{justify-content:space-between;width:100%}
  .workspace-page .workspace-mini-stats{margin-left:auto}
  .workspace-page .dedicated-workspace .ed-area{padding:.55rem!important}
  .workspace-page .dedicated-workspace #editor{font-family:var(--fs)!important}
}

/* ── Homepage 2026 redesign (scoped; tool pages remain unchanged) ───── */
.home-page{background:linear-gradient(180deg,#f8faff 0%,#eef3f9 48%,#f7f9fc 100%)}
.home-page .home-hero-modern{padding:1rem 0 3rem}
.home-page .home-hero-modern .hero-split{
  min-height:620px;padding:clamp(1.5rem,4vw,3.7rem);gap:clamp(1.5rem,4vw,4rem);align-items:center;border-radius:42px;color:#fff;
  background:radial-gradient(circle at 74% 20%,rgba(89,112,255,.28),transparent 28%),radial-gradient(circle at 20% 94%,rgba(22,205,167,.12),transparent 27%),linear-gradient(145deg,#080b13 0%,#0d1220 52%,#080b12 100%);
  border:1px solid rgba(255,255,255,.09);box-shadow:0 35px 100px rgba(15,25,48,.24),inset 0 1px rgba(255,255,255,.06);overflow:hidden
}
.home-page .home-hero-modern .hero-split::before{content:"";position:absolute;width:480px;height:480px;right:-180px;top:-220px;border-radius:50%;border:1px solid rgba(123,145,255,.14);box-shadow:0 0 110px rgba(71,98,243,.12),inset 0 0 90px rgba(71,98,243,.05);pointer-events:none}
.home-page .home-hero-modern .hero-split::after{opacity:.55;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,black,transparent 72%)}
.home-page .home-hero-modern .hero-main{max-width:670px;padding:0}
.home-page .home-hero-modern .hero-eyebrow{margin-bottom:1.2rem;color:#b9c4ff;background:rgba(102,126,255,.11);border:1px solid rgba(125,146,255,.2);box-shadow:none}
.home-page .home-hero-modern .hero-title{max-width:700px;margin-bottom:1.25rem;color:#fff;font-size:clamp(3.7rem,6.4vw,6.6rem);line-height:.9;letter-spacing:-.052em;text-wrap:balance}
.home-page .home-hero-modern .hero-title em{font-style:normal;background:linear-gradient(90deg,#8196ff 0%,#9f8cff 48%,#59d8be 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-page .home-hero-modern .hero-lead{max-width:610px;margin-bottom:1.45rem;color:rgba(233,238,250,.72);font-size:1.08rem;line-height:1.75}
.home-page .home-hero-modern .hero-actions{margin-bottom:1.35rem}.home-page .home-hero-modern .hero-actions .btn{min-height:52px;padding:.82rem 1.25rem;border-radius:15px}
.home-page .home-hero-modern .btn-p{background:linear-gradient(135deg,#7087ff,#4e67ff 58%,#384fd2);color:#fff;border-color:rgba(125,148,255,.45);box-shadow:0 16px 38px rgba(59,84,222,.34),inset 0 1px rgba(255,255,255,.24)}
.home-page .home-hero-modern .btn-g{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.home-page .home-hero-modern .btn-g:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.home-page .home-hero-modern .hero-badges{gap:.48rem}.home-page .home-hero-modern .hero-badges .badge{padding:.4rem .68rem;color:rgba(237,241,251,.74);background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09)}
.home-page .home-showcase{position:relative;z-index:2}
.home-page .showcase-window{min-height:0;padding:1rem;border-radius:30px;background:linear-gradient(155deg,rgba(28,35,53,.94),rgba(8,11,18,.92));border:1px solid rgba(255,255,255,.12);box-shadow:0 38px 95px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.07);transform:perspective(1200px) rotateY(-2.5deg)}
.home-page .showcase-window::before{inset:12px;border-radius:22px;border-color:rgba(255,255,255,.07)}
.home-page .showcase-top{padding:.6rem .7rem 1rem}.home-page .showcase-top strong{font-size:.82rem}.home-page .showcase-top em{font-size:.62rem}
.home-page .showcase-body{grid-template-columns:minmax(0,1fr) minmax(180px,.88fr);gap:.75rem}
.home-page .showcase-editor-card{display:flex;flex-direction:column;min-height:330px;padding:1rem;border-radius:21px;background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-color:rgba(255,255,255,.1)}
.home-page .showcase-editor-head strong{font-size:1.55rem}.home-page .showcase-upload-box{margin-top:auto;padding:.85rem;border-radius:16px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08)}
.home-page .showcase-upload-box strong,.home-page .showcase-upload-box span{display:block}.home-page .showcase-upload-box strong{font-size:.88rem}.home-page .showcase-upload-box span{margin-top:.22rem;color:rgba(255,255,255,.52);font-size:.72rem;line-height:1.4}
.home-page .showcase-line{height:10px;background:rgba(255,255,255,.12)}
.home-page .showcase-tool{min-height:70px;padding:.65rem;border-radius:17px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.075)}
.home-page .showcase-tool:hover{background:rgba(255,255,255,.09);border-color:rgba(129,150,255,.25)}
.home-page .showcase-ico{flex-basis:40px;width:40px;height:40px;padding:9px;color:#bec9ff;background:linear-gradient(145deg,rgba(111,135,255,.25),rgba(62,83,207,.14));border:1px solid rgba(130,151,255,.18)}
.home-page .showcase-ico svg,.home-page .home-tool-link svg,.home-page .home-flow-grid svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-page .showcase-tool strong{font-size:.82rem}.home-page .showcase-tool small{font-size:.67rem}
.home-page .showcase-footer{gap:.5rem}.home-page .showcase-footer div{padding:.65rem;border-radius:14px}.home-page .showcase-footer b{font-size:1rem}.home-page .showcase-footer span{font-size:.62rem}

.home-page .home-tool-strip{margin-top:0;padding:1.1rem 0 3rem}
.home-page .home-tool-strip::before{content:"Popular workflows";display:block;max-width:1360px;margin:0 auto 1rem;padding:0 1.5rem;color:var(--i4);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.home-page .home-tool-strip-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.home-page .home-tool-link{position:relative;min-height:220px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:.9rem;align-items:start;padding:1.2rem;border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(244,248,253,.9));border:1px solid rgba(80,97,130,.14);box-shadow:0 18px 48px rgba(18,30,54,.07);overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s,border-color .28s}
.home-page .home-tool-link::after{content:"";position:absolute;width:170px;height:170px;right:-90px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,rgba(91,117,255,.14),transparent 68%);pointer-events:none}
.home-page .home-tool-link:hover{transform:translateY(-7px);border-color:rgba(78,103,255,.3);box-shadow:0 30px 70px rgba(24,40,77,.14)}
.home-page .home-tool-link>span{grid-row:1/4;width:58px;height:58px;padding:15px;border-radius:18px;color:#526bea;background:linear-gradient(145deg,rgba(91,117,255,.17),rgba(65,211,180,.08));border:1px solid rgba(83,109,235,.13);box-shadow:inset 0 1px rgba(255,255,255,.8),0 12px 25px rgba(53,75,179,.1)}
.home-page .home-tool-link>b{color:#748199;font-size:.64rem;letter-spacing:.11em;text-transform:uppercase}.home-page .home-tool-link>strong{font:850 1.22rem/1.15 var(--fd);letter-spacing:-.015em}.home-page .home-tool-link>small{align-self:start;margin-top:.15rem;font-size:.85rem;line-height:1.55}.home-page .home-tool-link>i{grid-column:3;grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--s2);color:var(--i3);font-style:normal;transition:.2s}.home-page .home-tool-link:hover>i{background:var(--br);color:#fff;transform:rotate(8deg)}
[data-dark] .home-page .home-tool-link{background:linear-gradient(155deg,rgba(20,28,42,.96),rgba(11,17,28,.96));border-color:rgba(255,255,255,.08)}

.home-page .home-workflow-section{padding:3rem 0}
.home-page .home-section-head{max-width:760px;margin:0 auto 1.6rem;text-align:center}.home-page .home-section-head .eyebrow{margin:auto}.home-page .home-section-head h2{font-size:clamp(2.4rem,4.4vw,4.4rem);letter-spacing:-.045em}.home-page .home-section-head p{max-width:650px;margin:auto}
.home-page .home-flow-grid{gap:1rem}.home-page .home-flow-grid article{position:relative;min-height:280px;padding:1.3rem;border-radius:28px;background:rgba(255,255,255,.85);border-color:rgba(82,99,133,.14);box-shadow:0 20px 55px rgba(20,32,55,.07);overflow:hidden}
.home-page .home-flow-grid article::after{content:"";position:absolute;inset:auto -30% -65% 30%;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(78,103,255,.11),transparent 68%)}
.home-page .home-flow-grid article>span{width:52px;height:52px;padding:13px;border-radius:17px;color:#5b72e8;background:linear-gradient(145deg,#eef2ff,#eaf8f5)}
.home-page .home-flow-grid article>small{display:block;margin-top:2.2rem;color:var(--i4);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.home-page .home-flow-grid h3{margin:.35rem 0 .55rem;font-size:1.38rem}.home-page .home-flow-grid p{position:relative;z-index:1;font-size:.9rem}
[data-dark] .home-page .home-flow-grid article{background:linear-gradient(155deg,rgba(20,28,42,.94),rgba(11,17,28,.94));border-color:rgba(255,255,255,.09);box-shadow:0 22px 60px rgba(0,0,0,.2)}
[data-dark] .home-page .home-flow-grid article>span{color:#aab8ff;background:linear-gradient(145deg,rgba(99,124,255,.2),rgba(46,197,166,.09))}
[data-dark] .home-page .home-flow-grid h3{color:#fff}[data-dark] .home-page .home-flow-grid p{color:rgba(230,237,250,.66)}

.home-page .home-split-feature{margin-top:1.2rem;margin-bottom:2rem;padding:clamp(1.3rem,3vw,2.2rem);border-radius:34px;background:radial-gradient(circle at 82% 30%,rgba(80,108,255,.2),transparent 24rem),linear-gradient(140deg,#0a0e18,#10192a);border-color:rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(14,24,45,.2)}
.home-page .home-split-feature h2{color:#fff}.home-page .home-split-feature p{color:rgba(232,238,250,.68)}.home-page .home-split-feature .eyebrow{color:#b7c3ff;background:rgba(100,126,255,.12)}
.home-page .home-mini-stats div{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09)}.home-page .home-mini-stats strong{color:#fff}.home-page .home-mini-stats span{color:rgba(232,238,250,.55)}
.home-page .home-device{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.05)}.home-page .device-row{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08)}.home-page .device-row strong{color:#fff}.home-page .device-row em{color:rgba(232,238,250,.5)}
.home-page .home-workspace-cta{padding:1rem 0 4.5rem}.home-page .home-workspace-card{padding:clamp(1.25rem,3vw,2rem);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,246,255,.9));box-shadow:0 25px 65px rgba(20,32,55,.09)}

@media(max-width:980px){.home-page .home-hero-modern .hero-split{min-height:0}.home-page .showcase-window{transform:none}.home-page .home-tool-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .home-page .home-hero-modern{padding:.3rem 0 1.2rem!important}.home-page .home-hero-modern .hero-split{padding:1.25rem!important;border-radius:25px!important;min-height:560px;background:radial-gradient(circle at 80% 5%,rgba(89,112,255,.26),transparent 22rem),linear-gradient(145deg,#080b13,#101629)}
  .home-page .home-hero-modern .hero-title{font-size:clamp(2.8rem,14vw,4rem)!important;line-height:.94!important}.home-page .home-hero-modern .hero-lead{font-size:.98rem!important;line-height:1.62!important}.home-page .home-hero-modern .hero-badges{display:flex;flex-wrap:wrap;overflow:visible}.home-page .home-hero-modern .hero-badges .badge{flex:0 1 auto}
  .home-page .home-tool-strip::before{padding:0 1rem}.home-page .home-tool-strip-inner{display:grid;grid-template-columns:1fr;overflow:visible}.home-page .home-tool-link{min-height:180px;grid-template-columns:50px minmax(0,1fr) auto;padding:1rem}.home-page .home-tool-link>span{width:50px;height:50px;padding:13px}
  .home-page .home-workflow-section{padding:2rem 0}.home-page .home-section-head{text-align:left}.home-page .home-section-head .eyebrow{margin:0}.home-page .home-section-head h2{font-size:2.35rem}.home-page .home-flow-grid article{min-height:230px}
  .home-page .home-split-feature{border-radius:24px}.home-page .home-workspace-card{border-radius:24px}
}

/* Bootstrap-backed homepage refinement */
.home-page .hero-split.row{display:flex;flex-wrap:wrap;gap:0;min-height:520px;padding:2.2rem}
.home-page .hero-split.row>.hero-main,.home-page .hero-split.row>.hero-rail{max-width:none}
.home-page .home-hero-modern .hero-title{font-size:clamp(3.15rem,5.2vw,5.25rem);line-height:.92}
.home-page svg.bi{display:block;fill:currentColor!important;stroke:none!important}
.home-page .showcase-top{margin-bottom:.25rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.055)!important}
.home-page .showcase-top strong,.home-page .showcase-tool strong,.home-page .showcase-upload-box strong{color:#f7f9ff!important}
.home-page .showcase-top em,.home-page .showcase-tool small,.home-page .showcase-upload-box span{color:rgba(231,237,250,.62)!important}
.home-page .showcase-tool{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.11)!important}
.home-page .showcase-editor-card{background:rgba(255,255,255,.07)!important}
.home-page .showcase-editor-head span{color:rgba(232,238,251,.68)}
.home-page .showcase-footer div{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.1)!important}.home-page .showcase-footer b{color:#fff!important}.home-page .showcase-footer span{color:rgba(231,237,250,.6)!important}
.home-page .home-tool-link{min-height:190px}
@media(max-width:991.98px){.home-page .hero-split.row{padding:1.5rem}.home-page .hero-split.row>.hero-rail{margin-top:1rem}.home-page .showcase-window{transform:none}}
@media(max-width:620px){.home-page .hero-split.row{display:flex!important;min-height:0;padding:1.2rem!important}.home-page .hero-split.row>.hero-rail{display:none}.home-page .home-hero-modern .hero-title{font-size:clamp(2.7rem,13vw,3.7rem)!important}}

/* Homepage visual system — unified colour, cards and motion */
.home-page{
  --home-blue:#526cff;
  --home-violet:#8468f5;
  --home-teal:#25c7ad;
  --home-ink:#0d1730;
  --home-muted:#66738d;
  --home-line:rgba(52,70,108,.13);
  background:
    radial-gradient(circle at 8% 12%,rgba(82,108,255,.10),transparent 30rem),
    radial-gradient(circle at 92% 34%,rgba(37,199,173,.09),transparent 28rem),
    linear-gradient(180deg,#f8faff 0%,#eef4fc 52%,#f8fbff 100%);
}
.home-page main{overflow:hidden}
.home-page .home-hero-modern{padding:1rem 0 2.4rem!important;background:transparent}
.home-page .home-hero-modern .hero-split{
  isolation:isolate;
  background:
    radial-gradient(circle at 84% 14%,rgba(96,118,255,.28),transparent 25rem),
    radial-gradient(circle at 18% 105%,rgba(37,199,173,.17),transparent 22rem),
    linear-gradient(138deg,#070b15 0%,#0d1425 58%,#111b32 100%);
}
.home-page .home-hero-modern .hero-split::after{
  opacity:.8;
  background-image:linear-gradient(rgba(136,154,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(136,154,255,.045) 1px,transparent 1px);
  background-size:52px 52px;
  animation:homeGridDrift 18s linear infinite;
}
.home-page .hero-main{position:relative;z-index:2;animation:homeRise .75s cubic-bezier(.2,.8,.2,1) both}
.home-page .home-showcase{animation:homeRise .85s .12s cubic-bezier(.2,.8,.2,1) both}
.home-page .home-hero-modern .hero-eyebrow::before,.home-page .home-section-head .eyebrow::before,.home-page .home-split-feature .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--home-teal);box-shadow:0 0 0 5px rgba(37,199,173,.12);margin-right:.5rem}
.home-page .showcase-window{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.home-page .showcase-window:hover{transform:perspective(1200px) rotateY(0) translateY(-5px);box-shadow:0 48px 110px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.08)}
.home-page .showcase-dot.green{animation:homePulse 2.2s ease-in-out infinite}
.home-page .showcase-meter span{position:relative;overflow:hidden;animation:homeMeter 1.2s .35s cubic-bezier(.2,.8,.2,1) both}
.home-page .showcase-meter span::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:homeShimmer 3s 1.4s ease-in-out infinite}
.home-page .showcase-tool{transition:transform .25s ease,background .25s,border-color .25s}
.home-page .showcase-tool:hover .showcase-ico{transform:scale(1.08) rotate(-3deg);color:#fff;background:linear-gradient(145deg,var(--home-violet),var(--home-blue))}
.home-page .showcase-ico{transition:transform .25s ease,color .25s,background .25s}

.home-page .home-tool-strip{padding:2.4rem 0 4.5rem}
.home-page .home-tool-strip::before{display:none}
.home-page .home-tool-strip-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.35rem}
.home-page .home-tool-strip-heading>div>span{display:block;margin-bottom:.45rem;color:var(--home-blue);font-size:.7rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.home-page .home-tool-strip-heading h2{margin:0;color:var(--home-ink);font:850 clamp(1.8rem,3vw,2.65rem)/1.05 var(--fd);letter-spacing:-.035em}
.home-page .home-tool-strip-heading>a{display:inline-flex;align-items:center;gap:.5rem;flex:none;color:var(--home-blue);font-size:.86rem;font-weight:800;text-decoration:none}
.home-page .home-tool-strip-heading>a span{transition:transform .2s}.home-page .home-tool-strip-heading>a:hover span{transform:translateX(4px)}
.home-page .home-tool-strip-inner.row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 auto!important}
.home-page .home-tool-strip-inner.row>*{width:auto!important;max-width:none!important;margin:0!important}
.home-page .home-tool-link{
  min-width:0!important;min-height:208px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(245,248,255,.9));
  border-color:var(--home-line);
  box-shadow:0 18px 50px rgba(31,48,87,.09),inset 0 1px #fff;
  animation:homeRise .65s cubic-bezier(.2,.8,.2,1) both;
}
.home-page .home-tool-link:nth-child(2){animation-delay:.06s}.home-page .home-tool-link:nth-child(3){animation-delay:.12s}.home-page .home-tool-link:nth-child(4){animation-delay:.18s}.home-page .home-tool-link:nth-child(5){animation-delay:.24s}.home-page .home-tool-link:nth-child(6){animation-delay:.30s}
.home-page .home-tool-link:nth-child(3n+2)>span{color:var(--home-violet);background:linear-gradient(145deg,rgba(132,104,245,.16),rgba(82,108,255,.07))}
.home-page .home-tool-link:nth-child(3n)>span{color:#0e9f88;background:linear-gradient(145deg,rgba(37,199,173,.17),rgba(82,108,255,.06))}
.home-page .home-tool-link::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--home-blue),var(--home-violet),var(--home-teal));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.home-page .home-tool-link:hover::before{transform:scaleX(1)}
.home-page .home-tool-link:hover>span{transform:translateY(-3px) scale(1.06)}
.home-page .home-tool-link>span{transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.home-page .home-tool-link>strong{color:var(--home-ink)}
.home-page .home-tool-link>small{color:var(--home-muted)}

.home-page .home-workflow-section{position:relative;padding:4.5rem 0;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(237,243,253,.78))}
.home-page .home-workflow-section::before{content:"";position:absolute;width:480px;height:480px;left:-300px;top:8%;border-radius:50%;border:1px solid rgba(82,108,255,.13);box-shadow:0 0 0 55px rgba(82,108,255,.025),0 0 0 110px rgba(82,108,255,.018)}
.home-page .home-section-head h2{color:var(--home-ink)}
.home-page .home-flow-grid{position:relative}
.home-page .home-flow-grid::before{content:"";position:absolute;top:47px;left:16.5%;right:16.5%;height:2px;background:linear-gradient(90deg,var(--home-blue),var(--home-violet),var(--home-teal));opacity:.24}
.home-page .home-flow-grid article{z-index:1;border-color:var(--home-line);transition:transform .28s ease,box-shadow .28s}
.home-page .home-flow-grid article:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(27,43,78,.13)}
.home-page .home-flow-grid article:nth-child(2)>span{color:var(--home-violet)}.home-page .home-flow-grid article:nth-child(3)>span{color:#0e9f88}

.home-page .home-split-feature{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(89,111,255,.28),transparent 25rem),radial-gradient(circle at 5% 110%,rgba(37,199,173,.15),transparent 22rem),linear-gradient(135deg,#080c17,#10192c)}
.home-page .home-split-feature::after{content:"";position:absolute;width:260px;height:260px;right:-110px;top:-120px;border-radius:50%;border:1px solid rgba(157,171,255,.18);animation:homeFloat 7s ease-in-out infinite}
.home-page .home-device{position:relative;z-index:1;transition:transform .35s ease}.home-page .home-device:hover{transform:translateY(-5px) rotate(.35deg)}
.home-page .device-meter span{animation:homeMeter 1.5s ease both}
.home-page .home-workspace-card{position:relative;overflow:hidden;border:1px solid var(--home-line)}
.home-page .home-workspace-card::after{content:"";position:absolute;width:280px;height:280px;right:-150px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(82,108,255,.16),transparent 68%);pointer-events:none}

@keyframes homeRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes homePulse{0%,100%{box-shadow:0 0 0 4px rgba(37,199,173,.12)}50%{box-shadow:0 0 0 9px rgba(37,199,173,0)}}
@keyframes homeMeter{from{width:0}to{width:78%}}
@keyframes homeShimmer{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
@keyframes homeGridDrift{to{background-position:52px 52px}}
@keyframes homeFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-18px,16px,0)}}

@media(max-width:991.98px){
  .home-page .home-tool-strip-inner.row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .home-flow-grid::before{display:none}
}
@media(max-width:620px){
  .home-page .home-tool-strip{padding:1.8rem 0 3rem}
  .home-page .home-tool-strip-heading{align-items:flex-start;flex-direction:column;gap:.75rem}
  .home-page .home-tool-strip-inner.row{display:grid!important;grid-template-columns:1fr!important;padding:0 1rem!important}
  .home-page .home-tool-link{min-height:170px!important}
  .home-page .home-workflow-section{padding:3rem 0}
}
@media(prefers-reduced-motion:reduce){
  .home-page *{scroll-behavior:auto!important}
  .home-page .hero-main,.home-page .home-showcase,.home-page .home-tool-link,.home-page .showcase-dot.green,.home-page .showcase-meter span,.home-page .showcase-meter span::after,.home-page .home-hero-modern .hero-split::after,.home-page .home-split-feature::after,.home-page .device-meter span{animation:none!important}
  .home-page .showcase-window,.home-page .home-tool-link,.home-page .home-flow-grid article,.home-page .home-device{transition:none!important}
}

/* Homepage information architecture and light-mode refinement */
html:not([data-dark]) .home-page #nav{background:rgba(248,250,255,.88);border-bottom:1px solid rgba(63,79,118,.1);box-shadow:0 10px 35px rgba(34,48,82,.055);backdrop-filter:blur(18px)}
.home-page .nav-a{display:inline-flex;align-items:center;gap:.42rem;padding:.55rem .68rem;border-radius:11px;transition:color .2s,background .2s,transform .2s}
.home-page .nav-a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.72;transition:transform .2s,opacity .2s}
.home-page .nav-a:hover{color:var(--home-blue);background:rgba(82,108,255,.07);transform:translateY(-1px)}
.home-page .nav-a:hover svg{opacity:1;transform:scale(1.08)}
html:not([data-dark]) .home-page .home-tool-strip{background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(239,244,254,.72));border-top:1px solid rgba(82,108,255,.07);border-bottom:1px solid rgba(82,108,255,.07)}
html:not([data-dark]) .home-page .home-tool-link{background:linear-gradient(145deg,#fff 0%,#f8faff 62%,#f0f5ff 100%);border-color:rgba(71,89,132,.16);box-shadow:0 18px 48px rgba(42,58,96,.11),inset 0 1px #fff}
html:not([data-dark]) .home-page .home-flow-grid article{background:linear-gradient(150deg,#fff,#f6f9ff);border-color:rgba(71,89,132,.15);box-shadow:0 20px 52px rgba(40,55,92,.1)}
html:not([data-dark]) .home-page .home-workspace-card{background:linear-gradient(135deg,#fff,#eef4ff);border-color:rgba(71,89,132,.14);box-shadow:0 25px 65px rgba(38,53,89,.12)}

.home-category-section,.home-trust-section,.home-faq-section{padding:clamp(3.5rem,7vw,6.5rem) 0}
.home-info-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.72fr);align-items:end;gap:clamp(2rem,6vw,6rem);margin-bottom:2rem}
.home-info-head h2,.home-trust-copy h2,.home-faq-layout h2{margin:.7rem 0 0;color:var(--home-ink);font:850 clamp(2.15rem,4vw,4rem)/1 var(--fd);letter-spacing:-.045em}
.home-info-head>p,.home-trust-copy>p,.home-faq-layout>div:first-child>p{margin:0;color:var(--home-muted);font-size:1rem;line-height:1.75}
.home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.home-category-card{position:relative;display:flex;flex-direction:column;gap:1.4rem;min-height:390px;padding:1.45rem;color:inherit;text-decoration:none;border:1px solid var(--home-line);border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(242,247,255,.92));box-shadow:0 22px 60px rgba(38,54,91,.1);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.home-category-card::after{content:"";position:absolute;width:230px;height:230px;right:-110px;bottom:-130px;border-radius:50%;background:radial-gradient(circle,rgba(82,108,255,.2),transparent 68%);transition:transform .4s}
.home-category-card:nth-child(2)::after{background:radial-gradient(circle,rgba(132,104,245,.2),transparent 68%)}.home-category-card:nth-child(3)::after{background:radial-gradient(circle,rgba(37,199,173,.2),transparent 68%)}
.home-category-card:hover{transform:translateY(-7px);border-color:rgba(82,108,255,.28);box-shadow:0 34px 80px rgba(35,51,90,.16)}.home-category-card:hover::after{transform:scale(1.15)}
.home-category-card>span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:var(--home-blue);background:linear-gradient(145deg,rgba(82,108,255,.15),rgba(255,255,255,.8));border:1px solid rgba(82,108,255,.14)}
.home-category-card:nth-child(2)>span{color:var(--home-violet)}.home-category-card:nth-child(3)>span{color:#0e9f88}
.home-category-card svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-category-card small{color:var(--home-blue);font-size:.67rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.home-category-card h3{margin:.5rem 0 .65rem;color:var(--home-ink);font:850 1.55rem/1.1 var(--fd);letter-spacing:-.025em}.home-category-card p{margin:0;color:var(--home-muted);font-size:.91rem;line-height:1.65}.home-category-card b{position:absolute;left:1.45rem;bottom:1.45rem;z-index:1;color:var(--home-blue);font-size:.82rem}

.home-trust-section{background:linear-gradient(135deg,#0a0f1c,#111b31);color:#fff;overflow:hidden}
.home-trust-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,7vw,7rem)}
.home-trust-copy h2{color:#fff}.home-trust-copy>p{margin:1.2rem 0;color:rgba(232,238,250,.7)}.home-trust-copy>a,.home-faq-layout>div:first-child>a{display:inline-flex;margin-top:.6rem;color:#aebcff;font-weight:800;text-decoration:none}
.home-trust-points{display:grid;gap:.75rem}.home-trust-points article{display:grid;grid-template-columns:52px 1fr;gap:1rem;padding:1.15rem;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.055);transition:transform .25s,background .25s}.home-trust-points article:hover{transform:translateX(6px);background:rgba(255,255,255,.085)}
.home-trust-points article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#c2ccff;background:rgba(82,108,255,.17);font:800 .75rem var(--fm)}.home-trust-points h3{margin:0 0 .3rem;color:#fff;font-size:1.05rem}.home-trust-points p{margin:0;color:rgba(232,238,250,.62);font-size:.85rem;line-height:1.55}

.home-faq-section{background:linear-gradient(180deg,#f3f7ff,#fff)}
.home-faq-layout{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);align-items:start;gap:clamp(2rem,7vw,7rem)}
.home-faq-layout>div:first-child{position:sticky;top:110px}.home-faq-layout>div:first-child>a{color:var(--home-blue)}
.home-faq-list{display:grid;gap:.7rem}.home-faq-list details{border:1px solid var(--home-line);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(41,57,94,.07);overflow:hidden}.home-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.2rem;color:var(--home-ink);font-weight:800;cursor:pointer;list-style:none}.home-faq-list summary::-webkit-details-marker{display:none}.home-faq-list summary span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--home-blue);background:rgba(82,108,255,.09);font-size:1.1rem;transition:transform .2s}.home-faq-list details[open] summary span{transform:rotate(45deg)}.home-faq-list details p{margin:0;padding:0 1.2rem 1.2rem;color:var(--home-muted);font-size:.9rem;line-height:1.65}

[data-dark] .home-page .home-info-head h2,[data-dark] .home-page .home-faq-layout h2,[data-dark] .home-page .home-category-card h3{color:#fff}
[data-dark] .home-page .home-category-card,[data-dark] .home-page .home-faq-list details{background:linear-gradient(150deg,rgba(20,28,42,.96),rgba(11,17,28,.96));border-color:rgba(255,255,255,.09);box-shadow:0 20px 55px rgba(0,0,0,.2)}
[data-dark] .home-page .home-faq-section{background:linear-gradient(180deg,#0e1725,#0a111d)}
[data-dark] .home-page .home-faq-list summary{color:#fff}

@media(max-width:900px){.home-info-head,.home-trust-layout,.home-faq-layout{grid-template-columns:1fr}.home-category-grid{grid-template-columns:1fr}.home-category-card{min-height:300px}.home-faq-layout>div:first-child{position:static}}
@media(max-width:620px){.home-category-section,.home-trust-section,.home-faq-section{padding:3.5rem 0}.home-info-head{gap:1rem}.home-category-card{min-height:315px;border-radius:24px}.home-trust-points article{grid-template-columns:44px 1fr;padding:1rem}.home-trust-points article>span{width:40px;height:40px}.home-faq-list summary{font-size:.9rem}}

/* Explicit theme contracts prevent light and dark surface leakage */
html:not([data-dark]) .home-page{color:var(--home-ink)}
html:not([data-dark]) .home-page .home-info-head>p,
html:not([data-dark]) .home-page .home-category-card p,
html:not([data-dark]) .home-page .home-faq-list details p,
html:not([data-dark]) .home-page .home-faq-layout>div:first-child>p{color:#5e6c87}
html:not([data-dark]) .home-page .home-category-card h3,
html:not([data-dark]) .home-page .home-faq-list summary,
html:not([data-dark]) .home-page .home-workspace-card h2{color:#0d1730}
[data-dark] .home-page{--home-ink:#f5f7ff;--home-muted:#a8b3c8;--home-line:rgba(255,255,255,.1);background:radial-gradient(circle at 8% 12%,rgba(82,108,255,.09),transparent 30rem),linear-gradient(180deg,#08111d,#0b1523)}
[data-dark] .home-page .home-tool-strip,[data-dark] .home-page .home-workflow-section{background:linear-gradient(180deg,#0b1523,#0d1929);border-color:rgba(255,255,255,.07)}
[data-dark] .home-page .home-tool-strip-heading h2,[data-dark] .home-page .home-category-card h3,[data-dark] .home-page .home-info-head h2,[data-dark] .home-page .home-faq-layout h2,[data-dark] .home-page .home-workspace-card h2{color:#f5f7ff}
[data-dark] .home-page .home-tool-link>small,[data-dark] .home-page .home-category-card p,[data-dark] .home-page .home-info-head>p,[data-dark] .home-page .home-faq-list details p,[data-dark] .home-page .home-faq-layout>div:first-child>p{color:#a8b3c8}
[data-dark] .home-page .home-category-section{background:#0b1523}
[data-dark] .home-page .home-workspace-card{background:linear-gradient(135deg,#121f32,#0c1726);border-color:rgba(255,255,255,.1)}

.home-visual-section{position:relative;padding:clamp(4rem,8vw,7rem) 0;background:linear-gradient(135deg,#eef3ff,#f7faff 52%,#eafaf6);overflow:hidden}
.home-visual-section::before{content:"";position:absolute;width:480px;height:480px;right:-230px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(82,108,255,.14),transparent 70%)}
.home-visual-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(520px,1.25fr);align-items:center;gap:clamp(2rem,6vw,6rem)}
.home-visual-copy h2{margin:.7rem 0 1rem;color:#0d1730;font:850 clamp(2.3rem,4.5vw,4.6rem)/.98 var(--fd);letter-spacing:-.05em}.home-visual-copy p{max-width:560px;color:#5e6c87;font-size:1rem;line-height:1.75}.home-visual-tags{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:1.3rem 0}.home-visual-tags span{padding:.42rem .7rem;border:1px solid rgba(82,108,255,.15);border-radius:999px;background:rgba(255,255,255,.7);color:#34415c;font-size:.72rem;font-weight:800}.home-visual-tags i{color:#8390a8;font-style:normal}.home-visual-copy .btn{margin-top:.4rem}
.home-orbit-scene{position:relative;min-height:540px;perspective:1100px;transform-style:preserve-3d}
.home-orbit-scene::before{content:"";position:absolute;inset:12% 8%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(233,239,255,.62) 48%,transparent 70%);filter:drop-shadow(0 35px 55px rgba(39,55,98,.13));transform:rotateX(58deg) rotateZ(-8deg)}
.home-orbit-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(82,108,255,.25);border-radius:50%;transform-style:preserve-3d;pointer-events:none}.home-orbit-ring::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--home-teal);box-shadow:0 0 0 6px rgba(37,199,173,.13)}
.ring-one{width:430px;height:280px;margin:-140px 0 0 -215px;transform:rotateX(62deg) rotateZ(-8deg);animation:orbitSpin 14s linear infinite}.ring-one::after{left:9%;top:20%}.ring-two{width:320px;height:410px;margin:-205px 0 0 -160px;transform:rotateX(68deg) rotateZ(65deg);border-color:rgba(132,104,245,.2);animation:orbitSpinReverse 18s linear infinite}.ring-two::after{right:8%;bottom:24%;background:var(--home-violet)}
.home-orbit-core{position:absolute;left:50%;top:50%;z-index:4;display:grid;place-items:center;width:170px;height:170px;margin:-85px;border:1px solid rgba(255,255,255,.82);border-radius:44px;background:linear-gradient(145deg,#536cff,#7c64eb 58%,#25bba5);color:#fff;box-shadow:0 30px 70px rgba(62,77,174,.35),inset 0 1px rgba(255,255,255,.4);transform:translateZ(70px) rotate(-4deg);animation:coreFloat 5s ease-in-out infinite}.home-orbit-core .lm{width:50px;height:50px}.home-orbit-core strong{margin-top:.2rem;font:850 1.25rem var(--fd)}.home-orbit-core small{font-size:.66rem;color:rgba(255,255,255,.72)}
.home-orbit-card{position:absolute;z-index:5;display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;column-gap:.75rem;align-items:center;width:190px;padding:.9rem;border:1px solid rgba(75,91,130,.13);border-radius:22px;background:rgba(255,255,255,.88);color:#0d1730;text-decoration:none;box-shadow:0 24px 55px rgba(32,48,86,.16);backdrop-filter:blur(16px);transition:transform .3s,box-shadow .3s}.home-orbit-card:hover{z-index:8;box-shadow:0 34px 70px rgba(44,58,120,.25)}.home-orbit-card>span{grid-row:1/3;display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:var(--home-blue);background:rgba(82,108,255,.1)}.home-orbit-card svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-orbit-card b{font-size:.9rem}.home-orbit-card small{color:#728099;font-size:.67rem}.orbit-write{left:0;top:15%;transform:translateZ(35px) rotate(-5deg);animation:cardFloatA 6s ease-in-out infinite}.orbit-image{right:0;top:18%;transform:translateZ(55px) rotate(5deg);animation:cardFloatB 7s ease-in-out infinite}.orbit-pdf{right:9%;bottom:8%;transform:translateZ(45px) rotate(-3deg);animation:cardFloatA 6.5s 1s ease-in-out infinite}.home-orbit-particle{position:absolute;border-radius:50%;filter:blur(.2px);animation:particleFloat 6s ease-in-out infinite}.p-one{left:14%;bottom:22%;width:18px;height:18px;background:#6f85ff;box-shadow:0 0 28px #6f85ff}.p-two{right:30%;top:8%;width:11px;height:11px;background:#26c7ad;box-shadow:0 0 24px #26c7ad;animation-delay:1s}.p-three{left:45%;bottom:4%;width:8px;height:8px;background:#9b7bff;box-shadow:0 0 20px #9b7bff;animation-delay:2s}
[data-dark] .home-page .home-visual-section{background:linear-gradient(135deg,#0a1422,#101b2d 52%,#0c201f)}[data-dark] .home-page .home-visual-copy h2{color:#f5f7ff}[data-dark] .home-page .home-visual-copy p{color:#a8b3c8}[data-dark] .home-page .home-visual-tags span{color:#d8e0f0;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.1)}[data-dark] .home-page .home-orbit-scene::before{background:radial-gradient(circle,rgba(39,53,83,.86),rgba(14,27,45,.55) 48%,transparent 70%)}[data-dark] .home-page .home-orbit-card{color:#f5f7ff;background:rgba(19,31,50,.88);border-color:rgba(255,255,255,.1)}[data-dark] .home-page .home-orbit-card small{color:#a8b3c8}
@keyframes orbitSpin{to{transform:rotateX(62deg) rotateZ(352deg)}}@keyframes orbitSpinReverse{to{transform:rotateX(68deg) rotateZ(-295deg)}}@keyframes coreFloat{0%,100%{transform:translateZ(70px) translateY(0) rotate(-4deg)}50%{transform:translateZ(90px) translateY(-12px) rotate(1deg)}}@keyframes cardFloatA{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes cardFloatB{0%,100%{translate:0 0}50%{translate:0 14px}}@keyframes particleFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-24px) scale(1.2)}}
@media(max-width:1000px){.home-visual-layout{grid-template-columns:1fr}.home-orbit-scene{min-height:500px;max-width:680px;width:100%;margin:auto}}
@media(max-width:620px){.home-visual-section{padding:3.5rem 0}.home-orbit-scene{min-height:430px;transform:scale(.88);margin:-15px -6% -25px;width:112%}.home-orbit-card{width:155px;grid-template-columns:40px 1fr;padding:.7rem}.home-orbit-card>span{width:40px;height:40px}.ring-one{width:330px;height:220px;margin:-110px 0 0 -165px}.ring-two{width:250px;height:330px;margin:-165px 0 0 -125px}.home-orbit-core{width:138px;height:138px;margin:-69px;border-radius:36px}.home-orbit-core .lm{width:42px;height:42px}.orbit-write{left:0}.orbit-image{right:0}.orbit-pdf{right:2%}}

/* Marketing sections follow the active theme; dark product mockups remain intentional. */
html:not([data-dark]) .home-page .home-hero-modern .hero-split{background:radial-gradient(circle at 84% 14%,rgba(96,118,255,.16),transparent 25rem),radial-gradient(circle at 18% 105%,rgba(37,199,173,.11),transparent 22rem),linear-gradient(138deg,#fff,#eef3ff 58%,#edf9f7)}
html:not([data-dark]) .home-page .home-hero-modern .hero-title{color:var(--home-ink)}
html:not([data-dark]) .home-page .home-hero-modern .hero-lead{color:var(--home-muted)}
html:not([data-dark]) .home-page .home-hero-modern .hero-eyebrow{color:#5268df;background:rgba(82,108,255,.09);border-color:rgba(82,108,255,.16)}
html:not([data-dark]) .home-page .home-hero-modern .btn-g{background:#fff;color:var(--home-ink);border-color:var(--home-line);box-shadow:0 10px 25px rgba(38,53,89,.08)}
html:not([data-dark]) .home-page .home-hero-modern .hero-badges .badge{color:#5d6b84;background:rgba(255,255,255,.74);border-color:var(--home-line)}
html:not([data-dark]) .home-page .home-split-feature{background:radial-gradient(circle at 78% 20%,rgba(89,111,255,.14),transparent 25rem),radial-gradient(circle at 5% 110%,rgba(37,199,173,.1),transparent 22rem),linear-gradient(135deg,#fff,#eef4ff);border-color:var(--home-line)}
html:not([data-dark]) .home-page .home-split-feature h2{color:var(--home-ink)}
html:not([data-dark]) .home-page .home-split-feature p{color:var(--home-muted)}
html:not([data-dark]) .home-page .home-trust-section{background:linear-gradient(135deg,#eef3fb,#f8faff);color:var(--home-ink)}
html:not([data-dark]) .home-page .home-trust-copy h2,html:not([data-dark]) .home-page .home-trust-points h3{color:var(--home-ink)}
html:not([data-dark]) .home-page .home-trust-copy>p,html:not([data-dark]) .home-page .home-trust-points p{color:var(--home-muted)}
html:not([data-dark]) .home-page .home-trust-copy>a{color:var(--home-blue)}
html:not([data-dark]) .home-page .home-trust-points article{border-color:var(--home-line);background:rgba(255,255,255,.78);box-shadow:0 14px 38px rgba(38,53,89,.06)}
html:not([data-dark]) .home-page .home-trust-points article:hover{background:#fff}

/* Legacy tool pages share this stylesheet and must follow the same light theme. */
html:not([data-dark]) body.site-visual-v2 .tool-hero{background:radial-gradient(circle at 85% 15%,rgba(82,108,255,.14),transparent 24rem),radial-gradient(circle at 10% 115%,rgba(37,199,173,.09),transparent 23rem),linear-gradient(135deg,#fff,#edf3fc)!important;color:var(--v2-ink)}
html:not([data-dark]) body.site-visual-v2 .tool-hero h1{color:var(--v2-ink)!important}
html:not([data-dark]) body.site-visual-v2 .tool-hero p{color:var(--v2-muted)!important}
html:not([data-dark]) body.site-visual-v2 .tool-badge{color:#526cff!important;background:rgba(82,108,255,.08)!important;border-color:rgba(82,108,255,.16)!important}
html:not([data-dark]) body>footer:not(.app-shell-footer){background:#eef3fb;color:#5f6d84;border-color:rgba(65,81,118,.12)}
html:not([data-dark]) body>footer:not(.app-shell-footer) a,html:not([data-dark]) body>footer:not(.app-shell-footer) p,html:not([data-dark]) body>footer:not(.app-shell-footer) span{color:#65738c}
html:not([data-dark]) body>footer:not(.app-shell-footer) h4,html:not([data-dark]) body>footer:not(.app-shell-footer) strong,html:not([data-dark]) body>footer:not(.app-shell-footer) .fb-logo,html:not([data-dark]) body>footer:not(.app-shell-footer) .flogo{color:#0d1730}
@media(prefers-reduced-motion:reduce){.home-orbit-ring,.home-orbit-core,.home-orbit-card,.home-orbit-particle{animation:none!important}}

/* Site-wide dimensional visual system */
body.site-visual-v2:not(.home-page){
  --v2-blue:#526cff;--v2-violet:#8468f5;--v2-teal:#25c7ad;--v2-ink:#0d1730;--v2-muted:#65738c;
  background:radial-gradient(circle at 8% 8%,rgba(82,108,255,.08),transparent 29rem),radial-gradient(circle at 94% 28%,rgba(37,199,173,.07),transparent 27rem),linear-gradient(180deg,#f8faff,#eef4fc 56%,#f9fbff);
}
[data-dark] body.site-visual-v2:not(.home-page){--v2-ink:#f5f7ff;--v2-muted:#a8b3c8;background:radial-gradient(circle at 8% 8%,rgba(82,108,255,.09),transparent 29rem),linear-gradient(180deg,#08111d,#0b1523)}
body.site-visual-v2 #nav{border-bottom:1px solid rgba(65,81,118,.1);box-shadow:0 12px 38px rgba(34,48,82,.06);backdrop-filter:blur(18px)}
[data-dark] body.site-visual-v2 #nav{border-color:rgba(255,255,255,.07);box-shadow:0 12px 38px rgba(0,0,0,.18)}
body.site-visual-v2 .nav-a,body.site-visual-v2 .mob-a{display:flex;align-items:center;gap:.42rem}
body.site-visual-v2 .nav-a{padding:.54rem .68rem;border-radius:11px;transition:color .2s,background .2s,transform .2s}
body.site-visual-v2 .nav-a:hover,body.site-visual-v2 .nav-a.on{color:var(--v2-blue);background:rgba(82,108,255,.075);transform:translateY(-1px)}
body.site-visual-v2 .nav-link-icon,body.site-visual-v2 .nav-a>svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.72;transition:transform .2s,opacity .2s}
body.site-visual-v2 .nav-a:hover svg,body.site-visual-v2 .nav-a.on svg{opacity:1;transform:scale(1.08)}
body.site-visual-v2 .mob-a .nav-link-icon{width:18px;height:18px}
body.site-visual-v2 .logo .lm{box-shadow:0 10px 25px rgba(65,86,220,.23);transition:transform .25s,box-shadow .25s}body.site-visual-v2 .logo:hover .lm{transform:rotate(-5deg) scale(1.06);box-shadow:0 14px 30px rgba(65,86,220,.32)}

body.site-visual-v2 .tool-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(82,108,255,.22),transparent 24rem),radial-gradient(circle at 10% 115%,rgba(37,199,173,.14),transparent 23rem),linear-gradient(135deg,#080d18,#111b30)!important;color:#fff}
body.site-visual-v2 .tool-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(151,167,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(151,167,255,.04) 1px,transparent 1px);background-size:48px 48px;animation:v2Grid 20s linear infinite}
body.site-visual-v2 .tool-hero-in.has-tool-visual{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(360px,.62fr);align-items:center;gap:2rem;min-height:390px;padding-top:3rem;padding-bottom:3rem}
body.site-visual-v2 .tool-hero-in.has-tool-visual>h1,body.site-visual-v2 .tool-hero-in.has-tool-visual>p,body.site-visual-v2 .tool-hero-in.has-tool-visual>.tool-badge,body.site-visual-v2 .tool-hero-in.has-tool-visual>.tool-pills{grid-column:1;position:relative;z-index:2}
body.site-visual-v2 .tool-hero h1{color:#fff!important;font-size:clamp(2.5rem,5vw,5rem)!important;line-height:.96!important;letter-spacing:-.045em!important}
body.site-visual-v2 .tool-hero p{max-width:690px;color:rgba(234,239,251,.7)!important;font-size:1rem;line-height:1.72}
body.site-visual-v2 .tool-badge{width:max-content;color:#bdc8ff!important;background:rgba(97,120,255,.13)!important;border:1px solid rgba(132,151,255,.2)!important;box-shadow:none!important}
.tool-hero-visual{grid-column:2;grid-row:1/6;position:relative;z-index:1;min-height:310px;perspective:900px;transform-style:preserve-3d}.tool-hero-visual svg{width:100%;height:100%;min-height:310px;overflow:visible;filter:drop-shadow(0 34px 42px rgba(0,0,0,.28));transform:rotateY(-10deg) rotateX(4deg);animation:v2HeroFloat 6s ease-in-out infinite}.tool-hero-visual .v2-orbit{fill:none;stroke:rgba(137,155,255,.33);stroke-width:1.4;stroke-dasharray:8 10;transform-origin:center;animation:v2Orbit 18s linear infinite}.tool-hero-visual .v2-orbit-b{stroke:rgba(45,205,174,.28);animation-direction:reverse;animation-duration:22s}.tool-hero-visual .v2-core{fill:url(#iwc-v2-g);stroke:rgba(255,255,255,.55);stroke-width:1.5;filter:drop-shadow(0 24px 25px rgba(62,82,209,.32))}.tool-hero-visual .v2-mark{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}.tool-hero-visual .v2-node{fill:#758aff;stroke:rgba(255,255,255,.75);stroke-width:2;transform-origin:center;animation:v2Pulse 2.4s ease-in-out infinite}.tool-hero-visual .node-b{fill:#28c7ad;animation-delay:.6s}.tool-hero-visual .node-c{fill:#9a77f7;animation-delay:1.2s}

body.site-visual-v2 .panel,body.site-visual-v2 .story-card,body.site-visual-v2 .info-card,body.site-visual-v2 .about-principle,body.site-visual-v2 .faq-topic-card{border-color:rgba(61,78,116,.14);box-shadow:0 20px 55px rgba(34,50,86,.085);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}
body.site-visual-v2 .panel:hover,body.site-visual-v2 .story-card:hover,body.site-visual-v2 .info-card:hover,body.site-visual-v2 .about-principle:hover,body.site-visual-v2 .faq-topic-card:hover{transform:translateY(-5px);border-color:rgba(82,108,255,.27);box-shadow:0 30px 75px rgba(32,48,88,.14)}
[data-dark] body.site-visual-v2 .panel,[data-dark] body.site-visual-v2 .story-card,[data-dark] body.site-visual-v2 .info-card,[data-dark] body.site-visual-v2 .about-principle,[data-dark] body.site-visual-v2 .faq-topic-card{border-color:rgba(255,255,255,.09);box-shadow:0 20px 55px rgba(0,0,0,.2)}
body.site-visual-v2 main>.con>.split-tools{align-items:stretch}
body.site-visual-v2 main>.con>.split-tools>.panel{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(247,250,255,.92));animation:v2PanelRise .5s cubic-bezier(.2,.8,.2,1) both}
body.site-visual-v2 main>.con>.split-tools>.panel:nth-child(2){animation-delay:.06s}
body.site-visual-v2 main>.con>.split-tools>.panel::after{content:"";position:absolute;width:180px;height:180px;right:-110px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(82,108,255,.14),transparent 68%);pointer-events:none;transition:transform .35s}
body.site-visual-v2 main>.con>.split-tools>.panel:hover::after{transform:scale(1.18)}
[data-dark] body.site-visual-v2 main>.con>.split-tools>.panel{background:linear-gradient(150deg,rgba(18,31,50,.94),rgba(9,18,31,.94))}
body.site-visual-v2 .ph{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,249,255,.84));border-bottom-color:rgba(69,86,126,.12)}
[data-dark] body.site-visual-v2 .ph{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-bottom-color:rgba(255,255,255,.08)}
body.site-visual-v2 input,body.site-visual-v2 textarea,body.site-visual-v2 select,body.site-visual-v2 .target-select{border-color:rgba(70,88,128,.16);background:rgba(255,255,255,.88);box-shadow:inset 0 1px rgba(255,255,255,.75);transition:border-color .2s,box-shadow .2s,background .2s}
body.site-visual-v2 input:focus,body.site-visual-v2 textarea:focus,body.site-visual-v2 select:focus,body.site-visual-v2 .target-select:focus{border-color:rgba(82,108,255,.52);box-shadow:0 0 0 4px rgba(82,108,255,.1),inset 0 1px rgba(255,255,255,.85);outline:0}
[data-dark] body.site-visual-v2 input,[data-dark] body.site-visual-v2 textarea,[data-dark] body.site-visual-v2 select,[data-dark] body.site-visual-v2 .target-select{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#f5f7ff;box-shadow:inset 0 1px rgba(255,255,255,.04)}
[data-dark] body.site-visual-v2 input:focus,[data-dark] body.site-visual-v2 textarea:focus,[data-dark] body.site-visual-v2 select:focus,[data-dark] body.site-visual-v2 .target-select:focus{border-color:rgba(124,145,255,.62);box-shadow:0 0 0 4px rgba(82,108,255,.16)}
body.site-visual-v2 .tool-actions-row .btn,body.site-visual-v2 .pb>.btn{transition:transform .2s,box-shadow .2s,filter .2s}
body.site-visual-v2 .tool-actions-row .btn:hover,body.site-visual-v2 .pb>.btn:hover{transform:translateY(-2px);filter:saturate(1.06);box-shadow:0 14px 30px rgba(82,108,255,.16)}
body.site-visual-v2 .page-icon{transition:transform .28s,background .28s,color .28s}body.site-visual-v2 article:hover>.page-icon{transform:translateY(-3px) rotate(-4deg) scale(1.08);color:#fff;background:linear-gradient(145deg,var(--v2-blue),var(--v2-violet))}

body.site-visual-v2 .feature-hero,body.site-visual-v2 .about-hero,body.site-visual-v2 .faq-hero,body.site-visual-v2 .tools-page-hero{position:relative;isolation:isolate;overflow:hidden}
body.site-visual-v2 .page-showcase-card,body.site-visual-v2 .tools-hero-panel,body.site-visual-v2 .faq-help-card{transform:perspective(1100px) rotateY(-4deg) translateZ(20px);transform-style:preserve-3d;box-shadow:0 38px 90px rgba(35,49,87,.18);transition:transform .4s,box-shadow .4s}
body.site-visual-v2 .page-showcase-card:hover,body.site-visual-v2 .tools-hero-panel:hover,body.site-visual-v2 .faq-help-card:hover{transform:perspective(1100px) rotateY(0) translateY(-5px) translateZ(35px);box-shadow:0 48px 105px rgba(35,49,87,.24)}
body.site-visual-v2 .info26-orb{filter:blur(2px);animation:v2Ambient 8s ease-in-out infinite}body.site-visual-v2 .info26-orb-b{animation-delay:-3s}

body.site-visual-v2.tools-page .tools-page-hero{background:radial-gradient(circle at 80% 5%,rgba(82,108,255,.16),transparent 27rem),linear-gradient(180deg,#f7f9ff,#eef4fc)}
[data-dark] body.site-visual-v2.tools-page .tools-page-hero{background:radial-gradient(circle at 80% 5%,rgba(82,108,255,.14),transparent 27rem),linear-gradient(180deg,#091321,#0d1929)}
body.site-visual-v2 .tools-hero-panel{position:relative;overflow:hidden}body.site-visual-v2 .tools-hero-panel::after{content:"";position:absolute;width:170px;height:170px;right:-90px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,rgba(82,108,255,.2),transparent 68%);animation:v2Ambient 7s ease-in-out infinite}
body.site-visual-v2 .tools-hero-mini{position:relative;z-index:1;transition:transform .22s,background .22s}body.site-visual-v2 .tools-hero-mini:hover{transform:translateX(5px) translateZ(18px)}
body.site-visual-v2 .tool-card{position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .28s,box-shadow .28s,border-color .28s}body.site-visual-v2 .tool-card::after{content:"";position:absolute;width:130px;height:130px;right:-80px;bottom:-85px;border-radius:50%;background:radial-gradient(circle,rgba(82,108,255,.14),transparent 68%);transition:transform .3s}body.site-visual-v2 .tool-card:hover{transform:perspective(900px) translateY(-7px) rotateX(1.5deg);box-shadow:0 30px 70px rgba(32,48,88,.15)}body.site-visual-v2 .tool-card:hover::after{transform:scale(1.2)}

body.site-visual-v2.workspace-page .workspace-app-head{position:relative;overflow:hidden;border-radius:0 0 30px 30px;background:radial-gradient(circle at 83% 0,rgba(82,108,255,.14),transparent 24rem),linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,255,.95));box-shadow:0 18px 50px rgba(34,50,86,.08)}
[data-dark] body.site-visual-v2.workspace-page .workspace-app-head{background:radial-gradient(circle at 83% 0,rgba(82,108,255,.14),transparent 24rem),linear-gradient(180deg,#0d1929,#0a1523)}
body.site-visual-v2.workspace-page .workspace-app-head::after{content:"";position:absolute;width:220px;height:220px;right:5%;top:-155px;border-radius:50%;border:1px solid rgba(82,108,255,.18);box-shadow:0 0 0 45px rgba(82,108,255,.025);animation:v2Ambient 8s ease-in-out infinite;pointer-events:none}
body.site-visual-v2.workspace-page .workspace-app-top,body.site-visual-v2.workspace-page .workspace-statusbar,body.site-visual-v2.workspace-page .editor-shell,body.site-visual-v2.workspace-page .workspace-inspector{box-shadow:0 22px 60px rgba(34,50,86,.09)}

body.site-visual-v2 .legal-wrap{position:relative;overflow:hidden;border:1px solid rgba(61,78,116,.13);border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(244,248,255,.94));box-shadow:0 28px 75px rgba(34,50,86,.1)}body.site-visual-v2 .legal-wrap::after{content:"";position:absolute;width:250px;height:250px;right:-140px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(82,108,255,.16),transparent 68%);pointer-events:none}[data-dark] body.site-visual-v2 .legal-wrap{background:linear-gradient(150deg,#121f32,#0c1726);border-color:rgba(255,255,255,.09)}

@keyframes v2Grid{to{background-position:48px 48px}}@keyframes v2HeroFloat{0%,100%{transform:rotateY(-10deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(1deg) translateY(-12px)}}@keyframes v2Orbit{to{transform:rotate(360deg)}}@keyframes v2Pulse{0%,100%{opacity:.65;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}@keyframes v2Ambient{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-14px,12px,0)}}@keyframes v2PanelRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){body.site-visual-v2 .tool-hero-in.has-tool-visual{grid-template-columns:1fr;min-height:0}.tool-hero-visual{grid-column:1;grid-row:auto;min-height:250px;max-width:520px;width:100%;margin:auto}.tool-hero-visual svg{min-height:250px}body.site-visual-v2 .page-showcase-card,body.site-visual-v2 .tools-hero-panel,body.site-visual-v2 .faq-help-card{transform:none}}
@media(max-width:620px){body.site-visual-v2 .tool-hero-in.has-tool-visual{padding-top:2rem;padding-bottom:2rem}.tool-hero-visual{min-height:210px;margin-top:-1rem}.tool-hero-visual svg{min-height:210px}body.site-visual-v2 .tool-hero h1{font-size:2.65rem!important}body.site-visual-v2 .nav-link-icon{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){body.site-visual-v2 .tool-hero::before,.tool-hero-visual svg,.tool-hero-visual .v2-orbit,.tool-hero-visual .v2-node,body.site-visual-v2 .info26-orb,body.site-visual-v2 .tools-hero-panel::after,body.site-visual-v2.workspace-page .workspace-app-head::after,body.site-visual-v2 main>.con>.split-tools>.panel{animation:none!important}}

/* All Tools — visual discovery experience */
body.tools-page.site-visual-v2 .tools-page-hero{padding:clamp(2rem,5vw,4.5rem) 0 5rem;background:radial-gradient(circle at 82% 12%,rgba(82,108,255,.17),transparent 28rem),radial-gradient(circle at 8% 92%,rgba(37,199,173,.11),transparent 24rem),linear-gradient(180deg,#f8faff,#eef4fc)}
body.tools-page.site-visual-v2 .tools-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(82,108,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(82,108,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 70%);animation:toolsGridDrift 22s linear infinite}
[data-dark] body.tools-page.site-visual-v2 .tools-page-hero{background:radial-gradient(circle at 82% 12%,rgba(82,108,255,.16),transparent 28rem),radial-gradient(circle at 8% 92%,rgba(37,199,173,.09),transparent 24rem),linear-gradient(180deg,#08111d,#0c1828)}
body.tools-page.site-visual-v2 .tools-hero-grid{align-items:center;gap:clamp(2rem,6vw,6rem);padding-top:1rem;padding-bottom:2.2rem}
body.tools-page.site-visual-v2 .tools-hero-title{max-width:760px;font-size:clamp(3.1rem,6vw,6.4rem);line-height:.91;letter-spacing:-.055em;color:#0d1730;text-wrap:balance}
body.tools-page.site-visual-v2 .tools-hero-title::after{content:"33 focused tools.";display:block;margin-top:.18em;background:linear-gradient(90deg,#526cff,#8468f5 52%,#20bba2);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-dark] body.tools-page.site-visual-v2 .tools-hero-title{color:#f6f8ff}
body.tools-page.site-visual-v2 .tools-hero-copy .suite-lead{max-width:700px;color:#5f6d87;font-size:1.03rem;line-height:1.75}[data-dark] body.tools-page.site-visual-v2 .tools-hero-copy .suite-lead{color:#a8b3c8}
body.tools-page.site-visual-v2 .tools-hero-panel{isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;padding:1rem;border:1px solid rgba(74,91,131,.14);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(238,243,255,.78));box-shadow:0 38px 90px rgba(35,49,87,.2),inset 0 1px rgba(255,255,255,.9);overflow:visible}
[data-dark] body.tools-page.site-visual-v2 .tools-hero-panel{background:linear-gradient(145deg,rgba(22,34,54,.95),rgba(10,19,32,.9));border-color:rgba(255,255,255,.1);box-shadow:0 38px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06)}
body.tools-page.site-visual-v2 .tools-hero-panel::after{z-index:-1;width:260px;height:260px;right:-115px;bottom:-125px;background:radial-gradient(circle,rgba(82,108,255,.25),transparent 68%)}
.tools-hero-window{grid-column:1/-1;display:flex;align-items:center;gap:.4rem;min-height:54px;padding:.75rem .8rem;border:1px solid rgba(70,87,128,.11);border-radius:17px;background:rgba(255,255,255,.68);color:#0d1730}.tools-hero-window i{width:8px;height:8px;border-radius:50%;background:#ff6b78}.tools-hero-window i:nth-child(2){background:#ffbd45}.tools-hero-window i:nth-child(3){background:#29c79f}.tools-hero-window b{margin-left:.35rem;font-size:.78rem}.tools-hero-window em{margin-left:auto;color:#78859d;font:500 .63rem var(--fm);font-style:normal;text-transform:uppercase;letter-spacing:.08em}[data-dark] .tools-hero-window{color:#f6f8ff;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}[data-dark] .tools-hero-window em{color:#8f9db5}
body.tools-page.site-visual-v2 .tools-hero-mini{min-height:126px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:.75rem;padding:.85rem;border:1px solid rgba(73,90,130,.12);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(39,54,89,.07);backdrop-filter:blur(12px)}
[data-dark] body.tools-page.site-visual-v2 .tools-hero-mini{background:rgba(255,255,255,.052);border-color:rgba(255,255,255,.085)}
body.tools-page.site-visual-v2 .tools-hero-mini>span{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:15px;color:#526cff;background:linear-gradient(145deg,rgba(82,108,255,.16),rgba(37,199,173,.08));border:1px solid rgba(82,108,255,.13)}body.tools-page.site-visual-v2 .tools-hero-mini:nth-of-type(3)>span{color:#8468f5}body.tools-page.site-visual-v2 .tools-hero-mini:nth-of-type(4)>span{color:#0e9f88}
body.tools-page.site-visual-v2 .tools-hero-mini svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}body.tools-page.site-visual-v2 .tools-hero-mini strong{align-self:end;font-size:.88rem}body.tools-page.site-visual-v2 .tools-hero-mini small{align-self:start;font-size:.66rem}
.tools-hero-orbit{position:absolute;z-index:-1;left:50%;top:53%;width:300px;height:210px;transform:translate(-50%,-50%) rotate(-8deg);border:1px dashed rgba(82,108,255,.18);border-radius:50%;animation:toolsOrbit 16s linear infinite}.tools-hero-orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:#526cff;box-shadow:0 0 0 6px rgba(82,108,255,.1)}.tools-hero-orbit span:nth-child(1){left:6%;top:32%}.tools-hero-orbit span:nth-child(2){right:8%;top:22%;background:#25c7ad}.tools-hero-orbit span:nth-child(3){left:48%;bottom:-5px;background:#8468f5}

.tools-category-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.2rem}.tools-category-rail>a{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:.7rem;padding:.85rem;border:1px solid rgba(70,88,128,.12);border-radius:19px;background:rgba(255,255,255,.7);color:#0d1730;text-decoration:none;box-shadow:0 12px 30px rgba(37,52,87,.07);transition:transform .24s,box-shadow .24s,border-color .24s}.tools-category-rail>a:hover{transform:translateY(-5px);border-color:rgba(82,108,255,.28);box-shadow:0 22px 45px rgba(35,50,88,.13)}.tools-category-rail span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#526cff;background:rgba(82,108,255,.1);font:800 .68rem var(--fm)}.tools-category-rail strong{font-size:.82rem}.tools-category-rail small{color:#71809a;font-size:.64rem}[data-dark] .tools-category-rail>a{color:#f5f7ff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09)}[data-dark] .tools-category-rail small{color:#9eabc0}
body.tools-page.site-visual-v2 .suite-toolbar-card{position:relative;z-index:3;padding:1rem;border:1px solid rgba(70,88,128,.14);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 28px 70px rgba(35,50,88,.12);backdrop-filter:blur(18px)}[data-dark] body.tools-page.site-visual-v2 .suite-toolbar-card{background:rgba(14,25,41,.86);border-color:rgba(255,255,255,.09);box-shadow:0 28px 70px rgba(0,0,0,.24)}
body.tools-page.site-visual-v2 .suite-search{min-height:58px;padding-left:1rem;border-radius:17px;border-color:rgba(70,88,128,.15);background:#f8faff;font-size:.95rem;box-shadow:inset 0 1px rgba(255,255,255,.9)}[data-dark] body.tools-page.site-visual-v2 .suite-search{background:#0b1727;border-color:rgba(255,255,255,.1);color:#f5f7ff}
body.tools-page.site-visual-v2 .suite-filter{position:relative;overflow:hidden;border-radius:12px}body.tools-page.site-visual-v2 .suite-filter.on{background:linear-gradient(135deg,#526cff,#7665ed);border-color:transparent;color:#fff;box-shadow:0 10px 22px rgba(82,108,255,.25)}
body.tools-page.site-visual-v2 .tools-grid{gap:1rem;margin-top:1.4rem}
body.tools-page.site-visual-v2 .tool-card-adv{min-height:390px;padding:1.2rem;border:1px solid rgba(70,88,128,.13);border-radius:25px;background:linear-gradient(150deg,#fff,#f6f9ff);box-shadow:0 18px 50px rgba(36,52,88,.085);animation:toolCardIn .55s cubic-bezier(.2,.8,.2,1) both}
[data-dark] body.tools-page.site-visual-v2 .tool-card-adv{background:linear-gradient(150deg,#142238,#0c1726);border-color:rgba(255,255,255,.085);box-shadow:0 18px 50px rgba(0,0,0,.22)}
body.tools-page.site-visual-v2 .tool-card-adv:nth-child(3n+2){animation-delay:.05s}body.tools-page.site-visual-v2 .tool-card-adv:nth-child(3n){animation-delay:.1s}
body.tools-page.site-visual-v2 .tool-card-adv::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#526cff,#8468f5,#25c7ad);transform:scaleX(0);transform-origin:left;transition:transform .35s}.tools-page .tool-card-adv:hover::before{transform:scaleX(1)}
body.tools-page.site-visual-v2 .tool-icon{width:56px;height:56px;border-radius:18px;color:#526cff;background:linear-gradient(145deg,rgba(82,108,255,.15),rgba(37,199,173,.08));box-shadow:inset 0 1px rgba(255,255,255,.8),0 12px 28px rgba(49,68,158,.1);transition:transform .28s,background .28s,color .28s}body.tools-page.site-visual-v2 .tool-card:hover .tool-icon{transform:translateY(-4px) rotate(-4deg) scale(1.07);color:#fff;background:linear-gradient(145deg,#526cff,#8468f5)}
body.tools-page.site-visual-v2 .tool-card h3{font-size:1.3rem;color:#0d1730}[data-dark] body.tools-page.site-visual-v2 .tool-card h3{color:#f5f7ff}body.tools-page.site-visual-v2 .tool-card p{color:#65738c}[data-dark] body.tools-page.site-visual-v2 .tool-card p{color:#a8b3c8}
body.tools-page.site-visual-v2 .suite-links a{border-radius:9px;background:rgba(82,108,255,.065);color:#526cff}body.tools-page.site-visual-v2 .tool-card-ft .btn{border-radius:12px;background:linear-gradient(135deg,#526cff,#7665ed);box-shadow:0 10px 24px rgba(82,108,255,.22)}
@keyframes toolsGridDrift{to{background-position:56px 56px}}@keyframes toolsOrbit{to{transform:translate(-50%,-50%) rotate(352deg)}}@keyframes toolCardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.tools-category-rail{grid-template-columns:repeat(2,minmax(0,1fr))}body.tools-page.site-visual-v2 .tools-hero-panel{transform:none}}
@media(max-width:620px){body.tools-page.site-visual-v2 .tools-page-hero{padding-top:1.5rem}.tools-category-rail{display:flex;overflow-x:auto;gap:.6rem;padding-bottom:.3rem;scrollbar-width:none}.tools-category-rail::-webkit-scrollbar{display:none}.tools-category-rail>a{flex:0 0 76%;min-width:0}body.tools-page.site-visual-v2 .tools-hero-panel{grid-template-columns:1fr}.tools-hero-window{grid-column:1}.tools-hero-orbit{display:none}body.tools-page.site-visual-v2 .tool-card-adv{min-height:0;border-radius:20px}}
@media(prefers-reduced-motion:reduce){body.tools-page.site-visual-v2 .tools-page-hero::before,.tools-hero-orbit,body.tools-page.site-visual-v2 .tool-card-adv{animation:none!important}}

/* All Tools hierarchy correction: compact hero, grouped discovery */
body.tools-page.site-visual-v2 .tools-page-hero{padding:1.2rem 0 4rem}
body.tools-page.site-visual-v2 .page-head-tools{max-width:1360px;min-height:0;padding:clamp(1.4rem,3vw,2.5rem);border-radius:32px}
body.tools-page.site-visual-v2 .tools-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.76fr);gap:clamp(2rem,5vw,5rem);padding-top:2rem;padding-bottom:2rem}
body.tools-page.site-visual-v2 .tools-hero-title{max-width:720px;margin:.65rem 0 0;font-size:clamp(3rem,5vw,4.8rem);line-height:.94;letter-spacing:-.05em}
body.tools-page.site-visual-v2 .tools-hero-title::after{content:none}
body.tools-page.site-visual-v2 .tools-hero-copy .suite-lead{max-width:680px;margin-top:1rem;font-size:.98rem;line-height:1.68}
body.tools-page.site-visual-v2 .tools-hero-panel{max-width:560px;justify-self:end;padding:.85rem;border-radius:27px;transform:perspective(1100px) rotateY(-3deg)}
body.tools-page.site-visual-v2 .tools-hero-mini{min-height:105px}
body.tools-page.site-visual-v2 .tools-category-rail{margin-top:1.1rem;margin-bottom:1rem}
body.tools-page.site-visual-v2 .suite-toolbar-card{margin-top:.85rem}

body.tools-page.site-visual-v2 .tools-grid.is-grouped{display:block;margin-top:2rem}
.tool-category-group{--group-accent:#526cff;position:relative;margin:0 0 1.35rem;padding:1rem;border:1px solid rgba(65,82,122,.13);border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(244,248,255,.84));box-shadow:0 20px 60px rgba(36,52,89,.085);overflow:hidden}
.tool-category-group::before{content:"";position:absolute;width:320px;height:320px;right:-190px;top:-210px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--group-accent) 20%,transparent),transparent 68%);pointer-events:none}
.tool-category-group.tone-2{--group-accent:#8468f5}.tool-category-group.tone-3{--group-accent:#14a98f}.tool-category-group.tone-4{--group-accent:#ea7b4b}
.tool-category-head{position:relative;z-index:1;display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.45rem .45rem 1.1rem}
.tool-category-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;color:var(--group-accent);background:color-mix(in srgb,var(--group-accent) 11%,white);border:1px solid color-mix(in srgb,var(--group-accent) 18%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--group-accent) 13%,transparent)}
.tool-category-icon svg{width:28px;height:28px}
.tool-category-head small{display:block;margin-bottom:.25rem;color:var(--group-accent);font:800 .64rem var(--fm);letter-spacing:.1em;text-transform:uppercase}.tool-category-head h2{margin:0;color:#0d1730;font:850 1.55rem/1.05 var(--fd);letter-spacing:-.02em}.tool-category-head p{margin:.35rem 0 0;color:#65738c;font-size:.82rem}.tool-category-head button{display:flex;align-items:center;gap:.45rem;border:1px solid rgba(65,82,122,.13);border-radius:12px;padding:.7rem .85rem;background:rgba(255,255,255,.72);color:#46536c;font:750 .74rem var(--fb);cursor:pointer;transition:transform .2s,border-color .2s,color .2s}.tool-category-head button:hover{transform:translateX(3px);border-color:var(--group-accent);color:var(--group-accent)}
.tool-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card-adv{min-height:335px;padding:1rem;border-radius:21px;background:rgba(255,255,255,.78);box-shadow:0 12px 34px rgba(34,50,86,.065)}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card-adv::before{background:var(--group-accent)}
body.tools-page.site-visual-v2 .tool-category-cards .tool-icon{width:50px;height:50px;border-radius:16px;color:var(--group-accent);background:color-mix(in srgb,var(--group-accent) 11%,white)}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card h3{font-size:1.14rem}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card p{font-size:.83rem;line-height:1.5}
body.tools-page.site-visual-v2 .tool-category-cards .suite-links{margin-top:.65rem}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card-ft{padding-top:.7rem;margin-top:auto}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card-ft .btn{background:var(--group-accent);box-shadow:0 9px 20px color-mix(in srgb,var(--group-accent) 20%,transparent)}
[data-dark] .tool-category-group{background:linear-gradient(150deg,rgba(20,33,53,.94),rgba(11,22,37,.92));border-color:rgba(255,255,255,.085);box-shadow:0 20px 60px rgba(0,0,0,.2)}
[data-dark] .tool-category-head h2{color:#f5f7ff}[data-dark] .tool-category-head p{color:#a8b3c8}[data-dark] .tool-category-head button{color:#c2ccdc;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09)}
[data-dark] .tool-category-icon{background:color-mix(in srgb,var(--group-accent) 18%,#101d30)}
[data-dark] body.tools-page.site-visual-v2 .tool-category-cards .tool-card-adv{background:rgba(9,19,32,.72)}
[data-dark] body.tools-page.site-visual-v2 .tool-category-cards .tool-icon{background:color-mix(in srgb,var(--group-accent) 16%,#0d1929)}
@media(max-width:1100px){body.tools-page.site-visual-v2 .tools-hero-grid{grid-template-columns:1fr}body.tools-page.site-visual-v2 .tools-hero-panel{justify-self:stretch}.tool-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.tools-page.site-visual-v2 .page-head-tools{padding:1.2rem;border-radius:22px}body.tools-page.site-visual-v2 .tools-hero-title{font-size:clamp(2.55rem,12vw,3.5rem)}body.tools-page.site-visual-v2 .tools-hero-panel{justify-self:stretch;max-width:none;transform:none}.tool-category-group{padding:.75rem;border-radius:22px}.tool-category-head{grid-template-columns:48px 1fr}.tool-category-icon{width:48px;height:48px;border-radius:15px}.tool-category-head button{grid-column:1/-1;justify-content:center}.tool-category-cards{grid-template-columns:1fr}body.tools-page.site-visual-v2 .tool-category-cards .tool-card-adv{min-height:0}}

/* All Tools professional design system */
body.tools-page.site-visual-v2{
  --tools-bg:#f7f9fc;--tools-surface:#fff;--tools-soft:#f1f5f9;--tools-text:#0f172a;--tools-muted:#64748b;--tools-border:#e2e8f0;--tools-primary:#4f63e9;--tools-primary-soft:#eef1ff;--tools-success:#10a77f;--tools-radius:20px;--tools-shadow:0 20px 60px rgba(15,23,42,.08);
  background:var(--tools-bg);
}
[data-dark] body.tools-page.site-visual-v2{--tools-bg:#09121f;--tools-surface:#111d2d;--tools-soft:#0c1726;--tools-text:#f8fafc;--tools-muted:#9eabc0;--tools-border:#263449;--tools-primary:#91a1ff;--tools-primary-soft:#182746;--tools-success:#35d0a5;background:var(--tools-bg)}
body.tools-page.site-visual-v2 .tools-page-hero{padding:0 0 64px;background:linear-gradient(180deg,#fbfcff 0%,#f4f7fb 68%,var(--tools-bg) 100%)}
[data-dark] body.tools-page.site-visual-v2 .tools-page-hero{background:linear-gradient(180deg,#0d1828 0%,#0b1523 68%,var(--tools-bg) 100%)}
body.tools-page.site-visual-v2 .tools-page-hero::before{opacity:.45;animation:none}
body.tools-page.site-visual-v2 .page-head-tools{max-width:1280px;padding:72px 24px 48px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}
body.tools-page.site-visual-v2 .tools-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(400px,.75fr);gap:64px;align-items:center;padding-top:72px;padding-bottom:40px}
body.tools-page.site-visual-v2 .tools-hero-copy .eyebrow{width:max-content;margin:0 0 20px;padding:8px 12px;border:1px solid #dfe4ff;border-radius:999px;background:#f1f3ff;color:#4f63e9;font-size:11px;letter-spacing:.12em}
[data-dark] body.tools-page.site-visual-v2 .tools-hero-copy .eyebrow{border-color:#2c3c68;background:#172441;color:#aeb9ff}
body.tools-page.site-visual-v2 .tools-hero-title{max-width:720px;margin:0;color:var(--tools-text);font-size:clamp(48px,5.1vw,72px);font-weight:900;line-height:.98;letter-spacing:-.055em}
body.tools-page.site-visual-v2 .tools-hero-copy .suite-lead{max-width:650px;margin:24px 0 0;color:var(--tools-muted);font-size:17px;line-height:1.7}
.tools-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.tools-hero-actions .btn{min-height:48px;padding:0 20px;border-radius:12px}.tools-hero-actions .btn-p{background:var(--tools-primary);border-color:var(--tools-primary);box-shadow:0 12px 28px rgba(79,99,233,.22)}.tools-hero-actions .btn-g{background:var(--tools-surface);border-color:var(--tools-border);color:var(--tools-text);box-shadow:none}
.tools-hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px}.tools-hero-trust span{position:relative;padding-left:15px;color:var(--tools-muted);font-size:12px;font-weight:700}.tools-hero-trust span::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:var(--tools-success);transform:translateY(-50%)}
body.tools-page.site-visual-v2 .tools-hero-panel{max-width:520px;width:100%;padding:12px;gap:10px;border:1px solid var(--tools-border);border-radius:24px;background:color-mix(in srgb,var(--tools-surface) 92%,transparent);box-shadow:var(--tools-shadow);transform:none;backdrop-filter:blur(18px)}
body.tools-page.site-visual-v2 .tools-hero-panel:hover{transform:translateY(-3px);box-shadow:0 28px 70px rgba(15,23,42,.12)}
body.tools-page.site-visual-v2 .tools-hero-panel::after{display:none}.tools-hero-orbit{opacity:.35;animation:none}
.tools-hero-window{min-height:48px;padding:10px 12px;border-color:var(--tools-border);border-radius:14px;background:var(--tools-soft);color:var(--tools-text)}
body.tools-page.site-visual-v2 .tools-hero-mini{min-height:104px;padding:14px;border-color:var(--tools-border);border-radius:16px;background:var(--tools-surface);box-shadow:none;backdrop-filter:none}
body.tools-page.site-visual-v2 .tools-hero-mini:hover{transform:translateY(-2px);border-color:#c4cdfa;background:var(--tools-primary-soft);box-shadow:0 14px 30px rgba(15,23,42,.08)}
body.tools-page.site-visual-v2 .tools-hero-mini>span{width:42px;height:42px;border-radius:12px;color:var(--tools-primary);background:var(--tools-primary-soft);border-color:transparent}
body.tools-page.site-visual-v2 .tools-hero-mini strong{color:var(--tools-text);font-size:13px}body.tools-page.site-visual-v2 .tools-hero-mini small{color:var(--tools-muted);font-size:11px}
body.tools-page.site-visual-v2 .tools-category-rail{max-width:1280px;gap:12px;margin-top:0;margin-bottom:20px;padding:0 24px}
.tools-category-rail>a{min-height:76px;padding:14px;border-color:var(--tools-border);border-radius:16px;background:var(--tools-surface);color:var(--tools-text);box-shadow:0 8px 24px rgba(15,23,42,.045)}.tools-category-rail>a:hover{transform:translateY(-2px);border-color:#c5cef7;box-shadow:0 14px 32px rgba(15,23,42,.08)}.tools-category-rail span{background:var(--tools-primary-soft);color:var(--tools-primary)}.tools-category-rail small{color:var(--tools-muted)}
body.tools-page.site-visual-v2 .suite-toolbar-card{position:sticky;top:76px;z-index:30;margin-top:0;padding:16px;border-color:var(--tools-border);border-radius:20px;background:color-mix(in srgb,var(--tools-surface) 92%,transparent);box-shadow:0 14px 40px rgba(15,23,42,.08);backdrop-filter:blur(18px)}
body.tools-page.site-visual-v2 .suite-search{min-height:52px;border-color:var(--tools-border);border-radius:12px;background:var(--tools-soft);color:var(--tools-text);box-shadow:none}body.tools-page.site-visual-v2 .suite-search:focus{border-color:var(--tools-primary);box-shadow:0 0 0 4px rgba(79,99,233,.1)}
body.tools-page.site-visual-v2 .suite-filter{min-height:38px;padding:0 12px;border-color:var(--tools-border);border-radius:10px;background:var(--tools-surface);color:var(--tools-muted)}body.tools-page.site-visual-v2 .suite-filter::before{width:6px;height:6px;background:#94a3b8;box-shadow:none}body.tools-page.site-visual-v2 .suite-filter.on{background:var(--tools-primary);border-color:var(--tools-primary);color:#fff;box-shadow:none}body.tools-page.site-visual-v2 .suite-filter.on::before{background:#fff;box-shadow:none}
body.tools-page.site-visual-v2 .suite-toolbar-note{border-color:var(--tools-border)}body.tools-page.site-visual-v2 .suite-toolbar-stat{color:var(--tools-muted)}body.tools-page.site-visual-v2 .suite-toolbar-stat strong{color:var(--tools-text)}
body.tools-page.site-visual-v2 .tools-grid.is-grouped{max-width:1280px;margin:32px auto 0}
.tool-category-group{margin-bottom:20px;padding:20px;border-color:var(--tools-border);border-radius:24px;background:var(--tools-surface);box-shadow:0 12px 38px rgba(15,23,42,.055)}.tool-category-group::before{display:none}
.tool-category-head{grid-template-columns:52px minmax(0,1fr) auto;gap:16px;padding:0 0 18px}.tool-category-icon{width:52px;height:52px;border-radius:15px;box-shadow:none}.tool-category-head h2{color:var(--tools-text);font-size:22px}.tool-category-head p{color:var(--tools-muted);font-size:13px}.tool-category-head button{border-color:var(--tools-border);background:var(--tools-soft);color:var(--tools-muted)}
.tool-category-cards{gap:12px}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card-adv{min-height:310px;padding:18px;border-color:var(--tools-border);border-radius:18px;background:var(--tools-bg);box-shadow:none;animation:toolCardIn .4s ease both}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card-adv:hover{transform:translateY(-3px);border-color:#c7cff4;background:var(--tools-surface);box-shadow:0 16px 36px rgba(15,23,42,.08)}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card-adv::after{display:none}
body.tools-page.site-visual-v2 .tool-category-cards .tool-icon{width:46px;height:46px;border-radius:13px;box-shadow:none}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card h3{color:var(--tools-text);font-size:17px}body.tools-page.site-visual-v2 .tool-category-cards .tool-card p{color:var(--tools-muted);font-size:13px}
body.tools-page.site-visual-v2 .suite-links a{background:var(--tools-primary-soft);color:var(--tools-primary)}
body.tools-page.site-visual-v2 .tool-category-cards .tool-card-ft .btn{background:var(--tools-primary);border-color:var(--tools-primary);box-shadow:none}
body.tools-page.site-visual-v2 .tool-card-note{color:var(--tools-muted)}
@media(max-width:1000px){body.tools-page.site-visual-v2 .tools-hero-grid{grid-template-columns:1fr;padding-top:48px;gap:36px}body.tools-page.site-visual-v2 .tools-hero-panel{justify-self:stretch;max-width:none}.tools-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.tools-page.site-visual-v2 .page-head-tools{padding:40px 16px 28px}body.tools-page.site-visual-v2 .tools-hero-title{font-size:42px}.tools-hero-actions .btn{flex:1}.tools-hero-trust{gap:12px}.tools-category-rail{padding:0 16px!important}.tools-category-rail>a{flex-basis:82%}body.tools-page.site-visual-v2 .suite-toolbar-card{position:static;border-radius:16px}.tool-category-group{padding:14px;border-radius:18px}.tool-category-head{grid-template-columns:44px 1fr}.tool-category-icon{width:44px;height:44px}.tool-category-cards{grid-template-columns:1fr}body.tools-page.site-visual-v2 .tool-category-cards .tool-card-adv{min-height:0}}

/* Unified All Tools bento canvas */
body.tools-page.site-visual-v2 .tools-grid.is-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(240px,auto);gap:14px;max-width:1280px;margin:28px auto 0}
body.tools-page.site-visual-v2 .tools-grid.is-filtered{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.bento-tool-card{--card-accent:#5368ee;position:relative;display:flex;min-width:0;min-height:240px;flex-direction:column;padding:20px;border:1px solid var(--tools-border);border-radius:20px;background:var(--tools-surface);color:var(--tools-text);box-shadow:0 10px 32px rgba(15,23,42,.055);overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.bento-tool-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.bento-tool-card::after{content:"";position:absolute;width:150px;height:150px;right:-92px;bottom:-96px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--card-accent) 15%,transparent),transparent 68%);pointer-events:none}
.bento-tool-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-accent) 34%,var(--tools-border));box-shadow:0 20px 44px rgba(15,23,42,.1)}.bento-tool-card:hover::before{transform:scaleX(1)}
.bento-tool-card.tone-2{--card-accent:#8167eb}.bento-tool-card.tone-3{--card-accent:#0fa985}.bento-tool-card.tone-4{--card-accent:#e2794a}.bento-tool-card.tone-5{--card-accent:#d34f8c}
.bento-tool-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.bento-tool-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 10%,var(--tools-surface));border:1px solid color-mix(in srgb,var(--card-accent) 14%,transparent);transition:transform .24s,background .24s,color .24s}.bento-tool-icon svg{width:24px;height:24px}.bento-tool-card:hover .bento-tool-icon{transform:rotate(-4deg) scale(1.06);background:var(--card-accent);color:#fff}
.bento-tool-category{padding:5px 9px;border-radius:999px;background:var(--tools-soft);color:var(--tools-muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bento-tool-card h3{margin:20px 0 8px;color:var(--tools-text);font:850 18px/1.12 var(--fd);letter-spacing:-.02em}.bento-tool-card p{display:-webkit-box;margin:0;color:var(--tools-muted);font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.bento-tool-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px}.bento-tool-bottom>span{max-width:65%;color:var(--tools-muted);font-size:11px;font-weight:650}.bento-tool-bottom>a{display:inline-flex;align-items:center;gap:5px;color:var(--card-accent);font-size:12px;font-weight:800;text-decoration:none}.bento-tool-bottom>a span{transition:transform .2s}.bento-tool-bottom>a:hover span{transform:translate(2px,-2px)}
.bento-tool-card.is-hero{grid-column:span 2;grid-row:span 2;min-height:494px;padding:28px;background:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--card-accent) 18%,transparent),transparent 18rem),linear-gradient(145deg,var(--tools-surface),var(--tools-primary-soft))}.bento-tool-card.is-hero .bento-tool-icon{width:68px;height:68px;border-radius:20px}.bento-tool-card.is-hero .bento-tool-icon svg{width:32px;height:32px}.bento-tool-card.is-hero h3{max-width:420px;margin-top:36px;font-size:clamp(28px,3vw,42px)}.bento-tool-card.is-hero p{max-width:560px;font-size:15px;line-height:1.65;-webkit-line-clamp:5}.bento-tool-card.is-hero .bento-tool-bottom{padding-top:30px}.bento-tool-card.is-hero .bento-tool-bottom>a{min-height:42px;padding:0 15px;border-radius:11px;background:var(--card-accent);color:#fff}
.bento-tool-card.is-featured:not(.is-hero){min-height:300px;background:linear-gradient(150deg,var(--tools-surface),color-mix(in srgb,var(--card-accent) 6%,var(--tools-surface)))}.bento-tool-card.is-featured:not(.is-hero) h3{font-size:21px}.bento-tool-card.is-featured:not(.is-hero) p{-webkit-line-clamp:4}
[data-dark] .bento-tool-card{box-shadow:0 12px 34px rgba(0,0,0,.18)}[data-dark] .bento-tool-card:hover{box-shadow:0 22px 50px rgba(0,0,0,.28)}
@media(max-width:1050px){body.tools-page.site-visual-v2 .tools-grid.is-bento{grid-template-columns:repeat(2,minmax(0,1fr))}body.tools-page.site-visual-v2 .tools-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body.tools-page.site-visual-v2 .tools-grid.is-bento,body.tools-page.site-visual-v2 .tools-grid.is-filtered{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.bento-tool-card,.bento-tool-card.is-featured:not(.is-hero),.bento-tool-card.is-hero{grid-column:auto;grid-row:auto;min-height:230px;padding:18px;border-radius:17px}.bento-tool-card.is-hero .bento-tool-icon{width:52px;height:52px;border-radius:15px}.bento-tool-card.is-hero h3{margin-top:22px;font-size:26px}.bento-tool-card.is-hero p{font-size:13px}}

.orbit-publish{left:5%;bottom:4%;transform:translateZ(48px) rotate(4deg);animation:cardFloatB 6.8s .5s ease-in-out infinite}
@media(max-width:620px){.orbit-publish{left:2%;bottom:2%}}

/* Varied, restrained motion signatures across product pages */
body.features-page.site-visual-v2 .map-step{animation:v2StepReveal .55s cubic-bezier(.2,.8,.2,1) both}body.features-page.site-visual-v2 .map-step:nth-child(3){animation-delay:.08s}body.features-page.site-visual-v2 .map-step:nth-child(4){animation-delay:.16s}body.features-page.site-visual-v2 .map-step:nth-child(5){animation-delay:.24s}
body.about-page.site-visual-v2 .snapshot-list>div{animation:v2SlideReveal .55s cubic-bezier(.2,.8,.2,1) both}body.about-page.site-visual-v2 .snapshot-list>div:nth-child(2){animation-delay:.1s}body.about-page.site-visual-v2 .snapshot-list>div:nth-child(3){animation-delay:.2s}
body.faq-page.site-visual-v2 .faq-topic-card{animation:v2StepReveal .5s cubic-bezier(.2,.8,.2,1) both}body.faq-page.site-visual-v2 .faq-topic-card:nth-child(2){animation-delay:.07s}body.faq-page.site-visual-v2 .faq-topic-card:nth-child(3){animation-delay:.14s}body.faq-page.site-visual-v2 .faq-topic-card:nth-child(4){animation-delay:.21s}
body.workspace-page.site-visual-v2 .workspace-kicker::before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#22c99a;box-shadow:0 0 0 5px rgba(34,201,154,.12);animation:v2StatusPulse 2.2s ease-in-out infinite}
@keyframes v2StepReveal{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes v2SlideReveal{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes v2StatusPulse{0%,100%{box-shadow:0 0 0 4px rgba(34,201,154,.12)}50%{box-shadow:0 0 0 9px rgba(34,201,154,0)}}
@media(prefers-reduced-motion:reduce){body.features-page.site-visual-v2 .map-step,body.about-page.site-visual-v2 .snapshot-list>div,body.faq-page.site-visual-v2 .faq-topic-card,body.workspace-page.site-visual-v2 .workspace-kicker::before{animation:none!important}}

/* Premium All Tools information architecture */
.tools-text-action{display:inline-flex;align-items:center;min-height:48px;padding:0 8px;color:var(--tools-primary);font-size:13px;font-weight:800;text-decoration:none}.tools-text-action:hover{text-decoration:underline}
.tools-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.tools-section-heading h2,.tools-browse-heading h2,.tools-trust-layout h2{margin:8px 0 0;color:var(--tools-text);font:850 clamp(28px,3vw,42px)/1.05 var(--fd);letter-spacing:-.035em}.tools-section-heading p,.tools-browse-heading p,.tools-trust-layout>div:first-child>p{margin:8px 0 0;color:var(--tools-muted);font-size:14px;line-height:1.65}.tools-section-heading>a{flex:none;color:var(--tools-primary);font-size:13px;font-weight:800;text-decoration:none}.tools-section-heading>a span{display:inline-block;transition:transform .2s}.tools-section-heading>a:hover span{transform:translateY(3px)}
.tools-featured-section{padding:56px 0 32px}.tools-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.featured-tool-card{--feature-accent:#5368ee;position:relative;display:flex;min-width:0;min-height:360px;flex-direction:column;padding:22px;border:1px solid var(--tools-border);border-radius:22px;background:var(--tools-surface);box-shadow:0 14px 40px rgba(15,23,42,.065);overflow:hidden;transition:transform .24s,border-color .24s,box-shadow .24s}.featured-tool-card:nth-child(3n+2){--feature-accent:#8067e9}.featured-tool-card:nth-child(3n){--feature-accent:#0fa985}.featured-tool-card::after{content:"";position:absolute;width:180px;height:180px;right:-105px;top:-110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--feature-accent) 18%,transparent),transparent 68%);pointer-events:none}.featured-tool-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--feature-accent) 34%,var(--tools-border));box-shadow:0 24px 55px rgba(15,23,42,.11)}.featured-tool-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.featured-tool-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;color:var(--feature-accent);background:color-mix(in srgb,var(--feature-accent) 10%,var(--tools-surface));border:1px solid color-mix(in srgb,var(--feature-accent) 15%,transparent)}.featured-tool-icon svg{width:28px;height:28px}.featured-tool-label{padding:5px 9px;border-radius:999px;background:var(--tools-primary-soft);color:var(--tools-primary);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.featured-tool-card h3{margin:24px 0 8px;color:var(--tools-text);font:850 22px/1.1 var(--fd)}.featured-tool-card p{margin:0;color:var(--tools-muted);font-size:13px;line-height:1.6}.featured-tool-card ul{display:grid;gap:7px;margin:18px 0 0;padding:0;list-style:none}.featured-tool-card li{position:relative;padding-left:17px;color:var(--tools-muted);font-size:12px}.featured-tool-card li::before{content:"";position:absolute;left:0;top:.42em;width:7px;height:7px;border:2px solid var(--feature-accent);border-radius:50%}.featured-tool-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px}.featured-tool-foot>span{color:var(--tools-muted);font-size:11px;font-weight:750}.featured-tool-foot>a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border-radius:11px;background:var(--feature-accent);color:#fff;font-size:12px;font-weight:800;text-decoration:none}.featured-tool-foot>a span{transition:transform .2s}.featured-tool-foot>a:hover span{transform:translateX(3px)}
.suite-search-control{position:relative}.suite-search-control>svg{position:absolute;z-index:2;left:16px;top:50%;width:19px;height:19px;fill:none;stroke:var(--tools-muted);stroke-width:1.8;stroke-linecap:round;transform:translateY(-50%);pointer-events:none}.suite-search-control .suite-search{padding-left:46px;padding-right:48px}.suite-search-control>button{position:absolute;z-index:2;right:10px;top:50%;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--tools-muted);font-size:21px;cursor:pointer;transform:translateY(-50%)}.suite-search-control>button:hover{background:var(--tools-primary-soft);color:var(--tools-primary)}.suite-search-control>button[hidden]{display:none}
.tools-browse-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:42px 0 0}.tools-browse-heading>span{flex:none;padding:7px 11px;border:1px solid var(--tools-border);border-radius:999px;background:var(--tools-surface);color:var(--tools-muted);font:750 11px var(--fm)}
.bento-tool-badges,.bento-tool-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bento-tool-badges{margin-top:14px}.bento-tool-badges span{padding:4px 7px;border-radius:7px;background:var(--tools-primary-soft);color:var(--tools-primary);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bento-tool-badges span+span{background:color-mix(in srgb,var(--card-accent) 10%,var(--tools-surface));color:var(--card-accent)}.bento-tool-tags{margin-top:14px}.bento-tool-tags span{color:var(--tools-muted);font-size:10px}.bento-tool-tags span+span::before{content:"·";margin-right:6px;color:#94a3b8}
body.tools-page.site-visual-v2 .tools-grid.is-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto}.bento-tool-card{min-height:290px}.bento-tool-card p{-webkit-line-clamp:3}.bento-tool-card h3{margin-top:14px}.bento-tool-bottom>span{font-size:10px}.tools-empty-state{grid-column:1/-1;display:grid;place-items:center;min-height:380px;padding:48px;text-align:center;border:1px dashed var(--tools-border);border-radius:22px;background:var(--tools-surface)}.tools-empty-state>span{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;color:var(--tools-primary);background:var(--tools-primary-soft)}.tools-empty-state>span svg{width:30px;height:30px}.tools-empty-state h3{margin:18px 0 6px;color:var(--tools-text);font:850 22px var(--fd)}.tools-empty-state p{margin:0 0 20px;color:var(--tools-muted);font-size:13px}
.tools-task-section{padding:80px 0;background:linear-gradient(180deg,var(--tools-bg),color-mix(in srgb,var(--tools-primary-soft) 35%,var(--tools-bg)))}.tools-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tools-task-grid>a{position:relative;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center;min-height:116px;padding:16px;border:1px solid var(--tools-border);border-radius:17px;background:var(--tools-surface);color:var(--tools-text);text-decoration:none;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:transform .22s,border-color .22s,box-shadow .22s}.tools-task-grid>a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tools-primary) 38%,var(--tools-border));box-shadow:0 18px 38px rgba(15,23,42,.09)}.tools-task-grid>a>span{position:absolute;right:12px;top:10px;color:var(--tools-muted);font:700 9px var(--fm)}.tools-task-grid svg{grid-row:1/3;width:46px;height:46px;padding:11px;border-radius:13px;background:var(--tools-primary-soft);fill:none;stroke:var(--tools-primary);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tools-task-grid strong{align-self:end;font-size:13px}.tools-task-grid small{align-self:start;margin-top:3px;color:var(--tools-muted);font-size:11px}
.tools-trust-section{padding:80px 0;background:linear-gradient(135deg,#0b1422,#111d31);color:#fff}.tools-trust-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:64px}.tools-trust-layout h2{color:#fff}.tools-trust-layout>div:first-child>p{color:rgba(230,237,250,.68)}.tools-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tools-trust-grid article{min-height:132px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.05)}.tools-trust-grid strong,.tools-trust-grid span{display:block}.tools-trust-grid strong{font-size:14px}.tools-trust-grid span{margin-top:8px;color:rgba(230,237,250,.62);font-size:12px;line-height:1.55}
.bento-tool-card:focus-within,.featured-tool-card:focus-within,.tools-task-grid>a:focus-visible{outline:3px solid color-mix(in srgb,var(--tools-primary) 38%,transparent);outline-offset:3px}
@media(max-width:1050px){.tools-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-trust-layout{grid-template-columns:1fr;gap:32px}body.tools-page.site-visual-v2 .tools-grid.is-bento{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.tools-featured-section{padding-top:36px}.tools-featured-grid{grid-template-columns:1fr}.featured-tool-card{min-height:330px}.tools-section-heading,.tools-browse-heading{align-items:flex-start;flex-direction:column;gap:10px}.tools-browse-heading{margin-top:32px}.tools-task-section,.tools-trust-section{padding:56px 0}.tools-task-grid{grid-template-columns:1fr}.tools-trust-grid{grid-template-columns:1fr}body.tools-page.site-visual-v2 .tools-grid.is-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-toolbar-note{display:none}}
@media(max-width:520px){body.tools-page.site-visual-v2 .tools-grid.is-bento{grid-template-columns:1fr}.bento-tool-card{min-height:260px}.tools-hero-actions .tools-text-action{width:100%;justify-content:center}.suite-filter-row{margin-inline:-4px}.suite-filter{min-height:42px}.tools-empty-state{min-height:320px;padding:32px 18px}}
@media(prefers-reduced-motion:reduce){.featured-tool-card,.tools-task-grid>a,.bento-tool-card{transition:none!important}}

/* Premium Features landing page */
.features26{--feature-bg:#f3f7ff;--feature-surface:rgba(255,255,255,.84);--feature-surface-soft:#edf3ff;--feature-border:rgba(68,86,128,.14);--feature-text:#0d1730;--feature-muted:#66738c;--feature-primary:#526cff;--feature-primary-soft:rgba(82,108,255,.11);--feature-shadow:0 24px 70px rgba(35,49,87,.11);--feature-radius-xl:32px;--feature-radius-lg:22px;overflow:hidden;background:var(--feature-bg);color:var(--feature-text)}
[data-dark] .features26{--feature-bg:#08121f;--feature-surface:rgba(18,31,50,.84);--feature-surface-soft:#101d30;--feature-border:rgba(255,255,255,.09);--feature-text:#f5f8ff;--feature-muted:#a5b2c7;--feature-primary:#8296ff;--feature-primary-soft:rgba(130,150,255,.13);--feature-shadow:0 28px 80px rgba(0,0,0,.28)}
.features26-hero{position:relative;padding:clamp(4rem,8vw,7rem) 0 2rem;background:radial-gradient(circle at 78% 18%,rgba(82,108,255,.2),transparent 27rem),radial-gradient(circle at 8% 88%,rgba(29,195,166,.12),transparent 24rem),linear-gradient(180deg,var(--feature-bg),color-mix(in srgb,var(--feature-primary-soft) 30%,var(--feature-bg)))}
.features26-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(82,108,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(82,108,255,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(black,transparent 80%);animation:featuresGrid 26s linear infinite;pointer-events:none}
.features26-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:clamp(2rem,6vw,6rem);align-items:center}.features26-hero-copy{position:relative;z-index:2}.features26-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--feature-primary) 18%,transparent);border-radius:999px;background:var(--feature-primary-soft);color:var(--feature-primary);font:800 .68rem var(--fm);letter-spacing:.1em;text-transform:uppercase}.features26-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent)}
.features26-hero h1{max-width:790px;margin:20px 0 18px;color:var(--feature-text);font:900 clamp(3rem,5.6vw,5.8rem)/.94 var(--fd);letter-spacing:-.055em;text-wrap:balance}.features26-hero-copy>p{max-width:720px;color:var(--feature-muted);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.72}.features26-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}.features26-text-link{display:inline-flex;align-items:center;gap:7px;padding:10px;color:var(--feature-primary);font-size:.84rem;font-weight:800}.features26-text-link span{transition:transform .2s}.features26-text-link:hover span{transform:translateY(3px)}.features26-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.features26-chips span{padding:7px 10px;border:1px solid var(--feature-border);border-radius:999px;background:var(--feature-surface);color:var(--feature-muted);font-size:.7rem;font-weight:750;box-shadow:0 8px 20px rgba(35,49,87,.05)}
.features26-cluster{position:relative;min-height:540px;perspective:1200px;transform-style:preserve-3d}.features26-browser{position:absolute;inset:70px 5% 65px 8%;border:1px solid var(--feature-border);border-radius:30px;background:color-mix(in srgb,var(--feature-surface) 95%,transparent);box-shadow:0 42px 90px rgba(30,43,82,.2);transform:rotateY(-8deg) rotateX(4deg);transform-style:preserve-3d;backdrop-filter:blur(18px);animation:featuresFloat 8s ease-in-out infinite}.features26-browser-bar{display:flex;align-items:center;gap:6px;padding:15px;border-bottom:1px solid var(--feature-border)}.features26-browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff6b78}.features26-browser-bar i:nth-child(2){background:#ffbd45}.features26-browser-bar i:nth-child(3){background:#25c7ad}.features26-browser-bar strong{margin-left:7px;font-size:.76rem}.features26-browser-bar span{margin-left:auto;color:var(--feature-muted);font:600 .56rem var(--fm);letter-spacing:.08em;text-transform:uppercase}.features26-browser-body{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;padding:15px}.features26-document,.features26-side span{border:1px solid var(--feature-border);border-radius:18px;background:var(--feature-surface-soft)}.features26-document{min-height:300px;padding:22px}.features26-document b{display:block;margin-bottom:30px}.features26-document i{display:block;width:88%;height:10px;margin:12px 0;border-radius:99px;background:color-mix(in srgb,var(--feature-primary) 15%,transparent)}.features26-document i:nth-of-type(2){width:66%}.features26-document i:nth-of-type(3){width:74%}.features26-document small{display:block;margin-top:90px;color:var(--feature-muted)}.features26-side{display:grid;gap:10px}.features26-side span{display:flex;flex-direction:column;justify-content:center;padding:15px;color:var(--feature-muted);font-size:.66rem}.features26-side b{margin-top:5px;color:var(--feature-text);font-size:.9rem}
.features26-float{position:absolute;z-index:4;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;min-width:150px;padding:12px;border:1px solid var(--feature-border);border-radius:17px;background:color-mix(in srgb,var(--feature-surface) 94%,transparent);box-shadow:0 22px 50px rgba(31,46,82,.17);backdrop-filter:blur(16px);transform-style:preserve-3d}.features26-float>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--feature-primary-soft);color:var(--feature-primary);font:850 .75rem var(--fm)}.features26-float b{font-size:.76rem}.features26-float small{color:var(--feature-muted);font-size:.6rem}.f-write{left:0;top:22px;animation:featuresCardA 7s ease-in-out infinite}.f-seo{right:0;top:8px;animation:featuresCardB 8s .6s ease-in-out infinite}.f-image{right:-2%;bottom:18px;animation:featuresCardA 7.5s 1s ease-in-out infinite}.f-pdf{left:1%;bottom:0;animation:featuresCardB 8.5s .3s ease-in-out infinite}.features26-local{position:absolute;z-index:5;left:50%;bottom:42px;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#0d1a2d;color:#fff;box-shadow:0 18px 38px rgba(13,26,45,.25);font-size:.68rem;transform:translateX(-50%) translateZ(55px)}.features26-local span{color:#36d6ab}
.features26-capability-strip{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border:1px solid var(--feature-border);border-radius:20px;background:var(--feature-surface);box-shadow:var(--feature-shadow);overflow:hidden}.features26-capability-strip span{padding:17px 18px;color:var(--feature-muted);font-size:.72rem}.features26-capability-strip span+span{border-left:1px solid var(--feature-border)}.features26-capability-strip b{display:block;margin-bottom:3px;color:var(--feature-text);font-size:.82rem}
.features26-section{padding:clamp(4rem,8vw,7rem) 0}.features26-heading{max-width:780px;margin-bottom:34px}.features26-heading>span{color:var(--feature-primary);font:800 .68rem var(--fm);letter-spacing:.1em;text-transform:uppercase}.features26-heading h2,.features26-stack-copy h2,.features26-trust-copy h2,.features26-cta-card h2{margin:10px 0;color:var(--feature-text);font:900 clamp(2.2rem,4vw,4rem)/1 var(--fd);letter-spacing:-.045em;text-wrap:balance}.features26-heading p,.features26-stack-copy p,.features26-trust-copy>p,.features26-cta-card p{color:var(--feature-muted);font-size:.95rem;line-height:1.7}
.features26-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.features26-timeline::before{content:"";position:absolute;left:8%;right:8%;top:54px;height:2px;background:linear-gradient(90deg,var(--feature-primary),#8269ed,#20bda1);box-shadow:0 0 18px rgba(82,108,255,.35)}.features26-timeline article{position:relative;z-index:1;min-height:240px;padding:20px;border:1px solid var(--feature-border);border-radius:var(--feature-radius-lg);background:var(--feature-surface);box-shadow:0 16px 42px rgba(35,49,87,.07);transition:transform .25s,box-shadow .25s}.features26-timeline article:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:var(--feature-shadow)}.features26-timeline article>b{float:right;color:var(--feature-muted);font:700 .62rem var(--fm)}.features26-timeline article>span{display:grid;place-items:center;width:68px;height:68px;border:8px solid var(--feature-bg);border-radius:20px;background:linear-gradient(145deg,var(--feature-primary),#8367ed);color:#fff;font:850 1rem var(--fm);box-shadow:0 16px 34px rgba(82,108,255,.22)}.features26-timeline h3{margin:22px 0 8px;font:850 1.25rem var(--fd)}.features26-timeline p{color:var(--feature-muted);font-size:.8rem;line-height:1.65}
.features26-pillars{background:color-mix(in srgb,var(--feature-primary-soft) 32%,var(--feature-bg))}.features26-pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.features26-pillar{position:relative;min-height:410px;padding:26px;border:1px solid var(--feature-border);border-radius:var(--feature-radius-xl);background:var(--feature-surface);box-shadow:0 18px 48px rgba(35,49,87,.08);transition:transform .3s,box-shadow .3s;transform-style:preserve-3d;overflow:hidden}.features26-pillar::after{content:"";position:absolute;width:220px;height:220px;right:-130px;top:-130px;border-radius:50%;background:radial-gradient(circle,var(--feature-primary-soft),transparent 68%)}.features26-pillar:hover{transform:perspective(1000px) translateY(-7px) rotateX(1.5deg);box-shadow:var(--feature-shadow)}.features26-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--feature-primary),#8169ea);color:#fff;font:850 .9rem var(--fm);box-shadow:0 16px 35px rgba(82,108,255,.22);transition:transform .25s}.features26-pillar:hover .features26-icon{transform:translateY(-4px) rotate(-5deg)}.features26-pillar h3{margin:22px 0 7px;font:850 1.45rem var(--fd)}.features26-pillar>p{max-width:500px;color:var(--feature-muted);font-size:.84rem}.features26-pillar ul{display:grid;gap:8px;margin:20px 0;padding:0;list-style:none}.features26-pillar li{position:relative;padding-left:18px;color:var(--feature-muted);font-size:.76rem}.features26-pillar li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border:2px solid var(--feature-primary);border-radius:50%}.features26-pillar>a{position:absolute;left:26px;bottom:24px;color:var(--feature-primary);font-size:.78rem;font-weight:800}.features26-pillar>a span{display:inline-block;transition:transform .2s}.features26-pillar>a:hover span{transform:translateX(4px)}
.features26-stack-section{padding:clamp(5rem,10vw,9rem) 0;background:radial-gradient(circle at 75% 45%,rgba(82,108,255,.25),transparent 28rem),linear-gradient(135deg,#091422,#101d31);color:#fff}.features26-stack-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(430px,1.2fr);gap:clamp(3rem,8vw,8rem);align-items:center}.features26-stack-copy h2{color:#fff}.features26-stack-copy p{color:rgba(226,235,250,.7);margin-bottom:25px}.features26-stack{position:relative;min-height:530px;perspective:1200px}.features26-stack a{position:absolute;left:12%;right:6%;top:calc(var(--n)*58px);display:flex;align-items:center;justify-content:space-between;min-height:104px;padding:20px 24px;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:linear-gradient(135deg,rgba(35,52,85,.96),rgba(18,31,52,.94));color:#fff;box-shadow:0 24px 55px rgba(0,0,0,.28);transform:translate3d(calc(var(--n)*8px),0,calc(var(--n)*10px)) rotateX(5deg) rotateZ(calc((var(--n) - 2)*.35deg));transition:transform .3s,border-color .3s}.features26-stack a:hover,.features26-stack a:focus-visible{z-index:10;border-color:rgba(130,150,255,.5);transform:translate3d(20px,-12px,90px) rotateX(0)}.features26-stack b{font:850 1.05rem var(--fd)}.features26-stack small{color:rgba(226,235,250,.58)}
.features26-trust{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:clamp(3rem,8vw,8rem);align-items:center}.features26-shield{display:grid;place-items:center;min-height:430px;perspective:900px}.features26-shield>div{display:grid;place-items:center;width:270px;height:310px;padding:35px;border:1px solid var(--feature-border);border-radius:45% 45% 48% 48%/25% 25% 60% 60%;background:linear-gradient(155deg,var(--feature-surface),var(--feature-primary-soft));box-shadow:var(--feature-shadow);transform:rotateY(-10deg);animation:featuresShield 7s ease-in-out infinite}.features26-shield span{display:grid;place-items:center;width:80px;height:80px;border-radius:25px;background:linear-gradient(145deg,#25c7a6,#526cff);color:#fff;font-size:2rem;box-shadow:0 18px 45px rgba(37,199,166,.25)}.features26-shield b{font:900 1.7rem var(--fd)}.features26-shield small{color:var(--feature-muted)}.features26-trust-copy>p{max-width:660px}.features26-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.features26-trust-grid span{position:relative;padding:14px 14px 14px 38px;border:1px solid var(--feature-border);border-radius:15px;background:var(--feature-surface);color:var(--feature-muted);font-size:.75rem}.features26-trust-grid span::before{content:"✓";position:absolute;left:14px;color:#18ad89;font-weight:900}
.features26-usecases{background:color-mix(in srgb,var(--feature-primary-soft) 25%,var(--feature-bg))}.features26-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.features26-use-grid a{min-height:230px;padding:21px;border:1px solid var(--feature-border);border-radius:var(--feature-radius-lg);background:var(--feature-surface);box-shadow:0 14px 36px rgba(35,49,87,.06);transition:transform .24s,border-color .24s,box-shadow .24s}.features26-use-grid a:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--feature-primary) 35%,var(--feature-border));box-shadow:var(--feature-shadow)}.features26-use-grid span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--feature-primary-soft);color:var(--feature-primary);font:850 .7rem var(--fm)}.features26-use-grid h3{margin:24px 0 8px;font:850 1.08rem var(--fd)}.features26-use-grid p{color:var(--feature-muted);font-size:.76rem;line-height:1.6}.features26-cta{padding:2rem 0 7rem;background:color-mix(in srgb,var(--feature-primary-soft) 25%,var(--feature-bg))}.features26-cta-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(2rem,5vw,4rem);border:1px solid rgba(255,255,255,.1);border-radius:var(--feature-radius-xl);background:radial-gradient(circle at 85% 0,rgba(82,108,255,.35),transparent 25rem),linear-gradient(135deg,#0b1626,#14233a);box-shadow:0 35px 90px rgba(11,22,38,.25)}.features26-cta-card h2{max-width:700px;color:#fff}.features26-cta-card p{color:rgba(226,235,250,.68)}.features26-cta-card>div:last-child{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.reveal{opacity:0;transform:translateY(24px) rotateX(3deg);transform-origin:center bottom;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@keyframes featuresGrid{to{background-position:52px 52px}}@keyframes featuresFloat{0%,100%{transform:rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(2deg) translateY(-10px)}}@keyframes featuresCardA{0%,100%{transform:translate3d(0,0,45px) rotate(-2deg)}50%{transform:translate3d(0,-10px,65px) rotate(1deg)}}@keyframes featuresCardB{0%,100%{transform:translate3d(0,0,35px) rotate(2deg)}50%{transform:translate3d(0,9px,60px) rotate(-1deg)}}@keyframes featuresShield{0%,100%{transform:rotateY(-10deg) translateY(0)}50%{transform:rotateY(-4deg) translateY(-9px)}}
@media(max-width:1050px){.features26-hero-grid,.features26-stack-layout{grid-template-columns:1fr}.features26-cluster{max-width:700px;width:100%;margin:auto}.features26-timeline{grid-template-columns:repeat(2,1fr)}.features26-timeline::before{display:none}.features26-use-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.features26-hero{padding-top:3rem}.features26-hero h1{font-size:clamp(2.75rem,12vw,4.2rem)}.features26-actions .btn{flex:1}.features26-text-link{width:100%;justify-content:center}.features26-cluster{min-height:390px;margin-top:20px}.features26-browser{inset:55px 2% 45px}.features26-browser-body{grid-template-columns:1fr}.features26-side{display:none}.features26-document{min-height:220px}.features26-document small{margin-top:45px}.features26-float{min-width:128px;padding:9px}.features26-float>span{width:34px;height:34px}.f-seo{right:0}.f-image{right:0}.features26-capability-strip{grid-template-columns:repeat(2,1fr)}.features26-capability-strip span:nth-child(3){border-left:0;border-top:1px solid var(--feature-border)}.features26-capability-strip span:nth-child(4){border-top:1px solid var(--feature-border)}.features26-pillar-grid,.features26-trust,.features26-use-grid{grid-template-columns:1fr}.features26-stack{min-height:460px}.features26-stack a{left:0;right:0;top:calc(var(--n)*54px)}.features26-shield{min-height:340px}.features26-shield>div{width:220px;height:260px}.features26-trust-grid{grid-template-columns:1fr}.features26-cta-card{align-items:flex-start;flex-direction:column}.features26-cta-card>div:last-child,.features26-cta-card .btn{width:100%}}
@media(max-width:520px){.features26-timeline{grid-template-columns:1fr}.features26-timeline article{min-height:210px}.features26-pillar{min-height:430px;padding:21px}.features26-pillar>a{left:21px}.features26-cluster{min-height:350px}.features26-float small{display:none}.features26-local{bottom:25px;white-space:nowrap}.features26-capability-strip{grid-template-columns:1fr}.features26-capability-strip span+span{border-left:0;border-top:1px solid var(--feature-border)}.features26-stack a{padding:16px}.features26-stack small{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.features26 *{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Features visual refinement: product previews instead of repeated catalogue cards */
.features26-hero{padding-top:clamp(3.5rem,6vw,5.5rem)}
.features26-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(430px,.78fr)}
.features26-hero h1{font-size:clamp(3rem,5.2vw,5.25rem);max-width:850px}
.features26-float svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.features26-jump{position:sticky;top:64px;z-index:30;border-block:1px solid var(--feature-border);background:color-mix(in srgb,var(--feature-bg) 88%,transparent);backdrop-filter:blur(18px)}
.features26-jump .con{display:flex;justify-content:center;gap:4px;padding-block:8px}.features26-jump a{min-height:38px;display:inline-flex;align-items:center;padding:0 15px;border-radius:11px;color:var(--feature-muted);font-size:.75rem;font-weight:800}.features26-jump a:hover{background:var(--feature-primary-soft);color:var(--feature-primary)}
.features26-showcase{padding:clamp(4.5rem,8vw,7.5rem) 0;background:var(--feature-bg)}.features26-showcase-alt{background:linear-gradient(180deg,color-mix(in srgb,var(--feature-primary-soft) 26%,var(--feature-bg)),var(--feature-bg))}.features26-showcase-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:clamp(3rem,7vw,7rem);align-items:center}.features26-showcase-alt .features26-showcase-grid{grid-template-columns:minmax(520px,1.22fr) minmax(0,.78fr)}
.features26-showcase-copy h2{margin:14px 0 15px;color:var(--feature-text);font:900 clamp(2.4rem,4.2vw,4.5rem)/.98 var(--fd);letter-spacing:-.05em;text-wrap:balance}.features26-showcase-copy>p{color:var(--feature-muted);font-size:.95rem;line-height:1.75}.features26-showcase-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 27px;padding:0;list-style:none}.features26-showcase-copy li{position:relative;padding:11px 11px 11px 34px;border:1px solid var(--feature-border);border-radius:13px;background:var(--feature-surface);color:var(--feature-muted);font-size:.73rem}.features26-showcase-copy li::before{content:"✓";position:absolute;left:12px;color:#16ad87;font-weight:900}.features26-inline-actions{display:flex;gap:9px;flex-wrap:wrap}
.features26-editor-ui,.features26-studio-ui{overflow:hidden;border:1px solid var(--feature-border);border-radius:28px;background:var(--feature-surface);box-shadow:0 36px 90px rgba(28,43,81,.16);transform:perspective(1300px) rotateY(-3deg);transition:transform .35s,box-shadow .35s}.features26-editor-ui:hover,.features26-studio-ui:hover{transform:perspective(1300px) rotateY(0) translateY(-5px);box-shadow:0 45px 100px rgba(28,43,81,.21)}
.features26-ui-top,.features26-studio-head{display:flex;align-items:center;gap:7px;min-height:56px;padding:0 17px;border-bottom:1px solid var(--feature-border);background:color-mix(in srgb,var(--feature-surface-soft) 65%,var(--feature-surface))}.features26-ui-top>i{width:8px;height:8px;border-radius:50%;background:#ff6b78}.features26-ui-top>i:nth-child(2){background:#ffbc45}.features26-ui-top>i:nth-child(3){background:#28c79f}.features26-ui-top b{margin-left:8px;font-size:.78rem}.features26-ui-top>span,.features26-studio-head b{margin-left:auto;color:#169e7f;font:750 .63rem var(--fm)}
.features26-ui-body{display:grid;grid-template-columns:92px minmax(0,1fr) 150px;min-height:420px;padding:14px;gap:14px;background:color-mix(in srgb,var(--feature-surface-soft) 62%,var(--feature-surface))}.features26-ui-body aside{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--feature-border);border-radius:16px;background:var(--feature-surface)}.features26-ui-body aside span{padding:9px;border-radius:9px;color:var(--feature-muted);font-size:.62rem;font-weight:800}.features26-ui-body aside span.on{background:var(--feature-primary-soft);color:var(--feature-primary)}.features26-ui-page{align-self:stretch;padding:34px;border:1px solid var(--feature-border);border-radius:12px;background:#fff;color:#152038;box-shadow:0 18px 42px rgba(28,43,81,.1)}.features26-ui-page small{color:#8b97aa;font:700 .55rem var(--fm);letter-spacing:.09em}.features26-ui-page h3{max-width:360px;margin:16px 0 24px;font:850 1.55rem/1.08 var(--fd)}.features26-ui-page>p{height:8px;width:95%;margin:12px 0;border-radius:99px;background:#dfe6ef}.features26-ui-page>p:nth-of-type(2){width:84%}.features26-ui-page>p.short{width:62%}.features26-ui-page>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:110px}.features26-ui-page>div span{padding:5px 7px;border-radius:7px;background:#eef2ff;color:#5163c9;font-size:.55rem;font-weight:800}.features26-ui-stats{display:grid;align-content:start;gap:9px}.features26-ui-stats article{display:grid;gap:7px;padding:14px;border:1px solid var(--feature-border);border-radius:14px;background:var(--feature-surface)}.features26-ui-stats small{color:var(--feature-muted);font:650 .53rem var(--fm)}.features26-ui-stats b{font-size:.76rem}.features26-ui-stats i{height:5px;border-radius:99px;background:linear-gradient(90deg,var(--feature-primary) var(--v),var(--feature-border) var(--v))}
.features26-studio-ui{transform:perspective(1300px) rotateY(3deg)}.features26-studio-head span{font-size:.78rem;font-weight:850}.features26-studio-canvas{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr);gap:14px;min-height:390px;padding:16px;background:color-mix(in srgb,var(--feature-surface-soft) 65%,var(--feature-surface))}.features26-photo{display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid var(--feature-border);border-radius:18px;background:var(--feature-surface)}.features26-photo svg{width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(30,45,80,.18))}.features26-photo span{margin-top:14px;color:var(--feature-muted);font-size:.65rem}.features26-queue{display:grid;align-content:center;gap:9px}.features26-queue>span{display:grid;grid-template-columns:8px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:13px;border:1px solid var(--feature-border);border-radius:14px;background:var(--feature-surface)}.features26-queue i{grid-row:1/3;align-self:center;width:8px;height:8px;border-radius:50%;background:#25c79f;box-shadow:0 0 0 5px rgba(37,199,159,.1)}.features26-queue b{font-size:.67rem}.features26-queue small{color:var(--feature-muted);font-size:.56rem}.features26-studio-progress{display:flex;align-items:center;gap:12px;padding:14px 17px;border-top:1px solid var(--feature-border)}.features26-studio-progress>span{position:relative;width:120px;height:7px;border-radius:99px;background:var(--feature-border);overflow:hidden}.features26-studio-progress>span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#526cff,#25c79f);transform-origin:left;animation:featuresProgress 3s ease-in-out infinite}.features26-studio-progress b{color:var(--feature-muted);font-size:.62rem}
@keyframes featuresProgress{0%,100%{transform:scaleX(.55)}50%{transform:scaleX(1)}}
@media(max-width:1050px){.features26-showcase-grid,.features26-showcase-alt .features26-showcase-grid{grid-template-columns:1fr}.features26-showcase-copy{max-width:760px}.features26-editor-ui,.features26-studio-ui{transform:none}}
@media(max-width:720px){.features26-jump{top:64px;overflow-x:auto}.features26-jump .con{justify-content:flex-start;width:max-content}.features26-showcase{padding:4rem 0}.features26-showcase-copy h2{font-size:2.65rem}.features26-showcase-copy ul{grid-template-columns:1fr}.features26-ui-body{grid-template-columns:1fr;min-height:0}.features26-ui-body aside{flex-direction:row;overflow-x:auto}.features26-ui-stats{grid-template-columns:repeat(3,1fr)}.features26-ui-page{min-height:330px;padding:25px}.features26-ui-page>div{margin-top:70px}.features26-studio-canvas{grid-template-columns:1fr}.features26-queue{grid-template-columns:repeat(3,1fr)}.features26-studio-progress{align-items:flex-start;flex-direction:column}.features26-inline-actions,.features26-inline-actions .btn{width:100%}}
@media(max-width:520px){.features26-ui-stats,.features26-queue{grid-template-columns:1fr}.features26-ui-page h3{font-size:1.25rem}.features26-showcase-copy h2{font-size:2.35rem}}

/* Landing-page performance pass: static depth, motion only on interaction */
.features26-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;box-shadow:0 18px 35px rgba(30,45,80,.16)}
.home-page .home-hero-modern::before,
.home-page .home-hero-modern .hero-split::after,
.home-page .showcase-dot.green,
.home-page .showcase-meter span,
.home-page .showcase-meter span::after,
.home-page .home-split-feature::after,
.home-page .device-meter span,
.home-page .home-orbit-ring,
.home-page .home-orbit-core,
.home-page .home-orbit-card,
.home-page .home-orbit-particle,
.features26-hero::before,
.features26-browser,
.features26-float,
.features26-shield>div,
.features26-studio-progress>span::after{animation:none!important}
.home-page .home-orbit-card,
.features26-browser,
.features26-float,
.features26-jump{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.home-page .hero-main,.home-page .home-showcase,.home-page .home-tool-link{animation-duration:.38s!important;animation-iteration-count:1!important}
.home-page .home-workflow-section,.home-page .home-split-feature,.home-page .home-category-section,.home-page .home-visual-section,.home-page .home-trust-section,.home-page .home-faq-section,.home-page .home-workspace-cta,
.features26-section,.features26-showcase,.features26-stack-section,.features26-cta{content-visibility:auto;contain-intrinsic-size:auto 760px}
.features26-browser{transform:rotateY(-4deg) rotateX(2deg)}
.features26-studio-progress>span::after{transform:scaleX(.82)}
@media(max-width:760px){.home-page .home-orbit-ring,.home-page .home-orbit-particle{display:none}.features26-photo img{border-radius:10px}.home-page .home-orbit-card,.features26-float{box-shadow:0 12px 28px rgba(30,45,80,.12)}}

/* Compact utility-page heroes: show the actual tool in the first viewport. */
body.site-visual-v2 .tool-hero{padding:1rem 0 1.25rem!important}
body.site-visual-v2 .tool-hero-in.has-tool-visual{grid-template-columns:minmax(0,1fr) minmax(250px,.42fr);gap:1.5rem;min-height:280px;padding:1.7rem 2rem}
body.site-visual-v2 .tool-hero h1{max-width:760px;font-size:clamp(2.15rem,3.6vw,3.65rem)!important;line-height:.98!important;letter-spacing:-.038em!important}
body.site-visual-v2 .tool-hero p{max-width:760px;font-size:.9rem;line-height:1.6}
body.site-visual-v2 .tool-hero .tool-pills{margin-top:.4rem}
body.site-visual-v2 .tool-hero-visual{min-height:220px}
body.site-visual-v2 .tool-hero-visual svg{min-height:220px;filter:drop-shadow(0 22px 28px rgba(0,0,0,.24))}
@media(max-width:900px){body.site-visual-v2 .tool-hero-in.has-tool-visual{grid-template-columns:minmax(0,1fr) 210px;min-height:240px;padding:1.4rem}.tool-hero-visual{grid-column:2;grid-row:1/6;min-height:180px;margin:0}.tool-hero-visual svg{min-height:180px}}
@media(max-width:620px){body.site-visual-v2 .tool-hero-in.has-tool-visual{display:block;min-height:0;padding:1.25rem}.tool-hero-visual{display:none}body.site-visual-v2 .tool-hero h1{font-size:clamp(2rem,10vw,2.65rem)!important}body.site-visual-v2 .tool-hero p{font-size:.84rem}.tool-pills{gap:.35rem}.tool-pill{font-size:.58rem}}

/* Theme parity: bespoke studios keep their own readable surfaces in both modes. */
html:not([data-dark]) body.site-visual-v2 .bg-hero{
  background:radial-gradient(circle at 88% 4%,rgba(82,108,255,.1),transparent 25rem),radial-gradient(circle at 4% 100%,rgba(37,199,173,.08),transparent 22rem),linear-gradient(180deg,#f7f9ff,#eef4fc)!important;
  color:var(--ink);
}
html:not([data-dark]) body.site-visual-v2 .bg-hero::before{background-image:linear-gradient(rgba(82,108,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(82,108,255,.025) 1px,transparent 1px)}
html:not([data-dark]) body.site-visual-v2 .bg-hero-copy h2{color:#101a30}
html:not([data-dark]) body.site-visual-v2 .bg-hero-copy p{color:#53627a!important}
html:not([data-dark]) body.site-visual-v2 .bg-upload-hero-card{background:#fff;border-color:rgba(65,81,118,.14)}
html:not([data-dark]) body.site-visual-v2 .bg-upload-hero-card .ph{background:#fbfcff;border-color:rgba(65,81,118,.1)}
html:not([data-dark]) body.site-visual-v2 .bg-upload-hero-card .pb{background:#f3f6fb}
html:not([data-dark]) body.site-visual-v2 .bg-upload-hero-card .bg-drop{background:#fff;border-color:rgba(82,108,255,.2)}
html:not([data-dark]) body.site-visual-v2 .bg-upload-hero-card .bg-drop strong{color:#121c31}
html:not([data-dark]) body.site-visual-v2 .bg-upload-hero-card .bg-drop p{color:#63718a!important}
html:not([data-dark]) body.site-visual-v2 .bg-upload-hero-card .helper-note{background:#fff;color:#66758d;border-color:rgba(65,81,118,.11)}
[data-dark] body.site-visual-v2 .bg-hero{background:radial-gradient(circle at 85% 15%,rgba(82,108,255,.18),transparent 24rem),radial-gradient(circle at 10% 115%,rgba(37,199,173,.12),transparent 23rem),linear-gradient(135deg,#08111d,#101b2e)!important}
[data-dark] body.site-visual-v2 .bg-upload-hero-card{background:#101e31;border-color:rgba(255,255,255,.09)}
[data-dark] body.site-visual-v2 .bg-upload-hero-card .ph{background:#0d192a;border-color:rgba(255,255,255,.08)}
[data-dark] body.site-visual-v2 .bg-upload-hero-card .pb{background:#12243a}
[data-dark] body.site-visual-v2 .bg-upload-hero-card .bg-drop{background:#0d1b2d;border-color:rgba(131,167,255,.25)}
[data-dark] body.site-visual-v2 .bg-upload-hero-card .bg-drop p{color:#aebdd2!important}
[data-dark] body.site-visual-v2 .bg-upload-hero-card .helper-note{background:#0d1b2d;color:#aebdd2;border-color:rgba(255,255,255,.08)}

/* Dark-mode card icons should glow softly, not turn into white tiles. */
[data-dark] .home-page .home-category-card>span{background:linear-gradient(145deg,rgba(82,108,255,.24),rgba(255,255,255,.045));border-color:rgba(137,157,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.16)}
[data-dark] .home-page .home-category-card:nth-child(2)>span{background:linear-gradient(145deg,rgba(132,104,245,.24),rgba(255,255,255,.04));border-color:rgba(171,147,255,.18)}
[data-dark] .home-page .home-category-card:nth-child(3)>span{background:linear-gradient(145deg,rgba(37,199,173,.2),rgba(255,255,255,.04));border-color:rgba(74,222,198,.16)}
[data-dark] .home-page .home-category-card{background:linear-gradient(150deg,#131e30,#0c1625 72%);border-color:rgba(255,255,255,.085)}