:root{
  --bg:#070910;--panel:#0f131d;--panel2:#0a0d14;--line:#252d3d;--text:#f4f7fb;--muted:#8a96aa;
  --cyan:#63e1ff;--purple:#ad7cff;--green:#67e0ac;--amber:#ffc86c;--red:#ff758d;
  --shadow:0 22px 70px rgba(0,0,0,.34);--radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(900px 460px at 80% -12%,rgba(173,124,255,.15),transparent 58%),radial-gradient(760px 420px at -10% 18%,rgba(99,225,255,.09),transparent 55%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.app{max-width:1480px;margin:auto;padding:16px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.brand{display:flex;align-items:center;gap:11px}.mark{width:45px;height:45px;border:1px solid #344059;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(99,225,255,.1),rgba(173,124,255,.12));font-weight:950;color:var(--cyan)}
.brand h1{font-size:18px;margin:0;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.11em;margin-top:3px}
.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{font-size:9px;border:1px solid var(--line);border-radius:999px;padding:7px 9px;color:#aeb8c9;background:#0a0e15}.pill.live{color:#aff1d1;border-color:rgba(103,224,172,.3)}
.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,19,29,.97),rgba(10,13,20,.97));border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:12px}.heroMain,.heroSide{padding:20px}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--cyan);font-weight:850}.hero h2{font-size:clamp(29px,4vw,50px);line-height:.98;letter-spacing:-.045em;margin:8px 0 10px}.hero p{color:#9ba6b8;line-height:1.55;margin:0;max-width:820px}.loop{display:grid;gap:8px;margin-top:11px}.loop div{display:flex;gap:8px;align-items:center;color:#b7c1cf;font-size:11px}.num{width:24px;height:24px;border:1px solid #303b50;border-radius:8px;display:grid;place-items:center;color:#a8e9ff;background:#0a0e15;font-weight:850;font-size:10px}
.workspace{display:grid;grid-template-columns:270px 1fr;gap:12px}.sidebar{padding:11px;position:sticky;top:10px;height:max-content}.nav{display:grid;gap:4px}.nav button{border:0;background:transparent;color:#8f9aad;text-align:left;border-radius:10px;padding:10px 11px;font-size:12px}.nav button.active{background:linear-gradient(90deg,rgba(99,225,255,.095),rgba(173,124,255,.045));color:white;box-shadow:inset 2px 0 0 var(--cyan)}
.sideNote{border-top:1px solid var(--line);margin-top:10px;padding:11px 9px 3px;color:#738096;font-size:9px;line-height:1.5}
.view{display:none}.view.active{display:block}.panel{padding:18px}.panel+.panel{margin-top:12px}.panelHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:13px}.panelHead h3{font-size:16px;margin:0}.panelHead p{font-size:10px;color:#748198;margin:4px 0 0;max-width:760px;line-height:1.45}
.actions{display:flex;gap:8px;flex-wrap:wrap}.primary,.secondary,.danger{border-radius:11px;padding:10px 12px;font-size:11px;font-weight:850}.primary{border:0;color:#071016;background:linear-gradient(105deg,var(--cyan),#86a7ff 58%,var(--purple))}.secondary{border:1px solid #30394a;background:#0b0f16;color:#d4dae5}.danger{border:1px solid rgba(255,117,141,.3);background:rgba(255,117,141,.06);color:#ffadba}
.primary:disabled,.secondary:disabled{opacity:.42;cursor:not-allowed}
.drop{border:1px dashed #39455d;border-radius:16px;padding:22px;text-align:center;background:#090d14;transition:.18s}.drop.drag{border-color:var(--cyan);background:rgba(99,225,255,.04)}.drop strong{display:block;font-size:13px}.drop span{display:block;color:#78869b;font-size:10px;margin-top:4px}.drop .actions{justify-content:center;margin-top:13px}
.rights{display:flex;gap:9px;align-items:flex-start;border:1px solid rgba(255,200,108,.18);background:rgba(255,200,108,.035);border-radius:12px;padding:10px;margin-top:11px;color:#a8a090;font-size:10px;line-height:1.45}.rights input{margin-top:2px;accent-color:var(--cyan)}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.stat{border:1px solid #272f3f;border-radius:12px;background:#0a0d13;padding:10px}.stat b{display:block;font-size:19px}.stat span{display:block;font-size:8px;color:#778398;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.previewShell{min-height:520px;background:#05070b;border:1px solid #202735;border-radius:14px;overflow:auto;display:grid;place-items:center;padding:18px;position:relative}.previewShell svg{max-width:100%;max-height:620px;background:white;border-radius:8px;box-shadow:0 18px 55px rgba(0,0,0,.3)}.previewEmpty{text-align:center;color:#707d91;font-size:11px}.previewEmpty b{display:block;color:#d4dbe6;margin-bottom:5px}
.tree{max-height:520px;overflow:auto;display:grid;gap:5px}.treeItem{border:1px solid #242c3a;border-radius:9px;background:#0a0d13;padding:8px;text-align:left;color:#cbd4e1;font-size:10px}.treeItem:hover,.treeItem.active{border-color:#47647c;background:rgba(99,225,255,.045)}.treeItem span{display:block;color:#6f7c90;font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #202735;padding:8px 7px;text-align:left;font-size:9px;vertical-align:top}.table th{color:#7e8ca1;text-transform:uppercase;letter-spacing:.08em}.table td{color:#bcc5d2}
.badge{display:inline-block;font-size:8px;border:1px solid #30394a;border-radius:999px;padding:4px 6px;color:#9ca9bc}.badge.good{color:#a7efcd;border-color:rgba(103,224,172,.3)}.badge.warn{color:#ffd892;border-color:rgba(255,200,108,.3)}.badge.fail{color:#ffb0bd;border-color:rgba(255,117,141,.3)}
.code{white-space:pre-wrap;word-break:break-word;background:#07090e;border:1px solid #202735;border-radius:12px;padding:12px;color:#bdc9da;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:520px;overflow:auto}
.fieldGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.field{display:grid;gap:5px}.field label{font-size:8px;color:#7f8ba0;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #293243;background:#090c12;color:#eef3fb;border-radius:10px;padding:10px 11px;outline:none}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(99,225,255,.06)}
.componentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.component{border:1px solid #263040;border-radius:11px;background:#0a0d13;padding:10px}.component b{font-size:12px}.component span{display:block;color:#758196;font-size:8px;margin-top:3px}
.findings{display:grid;gap:7px}.finding{border:1px solid #27303f;border-radius:11px;background:#0a0d13;padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px}.finding b{font-size:10px}.finding p{font-size:9px;color:#778397;margin:3px 0 0;line-height:1.45}
.library{display:grid;gap:7px}.libraryItem{border:1px solid #26303f;border-radius:11px;background:#0a0d13;padding:10px}.libraryItem b{font-size:10px}.libraryItem span{font-size:8px;color:#788499;display:block;margin-top:3px;line-height:1.4}.libraryItem svg{max-width:100%;height:auto;display:block}
.delta{display:grid;gap:7px}.deltaItem{border:1px solid #27303f;border-radius:11px;background:#0a0d13;padding:10px}.deltaItem b{font-size:10px}.deltaItem p{font-size:9px;color:#788499;margin:4px 0 0;line-height:1.45}
.toast{position:fixed;right:18px;bottom:18px;max-width:380px;background:#111722;border:1px solid #30394a;color:#ecf1f8;border-radius:11px;padding:10px 12px;font-size:10px;display:none;z-index:50}.toast.show{display:block}
@media(max-width:1050px){.hero,.workspace,.split{grid-template-columns:1fr}.sidebar{position:static}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.app{padding:9px}.heroMain,.heroSide,.panel{padding:14px}.stats,.componentGrid,.fieldGrid{grid-template-columns:1fr 1fr}.previewShell{min-height:360px;padding:8px}}
@media(max-width:430px){.stats,.componentGrid,.fieldGrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.variationGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.variationCard{border:1px solid #263040;border-radius:13px;background:#0a0d13;color:#dce4ef;padding:9px;text-align:left;transition:.18s}
.variationCard:hover{transform:translateY(-2px);border-color:#47647c;background:rgba(99,225,255,.04)}
.variationArt{height:150px;background:#fff;border-radius:9px;display:grid;place-items:center;overflow:hidden;margin-bottom:8px}
.variationArt svg{width:100%;height:100%;max-width:100%;max-height:100%}
.variationCard b{font-size:10px}.variationCard span{display:block;color:#788499;font-size:8px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.variationGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.variationGrid{grid-template-columns:1fr}}

.genomeMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.genomeMetric{border:1px solid #27303f;border-radius:12px;background:#0a0d13;padding:10px}
.genomeMetric span{display:block;color:#758196;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.genomeMetric b{display:block;font-size:13px;margin-top:4px;color:#dce5f2;word-break:break-word}
.swatches{display:flex;gap:8px;flex-wrap:wrap}
.swatch{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;border:1px solid #263040;border-radius:999px;background:#0a0d13;padding:6px 9px 6px 6px;min-width:150px}
.swatch i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:block}
.swatch span{font-size:8px;color:#aeb8c9;overflow:hidden;text-overflow:ellipsis}
.swatch b{font-size:8px;color:#7f8ba0}
.genomePick{width:100%;cursor:pointer;color:#dce4ef;text-align:left}
.genomePick:hover{border-color:#47647c;background:rgba(99,225,255,.04)}
@media(max-width:800px){.genomeMetrics{grid-template-columns:1fr 1fr}}
@media(max-width:470px){.genomeMetrics{grid-template-columns:1fr}}

.scenePreview{background:radial-gradient(circle at 50% 45%,rgba(99,225,255,.08),transparent 45%),#05070b}
.scenePreview svg{width:min(100%,760px);height:auto}
.sceneVariation .variationArt{height:220px}
.sceneVariation .variationArt svg{object-fit:contain}

/* === MACRODOSE client white-label layer === */
.clientBack{position:fixed;top:max(10px,env(safe-area-inset-top));right:12px;z-index:80;border:1px solid rgba(255,255,255,.12);background:rgba(7,9,16,.82);color:#eaf7ff;text-decoration:none;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:850;letter-spacing:.06em;backdrop-filter:blur(14px);box-shadow:0 12px 32px rgba(0,0,0,.24)}
.clientBack:hover{border-color:rgba(99,225,255,.45);color:#fff}
.clientGift{margin:0 0 12px;padding:16px 18px;display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:center;border-color:rgba(99,225,255,.22);background:linear-gradient(135deg,rgba(99,225,255,.055),rgba(173,124,255,.055)),linear-gradient(180deg,rgba(15,19,29,.97),rgba(10,13,20,.97))}
.clientGift h3{font-size:18px;margin:5px 0 6px}.clientGift p{margin:0;color:#96a4b7;font-size:11px;line-height:1.55}
.clientGiftGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.clientGiftGrid span{border:1px solid #2b3446;border-radius:11px;background:#090d14;padding:9px;color:#adbacd;font-size:10px}.clientGiftGrid b{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:5px;border-radius:6px;background:rgba(99,225,255,.09);color:#8de8ff}
.brand .mark{background:linear-gradient(145deg,rgba(99,225,255,.13),rgba(238,104,216,.12));box-shadow:0 0 28px rgba(99,225,255,.08)}
@media(max-width:760px){.clientBack{position:static;display:inline-flex;margin:0 0 10px}.clientGift{grid-template-columns:1fr}.clientGiftGrid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.clientGiftGrid{grid-template-columns:1fr}}


/* === Birthday Edition UX polish === */
.labCommandBar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;padding:12px 14px;border:1px solid rgba(99,225,255,.17);border-radius:15px;background:linear-gradient(105deg,rgba(99,225,255,.055),rgba(238,104,216,.035)),rgba(9,13,20,.82);backdrop-filter:blur(16px)}
.labCommandCopy{display:grid;gap:3px;min-width:0}.labCommandCopy strong{font-size:12px;color:#eaf1fb;font-weight:780}.labCommandBar .actions{flex-shrink:0}
.workspacePulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:7px;align-items:stretch;margin:0 0 12px}
.workspacePulse>div{border:1px solid #252e3d;border-radius:12px;background:rgba(9,13,20,.82);padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.workspacePulse span{font-size:8px;color:#748197;text-transform:uppercase;letter-spacing:.08em}.workspacePulse b{font-size:15px;color:#edf7ff}
.workspacePulse small{display:flex;align-items:center;border:1px solid rgba(103,224,172,.18);border-radius:12px;padding:9px 11px;color:#9cccb6;background:rgba(103,224,172,.035);font-size:9px;white-space:nowrap}
.tourOverlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:rgba(2,4,8,.76);backdrop-filter:blur(14px)}.tourOverlay[hidden]{display:none}
.tourCard{width:min(560px,100%);border:1px solid rgba(99,225,255,.23);border-radius:22px;background:radial-gradient(600px 220px at 20% 0%,rgba(99,225,255,.09),transparent 55%),radial-gradient(480px 260px at 100% 100%,rgba(238,104,216,.07),transparent 60%),#0b0f17;box-shadow:0 36px 120px rgba(0,0,0,.62);padding:22px}
.tourTopline{display:flex;justify-content:space-between;align-items:center;color:#8290a5;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.tourClose{width:34px;height:34px;border:1px solid #2b3546;border-radius:50%;background:#0a0e15;color:#dbe5f2;font-size:20px;line-height:1}
.tourProgress{height:4px;border-radius:999px;background:#161d28;overflow:hidden;margin:12px 0 20px}.tourProgress i{display:block;height:100%;width:25%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--purple));transition:width .22s ease}
.tourCard h2{font-size:clamp(25px,6vw,38px);line-height:1.02;letter-spacing:-.035em;margin:8px 0 10px}.tourCard p{color:#96a4b8;line-height:1.6;font-size:12px;margin:0}.tourActions{display:flex;gap:8px;align-items:center;margin-top:22px}.tourActions #tourNext{margin-left:auto}
.nav button{min-height:40px}.primary,.secondary,.danger{min-height:40px}
@media(max-width:820px){.workspacePulse{grid-template-columns:repeat(4,1fr)}.workspacePulse small{grid-column:1/-1;justify-content:center}.labCommandBar{align-items:flex-start}.labCommandBar .actions{justify-content:flex-end}}
@media(max-width:560px){.labCommandBar{display:grid}.labCommandBar .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.labCommandBar .actions>*{width:100%;text-align:center}.workspacePulse{grid-template-columns:1fr 1fr}.workspacePulse small{grid-column:1/-1}.tourCard{padding:18px;border-radius:18px}.tourActions{display:grid;grid-template-columns:1fr 1fr}.tourActions #tourNext{margin-left:0;grid-column:1/-1;grid-row:1}.tourActions #tourBack,.tourActions #tourSkip{grid-row:2}.nav{-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{min-height:44px}}

.importLabel{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}
.importLabel:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(99,225,255,.06)}
@media(max-width:740px){.labCommandBar .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.labCommandBar .actions>*{width:100%}}


/* === Multi-SVG batch intake === */
.batchPanel{margin-top:12px;border:1px solid rgba(99,225,255,.18);border-radius:16px;background:linear-gradient(180deg,rgba(99,225,255,.035),rgba(9,13,20,.76));padding:13px}
.batchPanel[hidden]{display:none}
.batchHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.batchHead h4{font-size:15px;margin:4px 0}.batchHead p{margin:0;color:#7f8da2;font-size:10px;line-height:1.5;max-width:760px}
.batchProgress{margin:12px 0 10px}.batchProgress[hidden]{display:none}.batchProgress>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8d9aaf;font-size:9px}.batchProgress b{color:#e9f4ff;font-size:10px}
.batchProgress>i{display:block;height:6px;margin-top:6px;border-radius:999px;overflow:hidden;background:#151c27;border:1px solid #222c3a}.batchProgress>i>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--purple));transition:width .18s ease}
.batchList{display:grid;gap:6px;max-height:360px;overflow:auto;padding-right:2px}.batchItem{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #26303f;border-radius:11px;background:#090d14;padding:9px 10px;color:#dce5f0;text-align:left}.batchInspectable{cursor:pointer}.batchInspectable:hover{border-color:#48657d;background:rgba(99,225,255,.04)}
.batchIndex{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#0d131d;border:1px solid #273344;color:#88dff6;font-size:8px;font-weight:850}
.batchFile{min-width:0}.batchFile b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batchFile span{display:block;margin-top:3px;color:#738198;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){.batchHead{display:grid}.batchHead .actions{display:grid;grid-template-columns:1fr 1.4fr;width:100%}.batchHead .actions>*{width:100%}.batchItem{grid-template-columns:30px minmax(0,1fr)}.batchItem>.badge{grid-column:2;justify-self:start}.batchList{max-height:430px}}


/* === Vector Lab simplified experience v1 === */
body{
  background:
    radial-gradient(700px 440px at 12% -5%,rgba(99,225,255,.11),transparent 62%),
    radial-gradient(820px 520px at 95% 8%,rgba(173,124,255,.12),transparent 64%),
    #070910;
}
.app{max-width:1260px;padding:18px 18px 34px}
.labTop{margin:2px 0 12px;padding-right:150px}
.labTop .brand h1{font-size:20px;letter-spacing:-.02em;text-transform:none}
.labTop .brand small{letter-spacing:.1em}
.labStatus .pill{background:rgba(12,17,26,.72);backdrop-filter:blur(12px)}

.simpleHero{
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);
  gap:24px;align-items:center;margin-bottom:10px;padding:28px;
  border-color:rgba(99,225,255,.2);
  background:
    linear-gradient(135deg,rgba(99,225,255,.07),rgba(173,124,255,.055) 55%,rgba(9,13,20,.92)),
    rgba(10,14,22,.96);
}
.simpleHeroGlow{
  position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-180px;
  background:radial-gradient(circle,rgba(99,225,255,.16),rgba(173,124,255,.07) 42%,transparent 70%);
  filter:blur(8px);pointer-events:none;
}
.simpleHeroContent,.simpleHeroSteps{position:relative;z-index:1}
.simpleHero h2{max-width:760px;margin:7px 0 9px;font-size:clamp(30px,4.4vw,54px);line-height:.98;letter-spacing:-.045em}
.simpleHero p{max-width:760px;margin:0;color:#9ba8ba;font-size:13px;line-height:1.55}
.heroActions{margin-top:18px;align-items:center}
.heroUpload{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:12px 17px;font-size:12px;cursor:pointer}
.heroUpload span{font-size:18px;line-height:0}
.textButton{min-height:40px;border:0;background:transparent;color:#98dff3;padding:8px 10px;font-size:11px;font-weight:800}
.textButton:hover{color:#fff}
.simpleHeroSteps{display:grid;gap:8px}
.simpleHeroSteps>div{
  display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;
  padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(5,9,15,.5);backdrop-filter:blur(10px)
}
.simpleHeroSteps span{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(99,225,255,.12),rgba(173,124,255,.1));border:1px solid rgba(99,225,255,.18);color:#8de8ff;font-size:11px;font-weight:900}
.simpleHeroSteps b{font-size:12px;color:#edf7ff}.simpleHeroSteps small{font-size:9px;color:#78879c;margin-top:2px}

.workspacePulseSimple{grid-template-columns:repeat(4,minmax(90px,1fr)) minmax(220px,auto);margin-bottom:8px}
.workspacePulseSimple>div{background:rgba(9,13,20,.66);border-color:rgba(255,255,255,.07)}
.workspacePulseSimple span{font-size:7px}.workspacePulseSimple b{font-size:14px}
.workspacePulseSimple small{background:rgba(103,224,172,.03)}

.utilityTray{margin:0 0 12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(8,12,19,.7);overflow:hidden}
.utilityTray>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;color:#b8c2d1;font-size:10px;font-weight:800}
.utilityTray>summary::-webkit-details-marker{display:none}.utilityTray>summary span{color:#6f7d91;font-weight:600}
.utilityTray[open]>summary{border-bottom:1px solid rgba(255,255,255,.06)}
.utilityTrayBody{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px}
.utilityTrayBody p{margin:0;color:#7e8ba0;font-size:10px;line-height:1.45}

.workspace{grid-template-columns:210px minmax(0,1fr);gap:12px}
.sidebar{padding:10px;top:12px;border-color:rgba(255,255,255,.08);background:rgba(10,14,22,.9)}
.navLabel{padding:4px 7px 8px;color:#657388;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.primaryNav{display:grid;gap:6px}
.primaryNav button{
  min-height:58px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;
  padding:9px 10px;border:1px solid transparent!important;border-radius:13px!important
}
.primaryNav button>span{grid-row:1/3;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#0c121c;border:1px solid #273244;color:#91eaff;font-size:13px;font-weight:900}
.primaryNav button>b{font-size:11px;color:#d8e2ee}.primaryNav button>small{font-size:8px;color:#6e7c90;margin-top:1px}
.primaryNav button.active{border-color:rgba(99,225,255,.18)!important;background:linear-gradient(90deg,rgba(99,225,255,.09),rgba(173,124,255,.045))!important;box-shadow:none!important}
.primaryNav button.active>span{background:linear-gradient(145deg,rgba(99,225,255,.18),rgba(173,124,255,.12));border-color:rgba(99,225,255,.32)}
.advancedNav{margin-top:7px;border-top:1px solid rgba(255,255,255,.06);padding-top:7px}
.advancedNav>summary{cursor:pointer;list-style:none;padding:8px 9px;color:#8795aa;font-size:9px;font-weight:850;border-radius:9px}
.advancedNav>summary::-webkit-details-marker{display:none}.advancedNav>summary:after{content:"＋";float:right;color:#647287}.advancedNav[open]>summary:after{content:"–"}
.subNav{display:grid;gap:3px;margin-top:3px}.subNav button{min-height:34px;padding:7px 9px;font-size:9px}
.sideNote{font-size:8px;line-height:1.45;padding:10px 7px 1px}.sideNote b{color:#9fecc9}

.intakePanel{padding:22px;border-color:rgba(99,225,255,.12)}
.intakeHeading{margin-bottom:12px}.intakeHeading h3{font-size:22px;letter-spacing:-.025em;margin-top:4px}.intakeHeading p{font-size:11px;max-width:680px}
.rightsSimple{
  margin:0 0 10px;padding:10px 12px;align-items:center;border-color:rgba(99,225,255,.14);
  background:rgba(99,225,255,.025);color:#c4cfdb
}
.rightsSimple input{width:20px;height:20px;margin:0;flex:0 0 auto}
.rightsSimple span{display:grid;gap:2px}.rightsSimple b{font-size:10px;color:#dce7f2}.rightsSimple small{font-size:8px;color:#718095}
.dropSimple{
  position:relative;padding:28px 22px;border:1px dashed rgba(110,141,181,.55);border-radius:20px;
  background:
    radial-gradient(280px 140px at 50% 0%,rgba(99,225,255,.05),transparent 70%),
    linear-gradient(180deg,rgba(9,14,22,.8),rgba(6,10,16,.9));
}
.dropSimple:hover{border-color:rgba(99,225,255,.55)}
.uploadGlyph{width:52px;height:52px;margin:0 auto 10px;border-radius:16px;display:grid;place-items:center;font-size:24px;font-weight:900;color:#071016;background:linear-gradient(135deg,#6be4ff,#9d79ff);box-shadow:0 12px 32px rgba(99,225,255,.12)}
.dropSimple strong{font-size:18px;letter-spacing:-.02em}.dropSimple>span{font-size:10px;margin-top:6px}
.dropSimple .actions{margin-top:16px}.uploadPrimary{min-height:46px;padding-inline:22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.mobileHint{display:block;margin-top:12px;color:#59677b;font-size:8px}
.whatNext{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.whatNext>div{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(8,12,19,.6)}
.whatNext>div>span{color:#74dcf7;font-size:8px;font-weight:900}.whatNext p{margin:0;display:grid;gap:2px}.whatNext b{font-size:9px}.whatNext small{font-size:7px;color:#718095}

.supportDetails{padding:0;overflow:hidden}
.supportDetails>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}
.supportDetails>summary::-webkit-details-marker{display:none}.supportDetails>summary>span:first-child{display:grid;gap:2px}.supportDetails>summary b{font-size:11px}.supportDetails>summary small{font-size:8px;color:#718095}
.supportDetails[open]>summary{border-bottom:1px solid rgba(255,255,255,.06)}
.supportDetails[open]>summary>span:last-child{transform:rotate(45deg)}
.supportDetailsBody{padding:13px}
.formatCards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.formatCards>div{padding:11px;border:1px solid #26303f;border-radius:12px;background:#090d14}.formatCards b{display:block;font-size:11px}.formatCards span{display:block;margin-top:4px;font-size:8px;color:#f0c97d}.formatCards small{display:block;margin-top:5px;color:#748196;font-size:8px;line-height:1.4}.formatCards .formatGood span{color:#8ce7bd}

.batchPanel{margin-top:12px;border-radius:18px;background:linear-gradient(180deg,rgba(99,225,255,.045),rgba(8,12,19,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.batchHead h4{font-size:16px}.batchItem{border-radius:12px}.batchInspectable:hover{transform:translateY(-1px)}

@media(max-width:1050px){
  .workspace{grid-template-columns:1fr}
  .sidebar{position:static}
  .nav.primaryNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
  .primaryNav button{grid-template-columns:1fr;grid-template-rows:30px auto auto;text-align:center;justify-items:center;padding:8px 5px;min-height:76px}
  .primaryNav button>span{grid-row:auto}.primaryNav button>b{font-size:10px}.primaryNav button>small{font-size:7px}
  .subNav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
  .subNav button{text-align:center;white-space:normal}
  .sideNote{display:none}
}
@media(max-width:760px){
  .app{padding:10px 10px 28px}
  .clientBack{margin-bottom:8px}
  .labTop{padding-right:0;margin-bottom:9px}
  .labTop .brand h1{font-size:18px}.labTop .brand small{font-size:8px}
  .labStatus{display:none}
  .simpleHero{grid-template-columns:1fr;padding:20px 16px;gap:18px;border-radius:20px}
  .simpleHero h2{font-size:36px;max-width:560px}
  .simpleHero p{font-size:11px}
  .simpleHeroSteps{grid-template-columns:repeat(3,1fr);gap:6px}
  .simpleHeroSteps>div{grid-template-columns:1fr;grid-template-rows:32px auto auto;justify-items:center;text-align:center;padding:8px 4px}
  .simpleHeroSteps span{grid-row:auto;width:30px;height:30px;border-radius:10px}.simpleHeroSteps b{font-size:10px}.simpleHeroSteps small{font-size:7px}
  .workspacePulseSimple{grid-template-columns:repeat(4,1fr)}.workspacePulseSimple small{grid-column:1/-1}
  .utilityTrayBody{display:grid}.utilityTrayBody .actions{display:grid;grid-template-columns:1fr 1fr}.utilityTrayBody .actions>*{width:100%}
  .intakePanel{padding:16px}.intakeHeading h3{font-size:20px}
  .dropSimple{padding:24px 14px}
}
@media(max-width:520px){
  .simpleHero h2{font-size:32px}
  .heroActions{display:grid;grid-template-columns:1.25fr .85fr}.heroActions .textButton{grid-column:1/-1;justify-self:start;padding-left:2px}
  .whatNext{grid-template-columns:1fr}
  .formatCards{grid-template-columns:1fr}
  .nav.primaryNav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .primaryNav button{min-height:70px;border-radius:11px!important}.primaryNav button>small{display:none}
  .subNav{grid-template-columns:1fr 1fr}
  .workspacePulseSimple>div{padding:8px 6px}.workspacePulseSimple span{font-size:6px}.workspacePulseSimple b{font-size:13px}
  .rightsSimple{align-items:flex-start}
}


.rightsSimple.needsAttention{
  border-color:rgba(255,200,108,.58);
  background:linear-gradient(90deg,rgba(255,200,108,.08),rgba(99,225,255,.03));
  box-shadow:0 0 0 3px rgba(255,200,108,.05),0 12px 34px rgba(0,0,0,.18);
}
.rightsSimple.needsAttention b{color:#ffe0a6}