/* Shared light workspace for the unified files and media site. */
:root{
  --bg:#eef1f5; --surface:#fff; --text:#1d2838; --muted:#586779;
  --line:#dce3eb; --panel:#fff; --panel-text:#1d2838;
  --panel-muted:#5d6b7b; --panel-line:#d9e1ea; --panel-inset:#f8fafe;
  --accent:#3468cf; --accent-ink:#fff; --accent-soft:#eaf1ff;
  --link:#285dbd; --ok:#087b54; --warn:#a76500; --maxw:1160px;
  --sans:"Golos Text","Segoe UI",system-ui,-apple-system,sans-serif;
}
body{background:#eef1f5;background-image:none;color:var(--text)}
.wrap{padding-inline:24px}
.site-head{background:#202936;color:#fff;border:0;box-shadow:0 3px 12px rgba(21,35,52,.12)}
.site-head .wrap{min-height:72px;gap:15px;padding-block:11px}
.logo{gap:10px;color:#fff;font-size:20px;font-weight:700;white-space:nowrap}
.logo:hover{color:#fff}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#4b78d4;font-size:21px;line-height:1}
.global-nav{display:flex;gap:5px;margin-left:auto;font-size:14px;white-space:nowrap}
.global-nav a{color:#dce5f2;padding:9px 12px;border-radius:8px}
.global-nav a:hover,.global-nav a:focus-visible,.global-nav a[aria-current]{background:#344258;color:#fff;text-decoration:none}
.nav{width:100%;margin-left:0;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:2px 0}
.nav::-webkit-scrollbar{display:none}
.nav a{color:#dce5f2;padding:6px 10px;border:0;border-radius:7px;flex:none}
.nav a:hover{color:#fff;background:#344258;border:0;text-decoration:none}
.hero{padding-block:30px 20px}
.badge{color:#285dbd}
.hero h1{font-size:clamp(30px,4.4vw,45px);color:#1d2838}
.hero .lead{color:#586779}
.tool{box-shadow:0 12px 34px rgba(24,46,76,.08)}
.t-drop{border:2px dashed #afc1d9}
.card,.account-card{box-shadow:0 5px 18px rgba(24,46,76,.04)}
.site-foot{background:#e8edf3}
.site-foot .note,.site-foot b{color:#586779}
.site-foot a{color:#1d2838}
.converter-layout .tool{color:#1d2838}
.converter-layout .t-act .btn,.converter-layout .t-sticky .btn{background:#3468cf}
.cad-browser-panel .cad-drop{border-color:#afc1d9;background:#f8fafe}
.cad-browser-panel .cad-drop:hover,.cad-browser-panel .cad-drop.drag-over{background:#eaf1ff}
.cad-browser-panel .cad-drop strong{color:#1d2838}
.cad-browser-panel .cad-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
.cad-browser-panel .cad-modes label span{background:#f8fafe;border-color:#d9e1ea}
.cad-browser-panel .cad-modes label strong{color:#1d2838}
.cad-browser-panel .cad-modes input:checked+span{background:#eaf1ff;border-color:#3468cf}
.cad-browser-panel #cad-preview{display:block;width:100%;height:auto;margin-top:18px;border:1px solid #d9e1ea;border-radius:8px;background:#fff}
.cad-browser-panel #cad-preview[hidden]{display:none}
@media(max-width:900px){
  .site-head .wrap{flex-wrap:wrap}
  .global-nav{margin-left:auto}
}
@media(max-width:560px){
  .wrap{padding-inline:16px}
  .site-head .wrap{flex-wrap:wrap;gap:8px}
  .logo{font-size:18px}
  .global-nav{order:2;width:100%;overflow-x:auto;margin:0;scrollbar-width:none}
  .global-nav::-webkit-scrollbar{display:none}
  .global-nav a{padding:7px 9px}
  .nav{order:3;width:100%;gap:3px;mask-image:none;-webkit-mask-image:none}
  .hero{padding-top:22px}
}

/* Password-protection page: this tool explicitly uses a server-side processor. */
.protect-panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:22px;margin:4px 0 30px;box-shadow:0 12px 34px rgba(24,46,76,.08)}
.protect-panel h2{margin:0 0 8px}.protect-intro{margin:0 0 18px;color:var(--panel-muted)}
.protect-panel form{display:grid;gap:14px}.protect-field{display:grid;gap:7px;font-weight:600}
.protect-field input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid var(--panel-line);border-radius:9px;background:var(--surface);color:var(--text);font:inherit}
.protect-field input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
.protect-field small{font-weight:400;color:var(--panel-muted)}
.protect-consent{display:flex;align-items:flex-start;gap:9px;line-height:1.45;color:var(--muted);font-size:14px}.protect-consent input{margin-top:4px;flex:none}
.protect-panel .btn{justify-self:start;padding:12px 18px}.protect-panel .btn[disabled]{opacity:.52;cursor:not-allowed}
.protect-status{min-height:24px;margin:14px 0 0;color:var(--panel-muted)}
@media(max-width:560px){.protect-panel{padding:16px}.protect-panel .btn{width:100%;justify-content:center}}

/* OCR / signature / tariff additions */
.tool-signature-pad{display:grid;gap:8px;max-width:430px}
.tool-signature-pad canvas{display:block;width:100%;height:auto;aspect-ratio:3/1;background:#fff;border:1px solid var(--panel-line);border-radius:8px;cursor:crosshair;touch-action:none}
.tool-signature-pad .chip{justify-self:start}
.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.plan-card{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface);display:grid;gap:14px;align-content:start}
.plan-card.featured{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.plan-card h2,.plan-card h3{margin:0}
.plan-price{font-size:30px;font-weight:700;line-height:1.1}
.plan-price small{font-size:14px;font-weight:500;color:var(--muted)}
.plan-list{margin:0;padding-left:20px;color:var(--muted)}
.plan-list li{margin:6px 0}
.plan-note{font-size:14px;color:var(--muted)}
.plan-card .btn[aria-disabled="true"]{opacity:.6;cursor:not-allowed;pointer-events:none}
.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.account-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--link);font-weight:600;font-size:13px}
@media(max-width:700px){.plan-grid{grid-template-columns:1fr}.tool-signature-pad{max-width:none}}