/* Zerphyx Subtitles — visual refinement. Additive, non-destructive overrides. */
body.modern-workspace {
  --workspace-bg:#0b0e18; --workspace-surface:#151a28; --workspace-raised:#1e2536;
  --workspace-input:#101522; --workspace-line:#48526c; --workspace-text:#f8f7ff;
  --workspace-muted:#c0c6d6; --workspace-purple:#d4c2ff; --workspace-primary:#d5c4ff;
  --workspace-ink:#201733; --workspace-success:#a5e8d4;
  background:radial-gradient(ellipse 65% 30% at 7% -4%,rgba(118,87,178,.19),transparent 76%),var(--workspace-bg);
}
body.modern-workspace .topbar { background:rgba(15,20,33,.92); border-bottom:1px solid rgba(159,155,205,.24); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
body.modern-workspace .brand-mark { background:linear-gradient(140deg,#8b74dc,#625caa); border:1px solid #b3a0ed; box-shadow:0 8px 24px rgba(98,77,174,.23); }
body.modern-workspace .brand-copy small { color:#c7d0e0; font-size:10px; letter-spacing:0; }
body.modern-workspace .nav-links a { transition:background-color .2s,color .2s; }
body.modern-workspace .nav-links a:hover,body.modern-workspace .nav-links a:focus-visible { background:#29273d; color:#fff; }
body.modern-workspace .nav-live { color:#c5e4d8; }
body.modern-workspace .nav-live i { background:#8ee1c4; box-shadow:0 0 0 4px rgba(142,225,196,.12); }
body.modern-workspace .btn-primary { background:linear-gradient(125deg,#dfd1ff,#bdadfa); color:#201733; border:1px solid #ddd0ff; box-shadow:0 9px 25px rgba(132,103,219,.18); }
body.modern-workspace .btn-primary:hover { background:linear-gradient(125deg,#ebddff,#cdbfff); box-shadow:0 12px 26px rgba(132,103,219,.25); }
body.modern-workspace :is(.btn-outline,.btn-glass) { border-color:#5e6985; color:#f3efff; }
body.modern-workspace :is(.btn-outline,.btn-glass):hover { background:#292b41; border-color:#d4c2ff; }
body.modern-workspace .workspace-intro {
  position:relative; isolation:isolate; overflow:hidden; border:1px solid #454061;
  border-radius:26px; padding:42px clamp(26px,3.7vw,50px); margin-block-start:22px;
  background:radial-gradient(ellipse 50% 130% at 0% 50%,rgba(164,126,255,.22),transparent 84%),
    linear-gradient(115deg,rgba(32,33,60,.94),rgba(17,23,37,.98) 75%);
  box-shadow:0 20px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);
}
body.modern-workspace .workspace-intro::before {
  content:""; position:absolute; inset-inline-end:-106px; top:-110px; width:380px; height:380px;
  border:1px solid rgba(216,200,255,.13); border-radius:50%; pointer-events:none;
  box-shadow:0 0 0 58px rgba(198,170,255,.025),0 0 0 118px rgba(198,170,255,.018);
}
body.modern-workspace .workspace-intro::after {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.26;
  background-image:linear-gradient(90deg,transparent 98.5%,rgba(216,200,255,.08) 99%),
    linear-gradient(0deg,transparent 98.5%,rgba(216,200,255,.08) 99%);
  background-size:38px 38px; mask-image:linear-gradient(to left,transparent 10%,black 100%);
}
body.modern-workspace .workspace-intro-copy { position:relative; z-index:1; }
body.modern-workspace .hero-kicker { font-weight:700; letter-spacing:.1px; color:#d8ccff; }
body.modern-workspace .hero h1 { font-size:clamp(36px,4.5vw,56px); line-height:1.17; letter-spacing:-1.7px; margin-block:14px 15px; max-width:690px; }
body.modern-workspace .hero h1 em { font-style:normal; color:#d6c1ff; }
body.modern-workspace .hero-lead { font-size:16px; line-height:1.85; max-width:590px; color:#d2d5e4; margin-block-end:22px; }
body.modern-workspace .hero-buttons { gap:12px; }
body.modern-workspace .hero-buttons .btn { font-size:15px; font-weight:700; border-radius:13px; min-height:51px; }
body.modern-workspace .hero-metrics { gap:10px; }
body.modern-workspace .hero-metrics div { border:1px solid rgba(193,177,234,.22); border-radius:12px; background:rgba(10,14,29,.28); padding:11px 13px; min-width:87px; backdrop-filter:blur(3px); }
body.modern-workspace .hero-metrics div:first-child { padding-inline-start:13px; }
body.modern-workspace .hero-metrics strong { font-size:27px; font-weight:800; color:#e2d5ff; }
body.modern-workspace .hero-metrics span { font-size:11px; color:#ccd2e3; }
body.modern-workspace .workspace-search { padding-block-start:24px; }
body.modern-workspace .search-wrap { border:1px solid #605779; border-radius:20px; background:linear-gradient(130deg,#1c1b31,#151c2c 80%); box-shadow:0 22px 50px rgba(0,0,0,.24); }
body.modern-workspace .search-heading h2 { font-size:clamp(24px,2.4vw,30px); font-weight:800; }
body.modern-workspace .search-heading p { color:#cbd0df; }
body.modern-workspace .search-field { height:62px; border:1px solid #76718f; border-radius:13px; background:#101420; transition:border-color .2s,box-shadow .2s; }
body.modern-workspace .search-field:focus-within { border-color:#ddcdff; box-shadow:0 0 0 4px rgba(197,166,255,.16); }
body.modern-workspace .search-field input { font-weight:500; }
body.modern-workspace .file-search-drop { border:1px dashed #667491; background:rgba(13,19,33,.72); border-radius:12px; }
body.modern-workspace .file-search-button { background:#39304e; border-color:#a395c5; font-weight:700; }
body.modern-workspace .workspace-library { padding-block-start:43px; }
body.modern-workspace .section-top h2 { font-size:clamp(26px,3vw,34px); }
body.modern-workspace .library-counter,body.modern-workspace .library-toolbar { box-shadow:0 10px 30px rgba(0,0,0,.12); }
body.modern-workspace .library-toolbar { border-color:#49546c; }
body.modern-workspace :is(.catalog-title,.catalog-browse-card) {
  border:1px solid #454d65; border-radius:17px; overflow:hidden;
  background:linear-gradient(165deg,#1c2332,#141927);
  box-shadow:0 9px 25px rgba(0,0,0,.14); transition:transform .22s,border-color .22s,box-shadow .22s;
}
body.modern-workspace .catalog-title:hover,body.modern-workspace .catalog-browse-card:hover {
  transform:translateY(-3px); border-color:#ae9ae3; background:linear-gradient(165deg,#242740,#191d31);
  box-shadow:0 18px 30px rgba(0,0,0,.23);
}
body.modern-workspace :is(.catalog-poster img,.catalog-browse-art img) { transition:transform .3s ease; }
body.modern-workspace .catalog-title:hover .catalog-poster img,body.modern-workspace .catalog-browse-card:hover .catalog-browse-art img { transform:scale(1.035); }
body.modern-workspace .catalog-title:focus-visible,body.modern-workspace .catalog-browse-card:focus-within { outline:3px solid #d4c2ff; outline-offset:3px; }
body.modern-workspace .workspace-upload { border:1px solid #535471; border-radius:22px; background:linear-gradient(120deg,#1f2336,#1a1e31 76%); box-shadow:0 14px 36px rgba(0,0,0,.14); }
body.modern-workspace .smart-inline-drop { border-color:#766b98; background:rgba(18,18,35,.65); }
body.modern-workspace .smart-inline-drop:hover { border-color:#d1bbff; background:rgba(40,34,63,.7); }
body.modern-workspace .catalog-browse-heading h2 { line-height:1.35; }
body.modern-workspace .addon-card { border:1px solid #656080; border-radius:22px; background:linear-gradient(120deg,#23203b,#171f30 85%); box-shadow:0 18px 48px rgba(0,0,0,.16); }
body.modern-workspace .step-card { border:1px solid #434d63; border-radius:16px; background:linear-gradient(165deg,#1d2432,#161a29); }
body.modern-workspace .footer { border-top:1px solid #414a60; }
body.modern-workspace .footer-inner { gap:16px; }
body.modern-workspace .footer-inner a:hover { color:#e1d6ff; }
body.modern-workspace .skip-to-content { position:fixed; z-index:99999; inset-inline-start:16px; top:-100px; padding:12px 18px; background:#e1d6ff; border-radius:10px; color:#1b1731; font-weight:800; box-shadow:0 8px 30px #0005; }
body.modern-workspace .skip-to-content:focus { top:12px; }
@media (max-width:800px) {
  body.modern-workspace .workspace-intro { margin-block-start:16px; padding:29px 26px; }
  body.modern-workspace .hero h1 { font-size:clamp(34px,5.3vw,45px); }
  body.modern-workspace .hero-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; width:100%; }
  body.modern-workspace .hero-metrics div { min-width:0; padding:10px 9px; }
  body.modern-workspace .hero-metrics div:first-child { padding-inline-start:9px; }
}
@media (max-width:580px) {
  body.modern-workspace .workspace-intro { border-radius:20px; padding:23px 18px 22px; }
  body.modern-workspace .workspace-intro::before { width:240px; height:240px; inset-inline-end:-135px; top:-100px; }
  body.modern-workspace .hero h1 { font-size:clamp(29px,8vw,37px); letter-spacing:-.65px; }
  body.modern-workspace .hero-lead { font-size:14px; line-height:1.8; }
  body.modern-workspace .hero-buttons .btn { min-height:49px; font-size:13px; padding-inline:10px; }
  body.modern-workspace .hero-metrics div { padding:8px 5px; text-align:center; }
  body.modern-workspace .hero-metrics strong { font-size:21px; }
  body.modern-workspace .hero-metrics span { font-size:10px; }
  body.modern-workspace .search-wrap { padding:20px 16px; }
  body.modern-workspace .search-field { height:56px; }
  body.modern-workspace .search-heading h2 { font-size:24px; }
  body.modern-workspace .workspace-upload { border-radius:17px; }
}
@media (max-width:360px) {
  body.modern-workspace .hero-buttons { grid-template-columns:minmax(0,1fr); }
  body.modern-workspace .hero h1 { font-size:29px; }
  body.modern-workspace .hero-metrics strong { font-size:19px; }
  body.modern-workspace .hero-metrics span { font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
  body.modern-workspace :is(.catalog-title,.catalog-browse-card,.catalog-poster img,.catalog-browse-art img,.search-field) { transition:none !important; }
  body.modern-workspace :is(.catalog-title,.catalog-browse-card):hover { transform:none; }
}