:root{--bg:#f6f8ff;--text:#101828;--muted:#667085;--card:rgba(255,255,255,.78);--line:#d9e2f5;--brand:#2563eb;--brand2:#7c3aed;--shadow:0 24px 80px rgba(31,41,55,.14)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#f7fbff,#eef2ff);color:var(--text);min-height:100vh;overflow-x:hidden}body.dark{--bg:#07111f;--text:#eef4ff;--muted:#a8b3c7;--card:rgba(13,25,45,.78);--line:#24344f;background:linear-gradient(135deg,#06111f,#111827)}a{color:inherit;text-decoration:none}.orb{position:fixed;border-radius:50%;filter:blur(35px);opacity:.42;z-index:-1;animation:float 9s ease-in-out infinite}.orb-a{width:310px;height:310px;background:#60a5fa;left:-80px;top:80px}.orb-b{width:260px;height:260px;background:#a78bfa;right:-60px;top:150px;animation-delay:2s}.orb-c{width:190px;height:190px;background:#34d399;left:45%;bottom:10%;animation-delay:4s}@keyframes float{50%{transform:translateY(-28px) translateX(18px) scale(1.05)}}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,56px);backdrop-filter:blur(18px);background:rgba(255,255,255,.58);border-bottom:1px solid var(--line)}.dark .topbar{background:rgba(7,17,31,.65)}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:22px}.brand img{width:38px}.topbar nav{display:flex;gap:22px;color:var(--muted);font-weight:600}.icon-btn,.toolbar button{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px 12px;color:var(--text);cursor:pointer}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:72px clamp(18px,5vw,78px)}.hero h1{font-size:clamp(38px,6vw,78px);line-height:.98;margin:16px 0}.hero p{font-size:18px;color:var(--muted);max-width:720px}.pill{display:inline-flex;padding:9px 13px;border:1px solid var(--line);border-radius:99px;background:var(--card);font-weight:700;color:var(--brand)}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:16px;padding:13px 18px;border:1px solid var(--line);font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;border:0}.ghost{background:var(--card)}.hero-actions,.action-wrap{display:flex;gap:12px;flex-wrap:wrap}.glass,.panel,.features article{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero-card{border-radius:32px;padding:26px;transform:rotate(2deg)}.doc-preview-mini{background:white;color:#101828;border-radius:24px;padding:28px;min-height:360px;box-shadow:inset 0 0 0 1px #e6eaf2}.mini-head{display:flex;gap:8px}.mini-head span{width:42px;height:8px;background:#dbeafe;border-radius:99px}.line{height:12px;background:#e5e7eb;border-radius:99px;margin:24px 0}.line.short{width:70%}.signature-row{display:flex;justify-content:space-between;margin-top:110px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 clamp(18px,5vw,78px) 42px}.features article{border-radius:22px;padding:22px}.features b{display:block;margin-bottom:8px}.features span,.cat-card p{color:var(--muted)}.section-head{text-align:center;padding:34px 18px}.section-head h2{font-size:clamp(30px,4vw,48px);margin:12px 0}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:0 clamp(18px,5vw,78px) 72px}.cat-card{border-radius:24px;padding:20px;min-height:190px;transition:.25s}.cat-card:hover{transform:translateY(-8px);box-shadow:0 24px 80px rgba(37,99,235,.22)}.cat-icon{font-size:34px}.cat-card h3{font-size:16px}.builder-layout{display:grid;grid-template-columns:410px 1fr;gap:20px;padding:22px}.panel{border-radius:24px;padding:20px}.controls{height:calc(100vh - 100px);overflow:auto;position:sticky;top:82px}.controls label{display:grid;gap:7px;margin:12px 0;font-weight:700;color:var(--muted);font-size:13px}.controls input,.controls textarea,.controls select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.76);color:#101828}.dark .controls input,.dark .controls textarea,.dark .controls select{background:#0b1728;color:#eef4ff}.two,.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.paper{width:min(900px,100%);margin:auto;background:#fff;color:#111827;min-height:1120px;padding:42px;border-radius:10px;box-shadow:0 16px 60px rgba(0,0,0,.18)}.paper-head{display:flex;gap:22px;align-items:center;border-bottom:3px solid #1d4ed8;padding-bottom:18px}.logo-box,.stamp-box,.sign-box{border:1px dashed #94a3b8;border-radius:12px;display:grid;place-items:center;text-align:center;color:#475569;overflow:hidden}.logo-box{width:110px;height:80px;font-weight:900}.logo-box img,.stamp-box img,.sign-box img{width:100%;height:100%;object-fit:contain}.paper h1{margin:0}.paper h2{font-size:28px;margin-top:28px;text-align:center;text-transform:uppercase}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;padding:14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px}.template-block{margin:15px 0}.template-block h3{font-size:16px;color:#1d4ed8;margin-bottom:6px}.template-block p,#paperBody{line-height:1.72}.signatures{display:flex;justify-content:space-between;gap:30px;margin-top:50px}.stamp-box,.sign-box{width:190px;height:94px}.qr-area{display:flex;gap:14px;align-items:center;margin-top:34px;padding:13px;border:1px solid #e5e7eb;border-radius:14px}.paper-footer{font-size:9px;text-align:center;margin-top:36px;color:#475569}.paper-footer a{text-decoration:underline}.builder-body footer:not(.paper-footer),body>footer{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding:28px;color:var(--muted);font-size:9px}@media(max-width:1100px){.hero,.builder-layout{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.controls{position:relative;height:auto;top:auto}}@media(max-width:680px){.topbar nav{display:none}.hero{padding-top:44px}.features,.category-grid{grid-template-columns:1fr}.two,.upload-grid{grid-template-columns:1fr}.paper{padding:20px;min-height:auto}.paper-head,.signatures,.qr-area{flex-direction:column;align-items:flex-start}.meta-grid{grid-template-columns:1fr}.toolbar{position:sticky;top:70px;z-index:9}.hero-card{transform:none}}@media print{body{background:white}.topbar,.controls,.toolbar,.orb{display:none!important}.builder-layout{display:block;padding:0}.paper{box-shadow:none;border-radius:0;width:100%;padding:20mm}.paper-footer{font-size:9px}}
.section-editor{border:1px solid var(--line);border-radius:18px;padding:12px;margin:14px 0;background:rgba(255,255,255,.45)}.dark .section-editor{background:rgba(11,23,40,.55)}.section-editor summary{cursor:pointer;font-weight:900;color:var(--text)}.hint{font-size:12px;line-height:1.55;color:var(--muted);margin:8px 0 12px}.section-controls label{padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.38)}.dark .section-controls label{background:rgba(15,23,42,.55)}.section-title{font-weight:800}.template-block h3[contenteditable],.template-block p[contenteditable]{outline:1px dashed transparent;border-radius:8px;padding:4px 6px;transition:.2s}.template-block h3[contenteditable]:hover,.template-block p[contenteditable]:hover,.template-block h3[contenteditable]:focus,.template-block p[contenteditable]:focus{outline-color:#60a5fa;background:#eff6ff}.template-block h3[contenteditable]:focus,.template-block p[contenteditable]:focus{box-shadow:0 0 0 3px rgba(37,99,235,.12)}

.section-editor-row{display:block;position:relative}.section-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.section-toggle-btn{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;cursor:pointer;min-width:74px}.section-toggle-btn.off{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.dark .section-toggle-btn{background:rgba(37,99,235,.15);border-color:rgba(147,197,253,.45);color:#bfdbfe}.dark .section-toggle-btn.off{background:rgba(239,68,68,.12);border-color:rgba(252,165,165,.45);color:#fecaca}
.visibility-editor{border:1px solid var(--line);border-radius:18px;padding:12px;margin:14px 0;background:rgba(255,255,255,.45)}.dark .section-editor-row{display:block;position:relative}.section-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.section-toggle-btn{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;cursor:pointer;min-width:74px}.section-toggle-btn.off{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.dark .section-toggle-btn{background:rgba(37,99,235,.15);border-color:rgba(147,197,253,.45);color:#bfdbfe}.dark .section-toggle-btn.off{background:rgba(239,68,68,.12);border-color:rgba(252,165,165,.45);color:#fecaca}
.visibility-editor{background:rgba(11,23,40,.55)}.visibility-editor summary{cursor:pointer;font-weight:900;color:var(--text)}.visibility-controls{display:grid;gap:8px}.vis-btn{border:1px solid var(--line);border-radius:12px;padding:10px 12px;text-align:left;cursor:pointer;background:rgba(37,99,235,.10);color:var(--text);font-weight:800}.vis-btn.off{background:rgba(239,68,68,.10);opacity:.78}.vis-btn.active{box-shadow:0 8px 24px rgba(37,99,235,.12)}.doc-hidden{display:none!important}.section-hidebar{display:flex;justify-content:flex-end;margin-bottom:4px}.section-hidebar button{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:5px 10px;font-size:11px;cursor:pointer}.final-note{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:14px}
@media print{.no-print,.section-hidebar{display:none!important}}

/* V5: Manufacturing field show/hide + clear controls and floating assistant */
.field-row{position:relative;display:block}
.field-row>span:first-child{display:inline-block;font-weight:700;margin-bottom:6px}
.inline-field-actions{float:right;display:none;gap:6px;margin-bottom:6px}
body.manufacturing-mode .inline-field-actions{display:inline-flex}
.mini-action{border:0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;cursor:pointer;background:#e9efff;color:#1d4ed8;margin-left:4px}
.mini-action.clear{background:#fff1f2;color:#be123c}
.mini-action.off{background:#fee2e2;color:#991b1b}
.field-hidden-output{display:none!important}
.floating-assistant{position:fixed;right:22px;bottom:22px;z-index:9999}
.assistant-toggle{width:62px;height:62px;border-radius:50%;border:0;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:26px;box-shadow:0 18px 45px rgba(37,99,235,.38);cursor:pointer;animation:floatHelp 3s ease-in-out infinite}
@keyframes floatHelp{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.assistant-panel{display:none;width:330px;max-width:calc(100vw - 36px);background:rgba(255,255,255,.96);border:1px solid rgba(37,99,235,.18);border-radius:22px;box-shadow:0 25px 70px rgba(15,23,42,.22);overflow:hidden;backdrop-filter:blur(12px)}
.assistant-panel.open{display:block}
.assistant-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}
.assistant-head button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}
.assistant-body{padding:14px;max-height:280px;overflow:auto}
.assistant-body p{font-size:13px;line-height:1.55;margin:0 0 10px}
.assistant-body button{display:block;width:100%;border:1px solid #dbeafe;background:#f8fbff;border-radius:12px;margin:7px 0;padding:9px;text-align:left;font-weight:700;cursor:pointer;color:#1e3a8a}
#assistantQuestion{width:calc(100% - 28px);margin:0 14px 10px;border:1px solid #dbeafe;border-radius:12px;padding:10px;min-height:58px;resize:vertical}
#assistantAsk{margin:0 14px 14px;width:calc(100% - 28px)}
body.dark .assistant-panel{background:rgba(15,23,42,.96);border-color:rgba(147,197,253,.25);color:#e5e7eb}
body.dark .assistant-body button{background:#111827;color:#bfdbfe;border-color:#1d4ed8}
body.dark #assistantQuestion{background:#0f172a;color:#e5e7eb;border-color:#1d4ed8}
@media(max-width:700px){.floating-assistant{right:14px;bottom:14px}.assistant-toggle{width:56px;height:56px}.assistant-panel{width:310px}.inline-field-actions{float:none;display:none;margin:4px 0 8px}body.manufacturing-mode .inline-field-actions{display:flex}}


/* V6: folded editors by default + output page checkbox controls */
.output-options{border:1px solid var(--line);border-radius:18px;padding:12px;margin:14px 0;background:rgba(255,255,255,.45)}
.dark .output-options{background:rgba(11,23,40,.55)}
.output-options summary{cursor:pointer;font-weight:900;color:var(--text)}
.output-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.output-checks label{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.42);font-weight:800!important;color:var(--text)!important}
.output-checks input{width:auto!important;accent-color:#2563eb}
@media(max-width:680px){.output-checks{grid-template-columns:1fr}}

/* V7 inline output controls */
.field-row{position:relative}
.inline-output-check{width:16px!important;height:16px!important;accent-color:#2563eb;margin:0 6px 0 0;vertical-align:middle;display:inline-block!important}
.field-row>.inline-output-check{position:relative;top:2px;flex:0 0 auto}
.upload-title{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:8px;color:var(--text)}
.output-checks label{display:flex;align-items:center;gap:6px}
@media print{.inline-output-check,.output-options,.visibility-editor,.section-editor,.inline-field-actions,.floating-assistant{display:none!important}}

/* V11: dark-blue + camel-brown theme, builder CTA and better light mode */
:root{
  --bg:#f8f3ea;
  --text:#172033;
  --muted:#6f6253;
  --card:rgba(255,250,242,.86);
  --line:#d8c2a4;
  --brand:#082947;
  --brand2:#b9844a;
  --camel:#b9844a;
  --shadow:0 24px 80px rgba(8,41,71,.16);
}
body{background:radial-gradient(circle at 18% 10%,rgba(185,132,74,.22),transparent 30%),linear-gradient(135deg,#fffaf1,#f4eadb 52%,#eef4ff);}
body.dark{
  --bg:#061426;
  --text:#f5eadc;
  --muted:#d3b895;
  --card:rgba(8,29,51,.82);
  --line:#5f4935;
  --brand:#0a3156;
  --brand2:#b9844a;
  --shadow:0 24px 80px rgba(0,0,0,.34);
  background:radial-gradient(circle at 18% 10%,rgba(185,132,74,.22),transparent 30%),linear-gradient(135deg,#03101f,#081d33 52%,#0d2742);
}
.orb-a{background:#0b3a63}.orb-b{background:#b9844a}.orb-c{background:#e2b678}.topbar{background:rgba(255,250,242,.68)}.dark .topbar{background:rgba(4,18,34,.76)}
.topbar nav{align-items:center}.nav-generate{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff!important;box-shadow:0 12px 28px rgba(185,132,74,.26);font-weight:900}.nav-generate:hover{transform:translateY(-1px)}
.primary{background:linear-gradient(135deg,var(--brand),var(--brand2))}.pill{color:var(--brand);border-color:rgba(185,132,74,.44)}.dark .pill{color:#f4c28e}.hero h1{letter-spacing:-.045em}.hero-card.sample-builder-link{display:block;color:inherit;cursor:pointer;transition:.28s ease}.hero-card.sample-builder-link:hover{transform:rotate(0deg) translateY(-9px);box-shadow:0 30px 90px rgba(185,132,74,.3)}.doc-preview-mini{border:1px solid rgba(185,132,74,.25)}.paper-head{border-bottom-color:#b9844a}.template-block h3{color:#082947}.dark .icon-btn{box-shadow:0 0 0 1px rgba(185,132,74,.28) inset}
.floating-builder-cta{position:fixed;right:24px;top:108px;z-index:9998;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,#082947,#b9844a);color:#fff;font-weight:900;box-shadow:0 18px 45px rgba(8,41,71,.32);opacity:0;transform:translateX(30px) scale(.96);pointer-events:none;transition:.25s ease;animation:builderPulse 2.2s ease-in-out infinite}.floating-builder-cta.show{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.floating-builder-cta strong{font-size:13px}.floating-builder-cta span{font-size:12px}.cta-arrow{font-size:20px;animation:arrowNudge 1s ease-in-out infinite}@keyframes builderPulse{0%,100%{box-shadow:0 18px 45px rgba(8,41,71,.32)}50%{box-shadow:0 18px 55px rgba(185,132,74,.55)}}@keyframes arrowNudge{50%{transform:translateX(4px)}}
@media(max-width:680px){.topbar{gap:10px}.topbar nav{display:flex;gap:8px;font-size:12px;overflow:auto}.topbar nav a:not(.nav-generate){display:none}.nav-generate{padding:9px 10px;white-space:nowrap}.floating-builder-cta{top:auto;right:14px;bottom:88px;padding:11px 13px}.hero-card.sample-builder-link:hover{transform:translateY(-6px)}}

/* V12: animated ambience behind floating CTAs and page sections */
body::before,
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
}
body::before{
  background-image:
    radial-gradient(circle at 12% 18%,rgba(185,132,74,.18) 0 2px,transparent 3px),
    radial-gradient(circle at 72% 28%,rgba(8,41,71,.16) 0 2px,transparent 3px),
    linear-gradient(115deg,transparent 0 42%,rgba(185,132,74,.10) 48%,transparent 54% 100%);
  background-size:120px 120px,150px 150px,360px 360px;
  animation:ambientDrift 24s linear infinite;
  opacity:.75;
}
body::after{
  background:
    radial-gradient(circle at var(--mx,70%) var(--my,24%),rgba(185,132,74,.18),transparent 24%),
    repeating-linear-gradient(90deg,rgba(185,132,74,.035) 0 1px,transparent 1px 82px),
    repeating-linear-gradient(0deg,rgba(8,41,71,.035) 0 1px,transparent 1px 82px);
  animation:gridFloat 18s ease-in-out infinite alternate;
  opacity:.65;
}
.dark body::before{opacity:.38}.dark body::after{opacity:.42}
.hero,.features,.section-head,.category-grid,.builder-layout{position:relative;z-index:1}
.hero::before,
.builder-layout::before{
  content:"";
  position:absolute;
  inset:20px clamp(14px,4vw,64px);
  border-radius:42px;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(110deg,transparent,rgba(185,132,74,.11),transparent);
  filter:blur(2px);
  animation:softSweep 8s ease-in-out infinite;
}
.floating-builder-cta::before,
.floating-assistant::before{
  content:"";
  position:absolute;
  inset:-16px;
  z-index:-1;
  border-radius:999px;
  background:conic-gradient(from 0deg,rgba(185,132,74,.0),rgba(185,132,74,.55),rgba(8,41,71,.42),rgba(185,132,74,.0));
  filter:blur(14px);
  opacity:.7;
  animation:ringSpin 6s linear infinite;
}
.floating-builder-cta::after{
  content:"";
  position:absolute;
  inset:-34px -24px;
  z-index:-2;
  border-radius:999px;
  background:radial-gradient(circle,rgba(244,194,142,.28),transparent 58%);
  animation:haloPulse 2.6s ease-in-out infinite;
}
.assistant-toggle{position:relative;overflow:hidden}
.assistant-toggle::after{
  content:"";
  position:absolute;
  width:38%;height:180%;
  left:-55%;top:-40%;
  transform:rotate(25deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  animation:buttonShine 3.5s ease-in-out infinite;
}
.hero-card.sample-builder-link{animation:sampleFloat 5.5s ease-in-out infinite}
.hero-card.sample-builder-link .doc-preview-mini{position:relative;overflow:hidden}
.hero-card.sample-builder-link .doc-preview-mini::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 20%,rgba(185,132,74,.16) 42%,transparent 62%);
  transform:translateX(-120%);
  animation:previewShimmer 4.8s ease-in-out infinite;
}
.cat-card{position:relative;overflow:hidden}
.cat-card::after{
  content:"";
  position:absolute;
  inset:-60% auto auto -40%;
  width:90px;height:190px;
  transform:rotate(22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transition:.45s ease;
}
.cat-card:hover::after{left:115%}
@keyframes ambientDrift{to{background-position:240px 180px,-180px 220px,360px 0}}
@keyframes gridFloat{50%{transform:translate3d(0,-16px,0) scale(1.01)}}
@keyframes softSweep{0%,100%{opacity:.22;transform:translateX(-12px)}50%{opacity:.58;transform:translateX(12px)}}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes haloPulse{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:.8;transform:scale(1.08)}}
@keyframes buttonShine{0%,55%{left:-55%}75%,100%{left:125%}}
@keyframes sampleFloat{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-10px)}}
@keyframes previewShimmer{0%,45%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
@media(max-width:680px){body::after{background-size:60px 60px}.hero::before,.builder-layout::before{inset:10px;border-radius:28px}.floating-builder-cta::after{inset:-22px -14px}.hero-card.sample-builder-link{animation:none}}
@media(prefers-reduced-motion:reduce){body::before,body::after,.hero::before,.builder-layout::before,.floating-builder-cta,.floating-builder-cta::before,.floating-builder-cta::after,.floating-assistant::before,.assistant-toggle::after,.hero-card.sample-builder-link,.hero-card.sample-builder-link .doc-preview-mini::after{animation:none!important}}
@media print{body::before,body::after,.hero::before,.builder-layout::before,.floating-builder-cta::before,.floating-builder-cta::after,.floating-assistant::before{display:none!important}}


/* V13: theme-colored AI icon and main-page document-purpose assistant */
.assistant-toggle{background:linear-gradient(135deg,#082947 0%,#123d63 45%,#b9844a 100%)!important;box-shadow:0 18px 48px rgba(8,41,71,.38),0 0 0 4px rgba(185,132,74,.18)!important;color:#fff}
.assistant-head{background:linear-gradient(135deg,#082947,#b9844a)!important}
.assistant-body button{border-color:rgba(185,132,74,.36);color:#082947}
body.dark .assistant-body button{color:#f4c28e;border-color:rgba(185,132,74,.45)}
.doc-purpose-assistant{position:relative;z-index:1;margin:6px clamp(18px,5vw,78px) 44px;padding:26px;border-radius:30px;display:grid;grid-template-columns:1fr minmax(280px,520px);gap:22px;align-items:center;overflow:hidden}
.doc-purpose-assistant::before{content:"";position:absolute;inset:-80px auto auto -80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(185,132,74,.26),transparent 68%);animation:purposeGlow 6s ease-in-out infinite;pointer-events:none}
.doc-purpose-assistant::after{content:"↗";position:absolute;right:28px;top:18px;font-size:64px;color:rgba(185,132,74,.18);animation:arrowDrift 3s ease-in-out infinite;pointer-events:none}
.purpose-copy h2{font-size:clamp(28px,4vw,46px);margin:12px 0 8px}.purpose-copy p{color:var(--muted);font-size:17px;line-height:1.65;max-width:680px}
.purpose-tool{background:rgba(255,255,255,.58);border:1px solid rgba(185,132,74,.28);border-radius:24px;padding:18px;box-shadow:0 18px 55px rgba(8,41,71,.12)}
body.dark .purpose-tool{background:rgba(7,17,31,.58)}
.purpose-tool label{display:block;font-weight:900;margin-bottom:8px;color:var(--text)}
.purpose-tool select{width:100%;border:1px solid rgba(185,132,74,.38);border-radius:15px;padding:13px;background:rgba(255,255,255,.86);color:#101828;font-weight:700;margin-bottom:12px}
body.dark .purpose-tool select{background:#0b1728;color:#eef4ff}
.purpose-answer{min-height:106px;border-radius:18px;border:1px dashed rgba(185,132,74,.42);padding:15px;background:rgba(255,255,255,.52);color:var(--muted);line-height:1.6;margin-bottom:13px}
body.dark .purpose-answer{background:rgba(8,41,71,.28)}
@keyframes purposeGlow{50%{transform:translate(60px,30px) scale(1.15);opacity:.7}}
@keyframes arrowDrift{50%{transform:translate(8px,-8px)}}
@media(max-width:900px){.doc-purpose-assistant{grid-template-columns:1fr}.doc-purpose-assistant::after{font-size:46px;right:18px}}
@media(prefers-reduced-motion:reduce){.doc-purpose-assistant::before,.doc-purpose-assistant::after{animation:none!important}}

/* V14: cursor landing on document type makes it float and shows only purpose popup */
.cat-card{position:relative;will-change:transform}.cat-card.purpose-floating{animation:documentTypeFloat 1.6s ease-in-out infinite;z-index:5;box-shadow:0 28px 90px rgba(185,132,74,.32),0 0 0 1px rgba(185,132,74,.32) inset!important;border-color:rgba(185,132,74,.55)}.cat-card.purpose-floating .cat-icon{display:inline-block;animation:iconBob .9s ease-in-out infinite}.doc-purpose-popup{position:absolute;z-index:10000;width:min(300px,calc(100vw - 32px));padding:13px 15px;border-radius:18px;background:linear-gradient(135deg,rgba(8,41,71,.97),rgba(185,132,74,.96));color:#fff;box-shadow:0 24px 65px rgba(8,41,71,.34);opacity:0;transform:translateY(10px) scale(.96);pointer-events:none;transition:opacity .18s ease,transform .18s ease;border:1px solid rgba(255,255,255,.18)}.doc-purpose-popup.show{opacity:1;transform:translateY(0) scale(1)}.doc-purpose-popup strong{display:block;font-size:13px;line-height:1.25;margin-bottom:6px}.doc-purpose-popup span{display:block;font-size:12px;line-height:1.45;color:rgba(255,255,255,.9)}.doc-purpose-popup::after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%) rotate(45deg);width:16px;height:16px;background:rgba(185,132,74,.96);border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}@keyframes documentTypeFloat{0%,100%{transform:translateY(-8px) scale(1.02)}50%{transform:translateY(-16px) scale(1.035)}}@keyframes iconBob{50%{transform:translateY(-5px) rotate(-4deg)}}@media(max-width:680px){.doc-purpose-popup{position:fixed!important;left:16px!important;right:16px!important;top:auto!important;bottom:18px!important;width:auto}.doc-purpose-popup::after{display:none}.cat-card.purpose-floating{animation:documentTypeFloatMobile 1.6s ease-in-out infinite}}@keyframes documentTypeFloatMobile{0%,100%{transform:translateY(-4px) scale(1.01)}50%{transform:translateY(-10px) scale(1.02)}}@media(prefers-reduced-motion:reduce){.cat-card.purpose-floating,.cat-card.purpose-floating .cat-icon{animation:none!important}}
