:root{--bg:#07111f;--panel:#0b1728;--panel2:#0f1e32;--panel3:#13243a;--line:#213653;--text:#e8f2ff;--muted:#8ca2bf;--cyan:#22d3ee;--blue:#60a5fa;--green:#34d399;--amber:#fbbf24;--red:#fb7185;--purple:#a78bfa;--shadow:0 24px 80px rgba(0,0,0,.34);--radius:18px;--sidebar:248px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 70% 0,#102a46 0,transparent 38%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.boot{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;background:#07111f;z-index:999}.boot-mark,.brand-mark{display:grid;place-items:center;border:1px solid #2bd9f2;background:linear-gradient(145deg,#22d3ee,#2563eb);color:#04101c;font-weight:900;box-shadow:0 0 34px rgba(34,211,238,.34)}.boot-mark{width:64px;height:64px;border-radius:21px;font-size:21px}.boot span{display:block;color:#8ca2bf;margin-top:4px}.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:20px 14px;background:linear-gradient(180deg,rgba(9,22,39,.98),rgba(6,15,27,.98));border-right:1px solid var(--line);z-index:40}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px}.brand-mark{width:42px;height:42px;border-radius:14px}.brand b{font-size:13px;letter-spacing:.04em}.brand small{display:block;color:var(--muted);margin-top:2px}.nav-group{margin:14px 0}.nav-label{padding:0 12px 8px;color:#647d9e;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.nav-item{width:100%;display:flex;align-items:center;gap:11px;border:0;color:#93aac6;background:transparent;padding:11px 12px;border-radius:12px;margin:3px 0;text-align:left;transition:.18s}.nav-item:hover{background:#12243a;color:#e8f2ff}.nav-item.active{background:linear-gradient(90deg,rgba(34,211,238,.16),rgba(96,165,250,.09));color:#eaffff;box-shadow:inset 3px 0 var(--cyan)}.nav-icon{width:20px;text-align:center;font-size:16px}.sidebar-card{position:absolute;left:14px;right:14px;bottom:18px;padding:13px;background:linear-gradient(145deg,#10253a,#0c1a2b);border:1px solid var(--line);border-radius:14px}.sidebar-card b{font-size:12px}.sidebar-card p{margin:5px 0 10px;color:var(--muted);font-size:11px}.progress{height:7px;background:#07111f;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:inherit}.main{grid-column:2;min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:0 24px;background:rgba(7,17,31,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(48,72,105,.7)}.topbar h1{margin:0;font-size:18px}.topbar p{margin:2px 0 0;color:var(--muted);font-size:12px}.topbar-spacer{flex:1}.top-pill{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#0b1728;color:#b5c8de}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(52,211,153,.1)}.icon-btn,.btn{border:1px solid var(--line);background:#0e1e31;color:#dbeafe;border-radius:11px;padding:9px 12px}.icon-btn{width:39px;height:39px;padding:0;display:grid;place-items:center}.btn:hover,.icon-btn:hover{border-color:#3d5d87;background:#152941}.btn.primary{background:linear-gradient(135deg,#0891b2,#2563eb);border-color:#2edcf4;color:white;font-weight:750}.btn.good{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.45);color:#a7f3d0}.btn.danger{background:rgba(251,113,133,.1);border-color:rgba(251,113,133,.38);color:#fecdd3}.btn.ghost{background:transparent}.content{padding:24px;max-width:1800px;margin:auto}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font-weight:800}.hero h2{font-size:28px;line-height:1.14;margin:7px 0}.hero p{max-width:720px;margin:0;color:var(--muted)}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric,.card{background:linear-gradient(145deg,rgba(15,31,51,.96),rgba(9,22,38,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 15px 50px rgba(0,0,0,.12)}.metric{padding:17px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-45px;background:var(--glow,rgba(34,211,238,.12))}.metric .k{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.metric strong{display:block;font-size:26px;margin:7px 0 2px}.metric small{color:#7890ae}.two-col{grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr)}.card{padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.card-head h3{margin:0;font-size:15px}.card-head span{color:var(--muted);font-size:11px}.activity-list,.doc-list{display:grid;gap:9px}.activity{display:flex;gap:12px;align-items:center;padding:11px;background:#0a192b;border:1px solid #1d334f;border-radius:12px}.dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px currentColor}.activity b{font-size:12px}.activity small{display:block;color:var(--muted);margin-top:2px}.activity time{margin-left:auto;color:#6f86a3;font-size:11px}.bar-chart{height:245px;display:flex;align-items:flex-end;gap:9px;padding:18px 8px 0;border-top:1px solid #1c314c;background:linear-gradient(180deg,transparent,rgba(34,211,238,.025))}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar{width:100%;max-width:34px;background:linear-gradient(180deg,#22d3ee,#2563eb);border-radius:8px 8px 3px 3px;box-shadow:0 0 18px rgba(34,211,238,.15)}.bar-wrap small{font-size:9px;color:#6f86a3}.legend{display:flex;gap:12px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px;color:#90a7c3;font-size:11px}.legend i{width:8px;height:8px;border-radius:50%}.donut-row{display:flex;align-items:center;gap:22px}.donut{width:150px;aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(var(--green) 0 52%,var(--amber) 52% 84%,var(--red) 84% 100%)}.donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:#0b1728}.donut-center{position:absolute;inset:0;display:grid;place-items:center;z-index:2;text-align:center}.donut-center strong{font-size:24px}.donut-center small{display:block;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:750px}.table th,.table td{text-align:left;padding:12px 13px;border-bottom:1px solid #1b304a}.table th{position:sticky;top:0;background:#0c1b2e;color:#7890ae;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.table tr:hover td{background:rgba(34,211,238,.025)}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:750;border:1px solid}.status.APPROVED{color:#a7f3d0;border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}.status.REJECTED{color:#fecdd3;border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.08)}.status.NEEDS_REVIEW{color:#fde68a;border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.08)}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#091728;color:#dbeafe;border-radius:10px;padding:10px 11px;outline:0}.input:focus,.select:focus,.textarea:focus{border-color:#3299bf;box-shadow:0 0 0 3px rgba(34,211,238,.08)}.filter-row .input{max-width:360px}.filter-row .select{width:auto}.workspace-shell{display:grid;grid-template-columns:minmax(180px,230px) minmax(520px,1fr) minmax(280px,340px);gap:14px;min-height:calc(100vh - 124px)}.workspace-panel{background:#0b1728;border:1px solid var(--line);border-radius:16px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--line);background:#0d1c2f}.panel-title h3{font-size:12px;margin:0}.document-queue{max-height:calc(100vh - 230px);overflow:auto;padding:8px}.doc-item{width:100%;display:flex;gap:10px;text-align:left;background:transparent;border:1px solid transparent;color:#b9cbe0;padding:9px;border-radius:10px;margin-bottom:5px}.doc-item:hover{background:#102139}.doc-item.active{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.28)}.doc-thumb{width:38px;height:51px;object-fit:cover;background:white;border-radius:5px}.doc-item b{font-size:11px;display:block}.doc-item small{font-size:9px;color:#7088a5}.workspace-center{display:flex;flex-direction:column;min-width:0}.workspace-toolbar{display:flex;align-items:center;gap:7px;padding:10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.segmented{display:flex;padding:3px;border-radius:10px;background:#071321;border:1px solid #1b304a}.segmented button{border:0;background:transparent;color:#7f97b4;padding:7px 10px;border-radius:7px}.segmented button.active{background:#15304b;color:#eaffff}.toolbar-spacer{flex:1}.doc-stage-wrap{position:relative;flex:1;min-height:720px;overflow:auto;background-color:#06101c;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px;padding:24px}.doc-stage{position:relative;margin:auto;box-shadow:0 28px 70px rgba(0,0,0,.48);transform-origin:top center;background:white}.doc-stage img{display:block;width:100%;height:100%;user-select:none;pointer-events:none}.annotation-svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.annotation-svg.select-mode{cursor:default}.annotation-box{fill:rgba(34,211,238,.11);stroke-width:3;vector-effect:non-scaling-stroke}.annotation-box.selected{stroke-width:4;filter:drop-shadow(0 0 6px currentColor)}.resize-handle{fill:#fff;stroke:#081321;stroke-width:2;vector-effect:non-scaling-stroke;cursor:nwse-resize}.box-label{font-size:17px;font-family:Arial;font-weight:700;paint-order:stroke;stroke:#06101c;stroke-width:5px;stroke-linejoin:round;pointer-events:none}.stage-footer{display:flex;align-items:center;gap:12px;padding:10px 13px;border-top:1px solid var(--line);color:#859dba;font-size:11px}.warning-count{color:#fde68a}.field{margin-bottom:13px}.field label{display:block;color:#8da5c1;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.label-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.label-btn{display:flex;align-items:center;gap:7px;border:1px solid #233b59;background:#0a192b;color:#a9bed6;padding:8px;border-radius:9px;text-align:left;font-size:10px}.label-btn.active{border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb,var(--c),transparent 82%);color:#fff}.label-dot{width:8px;height:8px;border-radius:3px;background:var(--c)}.right-body{padding:14px;max-height:calc(100vh - 200px);overflow:auto}.coords{display:grid;grid-template-columns:1fr 1fr;gap:7px}.qc-list{display:grid;gap:7px}.qc-item{display:flex;align-items:flex-start;gap:8px;padding:9px;border-radius:9px;background:#0a192b;border:1px solid #1d334f;color:#9fb3ca;font-size:10px}.qc-item.error{border-color:rgba(251,113,133,.35);color:#fecdd3}.qc-item.ok{border-color:rgba(52,211,153,.3);color:#a7f3d0}.stack-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.empty{padding:28px;text-align:center;color:#7890ae}.empty .big{font-size:34px;opacity:.65}.export-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.export-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#0b1728}.export-card .icon{font-size:29px}.export-card h3{margin:10px 0 5px}.export-card p{color:var(--muted);min-height:42px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card h3{margin-top:0}.code{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;background:#06101c;border:1px solid #1d334f;border-radius:12px;padding:14px;overflow:auto;color:#b9d7f7}.integration-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.integration{padding:13px;border-radius:12px;background:#0a192b;border:1px solid #1d334f}.integration b{font-size:11px}.integration small{display:block;color:#748da9;margin-top:4px}.notice{padding:13px;border-radius:12px;background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.25);color:#b8eff8}.kbd{padding:2px 6px;border:1px solid #36506f;border-bottom-width:2px;border-radius:6px;background:#102139;color:#dbeafe;font-size:10px}#toast-root{position:fixed;right:18px;bottom:18px;z-index:999;display:grid;gap:8px}.toast{padding:11px 14px;border:1px solid #2a4667;background:#0d1d31;border-radius:11px;box-shadow:var(--shadow);animation:toastIn .2s ease}.toast.good{border-color:rgba(52,211,153,.45)}.toast.bad{border-color:rgba(251,113,133,.45)}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}.mobile-menu{display:none}@media(max-width:1100px){:root{--sidebar:76px}.brand div,.nav-label,.nav-item span:not(.nav-icon),.sidebar-card{display:none}.brand{justify-content:center}.nav-item{justify-content:center}.workspace-shell{grid-template-columns:180px minmax(440px,1fr) 290px}.metrics{grid-template-columns:repeat(2,1fr)}.integration-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.shell{display:block}.sidebar{transform:translateX(-100%);width:260px;transition:.2s}.sidebar.open{transform:none}.main{grid-column:auto}.topbar{padding:0 14px}.mobile-menu{display:grid}.content{padding:14px}.workspace-shell{grid-template-columns:1fr}.workspace-shell>.workspace-panel:first-child{display:none}.workspace-shell>.workspace-panel:last-child{min-height:auto}.doc-stage-wrap{min-height:560px}.metrics,.export-grid,.guide-grid,.integration-list,.two-col{grid-template-columns:1fr}.hero{display:block}.hero-actions{margin-top:14px}.top-pill{display:none}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.topbar h1{font-size:14px}.hero h2{font-size:23px}.workspace-toolbar .btn span{display:none}.label-grid{grid-template-columns:1fr}.doc-stage-wrap{padding:10px;min-height:450px}}

/* ===== V2: production workflow, responsive layout and modern scroll surfaces ===== */
:root{
  --scroll-track:#071321;
  --scroll-thumb:#1cb8d5;
  --scroll-thumb-2:#4f7cff;
  --scroll-glow:rgba(34,211,238,.32);
  --mobile-dock-h:72px;
}
html{scrollbar-gutter:stable;scroll-behavior:smooth}
html,body,.sidebar,.nav-scroll,.document-queue,.doc-stage-wrap,.right-body,.table-wrap,.code,.qc-list,.project-scroll{
  scrollbar-width:thin;
  scrollbar-color:var(--scroll-thumb) var(--scroll-track);
}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{
  background:linear-gradient(180deg,rgba(5,14,25,.9),rgba(12,29,48,.92));
  border:1px solid rgba(88,135,181,.10);
  border-radius:999px;
}
*::-webkit-scrollbar-thumb{
  min-height:42px;
  background:linear-gradient(180deg,var(--scroll-thumb),var(--scroll-thumb-2));
  border:3px solid var(--scroll-track);
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20),0 0 14px var(--scroll-glow);
}
*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#52e8fa,#6f8eff);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 20px rgba(34,211,238,.52);
}
*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#9af6ff,#8ea5ff)}
*::-webkit-scrollbar-corner{background:#071321}
.document-queue::-webkit-scrollbar,.right-body::-webkit-scrollbar{width:9px}
.doc-stage-wrap::-webkit-scrollbar{width:12px;height:12px}
.doc-stage-wrap::-webkit-scrollbar-thumb{border-width:3px}

body{overflow-x:hidden}
button,.btn,.nav-item,.doc-item,.label-btn,.workflow-step{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
button:active,.btn:active{transform:translateY(1px) scale(.985)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.sidebar{display:flex;flex-direction:column;overflow:hidden}
.nav-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:2px;margin-right:-2px}
.sidebar-close{display:none;margin-left:auto;width:38px;height:38px;border:1px solid var(--line);background:#0d2035;color:#dff8ff;border-radius:12px;font-size:22px}
.sidebar-backdrop{display:none;position:fixed;inset:0;border:0;background:rgba(1,8,16,.66);backdrop-filter:blur(4px);z-index:38}
.mobile-dock,.mobile-workspace-dock{display:none}

/* stronger desktop workspace composition */
.content:has(.workspace-shell){max-width:none;padding:20px}
.workspace-intro{
  display:flex;align-items:center;gap:16px;margin:0 0 14px;padding:12px 14px;
  background:linear-gradient(100deg,rgba(34,211,238,.09),rgba(96,165,250,.05) 55%,rgba(167,139,250,.05));
  border:1px solid rgba(72,132,184,.30);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.12)
}
.workspace-intro-copy{min-width:260px;display:grid;gap:2px}
.workspace-intro-copy b{font-size:13px;color:#f2fbff}
.workspace-intro-copy span{font-size:11px;color:var(--muted)}
.guide-dots{display:flex;align-items:center;gap:8px;flex:1}
.guide-dots:before{content:"";height:1px;flex:1;max-width:36px;background:linear-gradient(90deg,transparent,var(--line))}
.guide-dots:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--line),transparent)}
.guide-dots button{width:32px;height:32px;border-radius:50%;border:1px solid #2a4868;background:#0a192b;color:#7790ad;font-weight:800}
.guide-dots button.active{color:#06111e;background:linear-gradient(145deg,var(--cyan),var(--blue));border-color:#7cf4ff;box-shadow:0 0 0 5px rgba(34,211,238,.10),0 0 24px rgba(34,211,238,.25)}
.workspace-shell{grid-template-columns:minmax(210px,248px) minmax(560px,1fr) minmax(300px,352px);height:calc(100dvh - 178px);min-height:680px;gap:12px}
.workspace-panel{min-height:0;box-shadow:0 20px 60px rgba(0,0,0,.16)}
.queue-panel,.review-panel{display:flex;flex-direction:column}
.document-queue,.right-body{max-height:none;flex:1;min-height:0}
.doc-item{position:relative;padding-right:23px;overflow:hidden}
.doc-item:hover{transform:translateX(2px);border-color:#294766}
.doc-item.active{box-shadow:inset 3px 0 var(--cyan),0 8px 24px rgba(34,211,238,.08)}
.doc-status-dot{position:absolute;right:9px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 9px currentColor}
.doc-status-dot.APPROVED{background:var(--green)}.doc-status-dot.REJECTED{background:var(--red)}
.workspace-toolbar{position:relative;background:linear-gradient(180deg,#0e2035,#0b192b);min-height:58px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}
.workspace-toolbar::-webkit-scrollbar{height:5px}
.toolbar-secondary{white-space:nowrap}
.zoom-control{display:flex;align-items:center;gap:4px;padding:3px;background:#071321;border:1px solid #1b304a;border-radius:11px;flex:none}
.zoom-control .btn{padding:6px 9px;background:transparent;border-color:transparent}
.zoom-control span{min-width:42px;text-align:center;color:#a7bad1;font-size:11px}
.label-toggle{display:flex;align-items:center;gap:7px;color:#8ea5c1;font-size:10px;white-space:nowrap;cursor:pointer}
.label-toggle input{accent-color:var(--cyan)}
.doc-stage-wrap{min-height:0;padding:30px;background-size:28px 28px;overscroll-behavior:contain}
.doc-stage{border-radius:2px;overflow:visible;transition:width .18s ease,height .18s ease;isolation:isolate}
.doc-stage:before{content:"";position:absolute;inset:-1px;pointer-events:none;border:1px solid rgba(255,255,255,.25);z-index:3}
.stage-hint{position:sticky;top:2px;z-index:8;width:max-content;max-width:calc(100% - 20px);margin:0 auto 12px;padding:7px 12px;border:1px solid #2e4866;border-radius:999px;background:rgba(8,22,38,.92);backdrop-filter:blur(10px);color:#8fa6c2;font-size:10px;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.stage-hint.active{color:#e9fdff;border-color:rgba(34,211,238,.55);box-shadow:0 0 22px rgba(34,211,238,.16)}
.annotation-region{transition:opacity .15s ease}
.annotation-region:hover .annotation-box{filter:drop-shadow(0 0 5px currentColor);fill-opacity:.24}
.annotation-box{stroke-width:2.4}
.annotation-box.selected{stroke-width:4;filter:drop-shadow(0 0 8px currentColor)}
.box-tag text{font:700 12px/1 Arial,sans-serif;pointer-events:none}
.box-index text{font:800 9px/1 Arial,sans-serif;pointer-events:none}
.box-index{opacity:.72;transition:opacity .15s ease}
.annotation-region:hover .box-index{opacity:1}
.stage-footer{min-height:44px;flex-wrap:wrap;background:#0a192b}
.stage-footer>span{white-space:nowrap}
.warning-count{padding:4px 8px;border-radius:999px;border:1px solid rgba(251,191,36,.25);background:rgba(251,191,36,.07)}
.warning-count.clean{color:#a7f3d0;border-color:rgba(52,211,153,.26);background:rgba(52,211,153,.07)}
.warning-count.has-errors{color:#fde68a}
.selection-card{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;padding:11px;border-radius:12px;background:linear-gradient(145deg,#10243a,#0a192b);border:1px solid #26425f}
.selection-card>div{display:grid;gap:2px}.selection-id{font:800 9px/1.2 ui-monospace,monospace;color:#6f8aa8}.selection-card b{font-size:12px}
.selection-health{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.selection-health.ok{color:#a7f3d0;background:rgba(52,211,153,.10);border:1px solid rgba(52,211,153,.30)}.selection-health.warn{color:#fde68a;background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.30)}
.annotation-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.empty .btn{margin-top:8px}
.qc-list{max-height:190px;overflow-y:auto;padding-right:2px}
.save-state{box-shadow:0 0 24px rgba(34,211,238,.12)}

/* production simulation */
.production-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:14px 16px;border:1px solid rgba(34,211,238,.26);border-radius:16px;background:linear-gradient(115deg,rgba(34,211,238,.10),rgba(37,99,235,.06) 55%,rgba(167,139,250,.06));box-shadow:0 18px 50px rgba(0,0,0,.10)}
.production-strip>div{display:flex;align-items:center;gap:12px}.production-strip b,.production-strip small{display:block}.production-strip small{color:var(--muted);margin-top:2px}.production-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--cyan),var(--blue));color:#07111f;font-size:20px;font-weight:900;box-shadow:0 0 24px rgba(34,211,238,.25)}
.work-hero{margin-bottom:16px}.workflow-stepper{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin-bottom:16px;padding:11px;border:1px solid var(--line);border-radius:16px;background:#091728;overflow-x:auto}
.workflow-step{display:flex;align-items:center;gap:10px;min-width:170px;padding:9px;border:0;border-radius:12px;background:transparent;color:#8da4c0;text-align:left}.workflow-step:hover,.workflow-step.active{background:#10243a;color:#fff}.workflow-step b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#102b46;color:var(--cyan);font-size:11px}.workflow-step span{font-weight:750;font-size:11px}.workflow-step small{display:block;color:#6f87a4;font-size:9px;font-weight:500;margin-top:2px}.workflow-stepper>i{color:#39546f;font-style:normal}
.work-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:16px}
.work-card{position:relative;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(15,31,51,.98),rgba(8,20,35,.98));box-shadow:0 18px 54px rgba(0,0,0,.14);overflow:hidden}
.work-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue),transparent)}
.work-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.work-card-head>div{display:grid}.work-card-head b{font-size:13px}.work-card-head small{color:var(--muted);font-size:10px}.work-number{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#102a44;color:var(--cyan);font-weight:900;font-size:10px}.live-chip{margin-left:auto;padding:5px 8px;border:1px solid rgba(34,211,238,.34);border-radius:999px;background:rgba(34,211,238,.08);color:#b9f8ff;font-size:8px;font-weight:900;letter-spacing:.08em}
.input-preview{height:310px;display:grid;place-items:start center;overflow:auto;border:1px solid #203957;border-radius:14px;background:#06101c;padding:14px}.input-preview img{width:min(100%,300px);height:auto;box-shadow:0 20px 45px rgba(0,0,0,.38)}
.job-brief{margin-top:12px;padding:12px;border-left:3px solid var(--cyan);background:rgba(34,211,238,.05)}.job-brief p{margin:5px 0 10px;color:#9fb4cb;font-size:11px}.brief-tags{display:flex;gap:6px;flex-wrap:wrap}.brief-tags span{padding:5px 7px;border-radius:7px;background:#0c2137;border:1px solid #294461;color:#9ec5e4;font:700 8px/1 ui-monospace,monospace}
.operator-form{display:grid;gap:11px}.operator-form label{display:grid;gap:5px;color:#89a2be;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.coords-demo{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.coords-demo span{padding:9px;border:1px solid #223b58;border-radius:9px;background:#081729;color:#6f89a7;font-size:9px}.coords-demo b{display:block;color:#dff7ff;font-size:12px}.operator-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.work-tip{margin-top:12px;padding:10px;border-radius:10px;background:rgba(167,139,250,.06);border:1px solid rgba(167,139,250,.22);color:#9eaec4;font-size:10px}.work-tip b{color:#d9d0ff}
.check-list{display:grid;gap:8px}.check-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid #203953;border-radius:11px;background:#09192a}.check-list i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(52,211,153,.10);color:var(--green);font-style:normal}.check-list span{display:grid}.check-list b{font-size:10px}.check-list small{color:#6f87a4;font-size:9px}.check-list em{color:#86efc1;font-size:9px;font-style:normal;font-weight:900}.quality-score{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;margin-top:14px;color:#7c94b0}.quality-score strong{font-size:43px;line-height:1;color:#9ff6cd}.quality-score small{font-size:11px}
.output-tabs{display:flex;gap:4px;border-bottom:1px solid #203955;margin-bottom:10px}.output-tabs span{padding:7px 9px;color:#6f88a5;font-size:9px;font-weight:800}.output-tabs span.active{color:#dffcff;border-bottom:2px solid var(--cyan)}.output-code{max-height:270px;margin:0 0 12px;overflow:auto}.output-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.output-summary span{padding:8px;border:1px solid #203955;border-radius:9px;background:#081729;color:#7890ad;font-size:8px;text-align:center}.output-summary b{display:block;color:#dff8ff;font-size:15px}
.workplace-value{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px}.workplace-value h3{margin:4px 0 0}.value-list{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;flex:1}.value-list span{padding:10px;border:1px solid #203955;border-radius:11px;background:#09192a}.value-list b,.value-list small{display:block}.value-list b{font-size:10px}.value-list small{color:#7189a5;font-size:8px;margin-top:3px}

/* tablet */
@media(max-width:1260px){
  .workspace-shell{grid-template-columns:205px minmax(500px,1fr) 310px}
  .label-toggle{display:none}
  .desktop-shortcuts{display:none}
  .workplace-value{display:block}.value-list{margin-top:14px}
}
@media(max-width:1100px) and (min-width:861px){
  :root{--sidebar:76px}
  .brand div,.nav-label,.nav-item span:not(.nav-icon),.sidebar-card,.sidebar-close{display:none}
  .brand{justify-content:center}.nav-item{justify-content:center}
  .workspace-shell{grid-template-columns:175px minmax(455px,1fr) 286px}
  .workspace-intro{margin-left:0}
}

/* mobile treatment inspired by the supplied GeoShield full-screen experience */
@media(max-width:860px){
  :root{--mobile-safe-bottom:calc(var(--mobile-dock-h) + env(safe-area-inset-bottom,0px))}
  html{scrollbar-gutter:auto}
  body{padding-bottom:var(--mobile-safe-bottom)}
  .shell{display:block;min-height:100dvh}
  .sidebar{width:min(86vw,318px);padding:16px 13px;transform:translateX(-105%);box-shadow:26px 0 70px rgba(0,0,0,.52);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  .sidebar.open{transform:none}.nav-open{overflow:hidden}.nav-open .sidebar-backdrop{display:block}
  .sidebar .brand div,.sidebar .nav-label,.sidebar .nav-item span:not(.nav-icon),.sidebar .sidebar-card{display:block}
  .sidebar .brand{justify-content:flex-start}.sidebar .nav-item{justify-content:flex-start}
  .sidebar-close{display:grid;place-items:center}
  .sidebar-card{position:relative;left:auto;right:auto;bottom:auto;margin-top:auto}
  .main{grid-column:auto;min-width:0}
  .topbar{height:66px;padding:0 12px;gap:10px;background:rgba(6,15,27,.90);backdrop-filter:blur(22px)}
  .topbar h1{font-size:14px}.topbar p{font-size:9px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-menu{display:grid}.top-pill{display:none}
  .content{padding:12px 12px 18px;max-width:none}
  .mobile-dock{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:36;height:62px;display:grid;grid-template-columns:repeat(5,1fr);padding:5px;border:1px solid rgba(85,132,177,.30);border-radius:20px;background:rgba(7,18,32,.91);backdrop-filter:blur(24px);box-shadow:0 18px 55px rgba(0,0,0,.48)}
  .mobile-dock button{display:grid;place-items:center;align-content:center;gap:1px;border:0;border-radius:15px;background:transparent;color:#718aa7}
  .mobile-dock button span{font-size:17px}.mobile-dock button small{font-size:8px;font-weight:750}
  .mobile-dock button.active{color:#e8fdff;background:linear-gradient(145deg,rgba(34,211,238,.18),rgba(96,165,250,.13));box-shadow:inset 0 0 0 1px rgba(34,211,238,.22)}
  #toast-root{left:12px;right:12px;bottom:calc(var(--mobile-safe-bottom) + 10px)}.toast{text-align:center}
  .hero{display:block;margin-bottom:16px}.hero h2{font-size:clamp(23px,7.2vw,31px)}.hero p{font-size:12px}.hero-actions{margin-top:12px;display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}
  .production-strip{display:block}.production-strip>div{align-items:flex-start}.production-strip .btn{width:100%;margin-top:12px}
  .metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric strong{font-size:22px}
  .two-col,.export-grid,.guide-grid,.integration-list{grid-template-columns:1fr}
  .workspace-intro{display:grid;grid-template-columns:1fr auto;padding:11px;margin-bottom:10px}.workspace-intro-copy{min-width:0}.workspace-intro>.btn{grid-column:1/-1;width:100%}.guide-dots{justify-content:flex-end}.guide-dots:before,.guide-dots:after{display:none}.guide-dots button{width:28px;height:28px}
  .workspace-shell{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;gap:10px}
  .queue-panel{display:block;order:1}.workspace-center{order:2}.review-panel{order:3}
  .queue-panel .panel-title{padding:10px 12px}.document-queue{display:flex;gap:8px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:8px;scroll-snap-type:x proximity}
  .document-queue::-webkit-scrollbar{height:6px;width:6px}.doc-item{flex:0 0 190px;margin:0;scroll-snap-align:start}.doc-thumb{width:32px;height:43px}
  .workspace-toolbar{position:sticky;top:66px;z-index:22;min-height:54px;padding:7px;gap:5px;border-radius:0;box-shadow:0 12px 28px rgba(0,0,0,.24)}
  .workspace-toolbar .toolbar-secondary,.workspace-toolbar .zoom-control,.workspace-toolbar .label-toggle,.workspace-toolbar [data-prev],.workspace-toolbar [data-next],.workspace-toolbar .save-state{display:none}
  .segmented{flex:1}.segmented button{flex:1;padding:8px 7px}
  .doc-stage-wrap{height:calc(100dvh - 286px);min-height:480px;padding:12px 10px 22px;border-radius:0;overscroll-behavior:contain}
  .stage-hint{font-size:9px;top:0}
  .stage-footer{padding:9px 10px;gap:7px;font-size:9px}.stage-footer>span:first-child{width:100%}.desktop-shortcuts{display:none}
  .review-panel .right-body{max-height:none;overflow:visible}.label-grid{grid-template-columns:1fr 1fr}.label-btn{min-height:40px}
  .mobile-workspace-dock{position:sticky;bottom:calc(var(--mobile-safe-bottom) - 1px);z-index:28;display:grid;grid-template-columns:repeat(5,1fr);margin-top:10px;padding:6px;border:1px solid #284360;border-radius:17px;background:rgba(8,21,36,.94);backdrop-filter:blur(22px);box-shadow:0 14px 45px rgba(0,0,0,.36)}
  .mobile-workspace-dock button{display:grid;place-items:center;gap:1px;min-height:47px;border:0;border-radius:12px;background:transparent;color:#7891ae;font-size:17px}.mobile-workspace-dock small{font-size:8px;font-weight:750}.mobile-workspace-dock button.active{color:#e9fdff;background:rgba(34,211,238,.12);box-shadow:inset 0 0 0 1px rgba(34,211,238,.24)}
  .workflow-stepper{display:flex;gap:7px;scroll-snap-type:x proximity}.workflow-step{flex:0 0 210px;scroll-snap-align:start}.workflow-stepper>i{display:none}
  .work-grid{grid-template-columns:1fr}.input-preview{height:280px}.coords-demo{grid-template-columns:1fr 1fr}.operator-actions{grid-template-columns:1fr}.output-summary{grid-template-columns:1fr 1fr 1fr}
  .workplace-value{display:block}.value-list{grid-template-columns:1fr 1fr;margin-top:13px}
  .table-wrap{border-radius:12px}.table{min-width:690px}
}
@media(max-width:520px){
  .metrics{grid-template-columns:1fr 1fr}
  .topbar p{max-width:175px}
  .content{padding-left:10px;padding-right:10px}
  .workspace-intro{grid-template-columns:1fr}.guide-dots{justify-content:flex-start}.workspace-intro>.btn{grid-column:auto}
  .doc-stage-wrap{height:calc(100dvh - 300px);min-height:430px}
  .label-grid{grid-template-columns:1fr 1fr}.label-btn{font-size:9px;padding:8px 7px}
  .work-card{padding:13px}.input-preview{height:240px;padding:9px}
  .value-list{grid-template-columns:1fr}.workflow-step{flex-basis:190px}
  .annotation-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
.mobile-doc-picker{display:none}
@media(max-width:860px){
  .queue-panel{display:none!important}
  .mobile-doc-picker{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 11px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,#0f2238,#0a192b)}
  .mobile-doc-picker>div{display:grid;gap:2px}.mobile-doc-picker span{color:#6f89a7;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.mobile-doc-picker b{font-size:11px;color:#e6f6ff}
  .mobile-doc-picker .select{padding:9px}
  .workspace-toolbar{top:66px}
  .mobile-workspace-dock{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));margin:0}
}

/* ===== V3: GeoShield-inspired purple launch + Cloudflare D1 CRUD ===== */
:root{
  --bg:#090516;--panel:#130b24;--panel2:#1b1033;--panel3:#241544;--line:#3b2864;
  --text:#f5efff;--muted:#aa9bc3;--cyan:#c084fc;--blue:#8b5cf6;--purple:#a855f7;
  --violet:#7c3aed;--magenta:#d946ef;--scroll-track:#10081f;--scroll-thumb:#8b5cf6;
  --scroll-thumb-2:#d946ef;--scroll-glow:rgba(168,85,247,.42);
}
html,body{background:radial-gradient(circle at 75% -10%,rgba(126,34,206,.35),transparent 38%),radial-gradient(circle at 22% 92%,rgba(76,29,149,.27),transparent 42%),var(--bg)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(196,181,253,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(196,181,253,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.boot{background:#090516}.boot-mark,.brand-mark{border-color:#c084fc;background:linear-gradient(145deg,#e879f9,#8b5cf6 56%,#5b21b6);color:#160728;box-shadow:0 0 38px rgba(168,85,247,.43)}
.sidebar{background:linear-gradient(180deg,rgba(20,10,39,.985),rgba(9,5,22,.985));box-shadow:18px 0 60px rgba(9,5,22,.22)}
.sidebar-card,.metric,.card,.workspace-panel,.export-card{background:linear-gradient(145deg,rgba(31,17,56,.97),rgba(16,9,32,.97))}
.nav-item:hover{background:#261443}.nav-item.active{background:linear-gradient(90deg,rgba(168,85,247,.22),rgba(124,58,237,.1));box-shadow:inset 3px 0 #d946ef}
.progress i,.bar{background:linear-gradient(90deg,#d946ef,#8b5cf6,#6d28d9)}
.topbar{background:rgba(11,6,25,.82);border-bottom-color:rgba(84,52,131,.7)}
.top-pill,.icon-btn,.btn{background:#1a1030}.btn:hover,.icon-btn:hover{border-color:#7049a9;background:#271642}.btn.primary{background:linear-gradient(135deg,#a855f7,#7c3aed 55%,#5b21b6);border-color:#c084fc;box-shadow:0 10px 30px rgba(124,58,237,.24)}
.eyebrow{color:#e879f9}.metric:after{background:var(--glow,rgba(168,85,247,.14))}.activity,.integration,.qc-item{background:#140c27;border-color:#362556}
.table th{background:#160d2b}.table tr:hover td{background:rgba(168,85,247,.045)}
.input,.select,.textarea{background:#110921}.input:focus,.select:focus,.textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.12)}
.workspace-panel{border-color:#412d68}.panel-title{background:#1b1032}.doc-item:hover{background:#24133e}.doc-item.active{background:rgba(168,85,247,.12);border-color:rgba(216,180,254,.34)}
.segmented{background:#0d071b}.segmented button.active{background:#35205a}.doc-stage-wrap{background-color:#0a0616;background-image:linear-gradient(rgba(216,180,254,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(216,180,254,.035) 1px,transparent 1px)}
.notice{background:rgba(168,85,247,.08);border-color:rgba(192,132,252,.28);color:#eadcff}.code{background:#0b0616;border-color:#3a285d;color:#dccdff}
.workspace-intro{background:linear-gradient(100deg,rgba(217,70,239,.10),rgba(124,58,237,.08) 55%,rgba(76,29,149,.08));border-color:rgba(192,132,252,.31)}
.production-strip{background:linear-gradient(120deg,rgba(168,85,247,.13),rgba(76,29,149,.08));border-color:rgba(192,132,252,.30)}
*::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(12,6,25,.95),rgba(26,12,48,.94));border-color:rgba(196,181,253,.10)}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a855f7,#7c3aed 55%,#d946ef);border-color:var(--scroll-track);box-shadow:inset 0 0 0 1px rgba(255,255,255,.20),0 0 15px rgba(168,85,247,.40)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e879f9,#a78bfa,#8b5cf6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 0 22px rgba(217,70,239,.54)}
*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#f5d0fe,#c4b5fd)}
*::-webkit-scrollbar-corner{background:#10081f}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#d946ef}
.pulse.purple{background:#c084fc;box-shadow:0 0 0 5px rgba(192,132,252,.11),0 0 16px rgba(192,132,252,.8)}.pulse.amber{background:#fbbf24}.operator-btn{white-space:nowrap}.database-pill{min-width:118px;justify-content:center}
.database-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid #4c3475;border-radius:13px;background:linear-gradient(110deg,rgba(124,58,237,.12),rgba(217,70,239,.05))}.database-banner>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px}.database-banner i{grid-row:1/3;width:11px;height:11px;border-radius:50%;background:#fbbf24;box-shadow:0 0 14px rgba(251,191,36,.5)}.database-banner.online i{background:#34d399;box-shadow:0 0 16px rgba(52,211,153,.65)}.database-banner b{font-size:12px}.database-banner span{color:var(--muted);font-size:10px}.database-banner code{padding:6px 9px;border:1px solid #4b3374;border-radius:8px;background:#100820;color:#d8b4fe;font-size:10px}.crud-actions{display:flex;gap:6px;flex-wrap:wrap}.crud-actions .btn{padding:7px 9px;font-size:10px}

/* Opening experience */
body.intro-open{overflow:hidden}.launch-intro{position:fixed;inset:0;z-index:2000;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(460px,1.15fr);align-items:center;gap:4vw;padding:clamp(28px,5vw,78px);overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(168,85,247,.24),transparent 28%),radial-gradient(circle at 15% 10%,rgba(217,70,239,.17),transparent 32%),linear-gradient(145deg,#090516,#16092d 54%,#0d061b);transition:opacity .72s ease,visibility .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}.launch-intro.hidden{display:none}.launch-intro.leaving{opacity:0;visibility:hidden;transform:scale(1.035)}
.intro-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(216,180,254,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(216,180,254,.04) 1px,transparent 1px);background-size:50px 50px;transform:perspective(560px) rotateX(58deg) scale(1.35) translateY(24%);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent 12%,black 75%)}
.intro-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;animation:orbFloat 7s ease-in-out infinite}.orb-a{width:38vw;height:38vw;right:-17vw;top:-18vw;background:radial-gradient(circle,#a855f7,transparent 66%)}.orb-b{width:30vw;height:30vw;left:-15vw;bottom:-16vw;background:radial-gradient(circle,#6d28d9,transparent 67%);animation-delay:-2s}
.intro-copy{position:relative;z-index:3;max-width:660px;opacity:0;transform:translateY(22px);transition:.8s .2s}.launch-intro.ready .intro-copy{opacity:1;transform:none}.intro-kicker{display:flex;align-items:center;gap:10px;color:#d8b4fe;font-size:11px;font-weight:900;letter-spacing:.16em}.intro-kicker span{width:30px;height:2px;background:linear-gradient(90deg,#e879f9,#8b5cf6);box-shadow:0 0 12px #d946ef}.intro-copy h1{margin:18px 0 15px;font-size:clamp(44px,5.4vw,86px);line-height:.95;letter-spacing:-.055em}.intro-copy h1 em{font-style:normal;background:linear-gradient(95deg,#f5d0fe,#c084fc 38%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(168,85,247,.18)}.intro-copy p{max-width:620px;color:#b9a8ce;font-size:clamp(14px,1.4vw,18px)}.intro-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.intro-enter,.intro-skip{border-radius:15px;padding:14px 18px;font-weight:850}.intro-enter{display:flex;align-items:center;gap:18px;border:1px solid #e879f9;background:linear-gradient(135deg,#d946ef,#8b5cf6 55%,#5b21b6);color:white;box-shadow:0 16px 45px rgba(126,34,206,.35)}.intro-enter b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.15)}.intro-skip{border:1px solid #4c3474;background:rgba(20,10,39,.66);color:#b9a8ce}.intro-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.intro-badges span{padding:7px 10px;border:1px solid rgba(196,181,253,.20);border-radius:999px;background:rgba(28,14,52,.62);color:#cbbbe2;font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.car-scene{position:relative;z-index:2;height:min(66vh,620px);min-height:420px;display:grid;place-items:center;opacity:0;transform:translateX(32vw) scale(.8);transition:1.25s .12s cubic-bezier(.15,.78,.2,1)}.launch-intro.ready .car-scene{opacity:1;transform:none}.road{position:absolute;left:3%;right:-18%;bottom:15%;height:30%;transform:perspective(480px) rotateX(64deg);transform-origin:center bottom;background:linear-gradient(90deg,rgba(35,17,68,.4),rgba(76,29,149,.58),rgba(35,17,68,.4));border-top:2px solid rgba(216,180,254,.18);border-bottom:1px solid rgba(216,180,254,.1);box-shadow:0 0 70px rgba(124,58,237,.15)}.road i{position:absolute;top:48%;width:14%;height:4px;background:linear-gradient(90deg,transparent,#f0abfc,transparent);filter:drop-shadow(0 0 9px #d946ef);animation:roadLine 1.3s linear infinite}.road i:nth-child(1){left:4%}.road i:nth-child(2){left:30%;animation-delay:-.3s}.road i:nth-child(3){left:56%;animation-delay:-.65s}.road i:nth-child(4){left:82%;animation-delay:-.95s}.neon-car{position:relative;width:min(38vw,560px);filter:drop-shadow(0 34px 38px rgba(0,0,0,.46));animation:carHover 2.8s ease-in-out infinite}.neon-car svg{display:block;width:100%;height:auto}.neon-car .wheel{transform-box:fill-box;transform-origin:center;animation:wheelSpin 1.25s linear infinite}.portal-ring{position:absolute;right:3%;top:18%;width:48%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(216,180,254,.36);box-shadow:0 0 32px rgba(168,85,247,.25),inset 0 0 32px rgba(168,85,247,.15);animation:ringPulse 3s ease-in-out infinite}.ring-two{inset:auto 10% 24% auto;width:36%;animation-delay:-1.2s}.car-caption{position:absolute;right:7%;bottom:6%;display:grid;padding:12px 14px;border:1px solid rgba(216,180,254,.22);border-radius:15px;background:rgba(14,7,29,.7);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.25)}.car-caption span{color:#e879f9;font-size:9px;font-weight:900;letter-spacing:.13em}.car-caption b{font-size:13px;margin:2px 0}.car-caption small{color:#9e8bb7;font-size:9px}.intro-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.04)}.intro-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#8b5cf6,#d946ef,#f5d0fe);box-shadow:0 0 18px #d946ef;transition:width 3.2s .15s ease}.launch-intro.ready .intro-progress i{width:100%}
@keyframes wheelSpin{to{transform:rotate(360deg)}}@keyframes carHover{50%{transform:translateY(-8px) rotate(-.4deg)}}@keyframes roadLine{from{transform:translateX(160%);opacity:0}25%{opacity:1}to{transform:translateX(-210%);opacity:0}}@keyframes ringPulse{50%{transform:scale(1.06);opacity:.55}}@keyframes orbFloat{50%{transform:translate3d(22px,-18px,0) scale(1.05)}}

@media(max-width:1000px){.launch-intro{grid-template-columns:1fr;padding:32px;align-content:center}.intro-copy{max-width:760px}.car-scene{position:absolute;right:-10%;bottom:2%;width:64%;height:48%;opacity:.34!important}.neon-car{width:min(58vw,520px)}.intro-copy{z-index:4}.intro-copy h1{font-size:clamp(42px,8.5vw,76px)}}
@media(max-width:620px){.launch-intro{padding:25px 20px 34px;align-content:start}.intro-copy{padding-top:8vh}.intro-copy h1{font-size:clamp(40px,13vw,62px)}.intro-copy p{font-size:13px;max-width:92%}.intro-actions{display:grid;grid-template-columns:1fr;margin-top:20px}.intro-enter,.intro-skip{width:100%;justify-content:center}.intro-badges{max-width:85%}.car-scene{right:-27%;bottom:0;width:93%;height:42%;opacity:.30!important}.car-caption{display:none}.operator-btn{display:none}.database-pill{min-width:auto}.database-pill{font-size:0}.database-pill i{margin:0}}
@media(prefers-reduced-motion:reduce){.neon-car,.neon-car .wheel,.road i,.portal-ring,.intro-orb{animation:none!important}.launch-intro,.intro-copy,.car-scene{transition-duration:.01ms!important}}

/* ===== V4: persistent operations center ===== */
.operations-hero{position:relative;padding:22px;border:1px solid rgba(192,132,252,.24);border-radius:20px;background:radial-gradient(circle at 92% 12%,rgba(217,70,239,.16),transparent 31%),linear-gradient(135deg,rgba(77,32,132,.25),rgba(18,9,34,.25));overflow:hidden}
.operations-hero:after{content:"";position:absolute;right:-80px;bottom:-120px;width:280px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(216,180,254,.18);box-shadow:0 0 80px rgba(168,85,247,.12),inset 0 0 50px rgba(217,70,239,.07);pointer-events:none}
.ops-metrics .metric{border-color:rgba(139,92,246,.27);background:linear-gradient(145deg,rgba(36,18,65,.96),rgba(16,8,31,.96))}
.ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:16px 0}
.operation-card{position:relative;display:flex;flex-direction:column;gap:11px;min-height:250px;padding:18px;border:1px solid rgba(139,92,246,.27);border-radius:18px;background:linear-gradient(155deg,rgba(31,16,56,.96),rgba(14,8,27,.98));box-shadow:0 18px 55px rgba(0,0,0,.16);overflow:hidden}
.operation-card:after{content:"";position:absolute;right:-45px;top:-45px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(217,70,239,.16),transparent 66%);pointer-events:none}
.operation-card:hover{border-color:rgba(216,180,254,.42);transform:translateY(-2px);box-shadow:0 24px 65px rgba(31,8,55,.28)}
.operation-card h3{margin:0;font-size:15px}.operation-card p{margin:0;color:var(--muted);font-size:11px;min-height:48px}.operation-card label{display:grid;gap:5px;color:#b9a8ce;font-size:10px}.operation-card>.btn,.operation-card>.op-actions{margin-top:auto}
.op-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(216,180,254,.28);border-radius:14px;background:linear-gradient(145deg,rgba(168,85,247,.24),rgba(76,29,149,.15));color:#f5d0fe;font-size:20px;box-shadow:0 0 25px rgba(168,85,247,.12)}
.op-actions{display:flex;gap:8px}.op-actions.wrap{flex-wrap:wrap}.op-actions .btn{flex:1;white-space:nowrap}
.selected-operation{padding:10px 11px;border:1px solid #49316e;border-radius:11px;background:#100820}.selected-operation b{display:block;font-size:11px}.selected-operation small{color:#9e8bb7;font-size:9px}
.operation-stat{display:flex;align-items:end;gap:9px;padding:11px;border:1px solid rgba(52,211,153,.2);border-radius:12px;background:rgba(52,211,153,.055)}.operation-stat strong{font-size:27px;line-height:1;color:#a7f3d0}.operation-stat span{color:#8fb7aa;font-size:10px;padding-bottom:2px}
.operations-lower{margin-top:16px}.audit-list{display:grid;gap:7px;max-height:420px;overflow:auto;padding-right:4px}.audit-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #372454;border-radius:11px;background:#120923}.audit-action{min-width:96px;padding:5px 7px;border-radius:8px;background:rgba(168,85,247,.13);color:#e9d5ff;font-size:9px;font-weight:850;text-align:center}.audit-item b{display:block;font-size:10px}.audit-item small{display:block;color:#8f7ca7;font-size:9px;margin-top:2px}.empty-operation{display:grid;place-items:center;min-height:220px;text-align:center;padding:25px;border:1px dashed #49316e;border-radius:13px;color:#b9a8ce}.empty-operation span{max-width:360px;color:#806f96;font-size:10px}
.capability-list{display:grid;gap:9px}.capability-list>div{padding:11px 12px;border:1px solid #382553;border-radius:11px;background:linear-gradient(100deg,rgba(124,58,237,.08),rgba(217,70,239,.025))}.capability-list b{display:block;font-size:11px;color:#eadcff}.capability-list span{display:block;margin-top:2px;color:#8f7ca7;font-size:9px}

@media(max-width:1200px){.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.operations-hero{padding:16px}.ops-grid{grid-template-columns:1fr}.operation-card{min-height:auto}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-lower{grid-template-columns:1fr}.audit-list{max-height:340px}}
@media(max-width:520px){.ops-metrics{grid-template-columns:1fr 1fr}.op-actions{flex-direction:column}.database-banner{align-items:flex-start;flex-direction:column}.database-banner code{width:100%;overflow:auto}.audit-action{min-width:82px}}

/* ===== V5: low-poly launch world, realtime dashboard and production queue ===== */
.metric:after,.operation-card:after,.operations-hero:after{display:none!important}
.metric{overflow:visible;border-color:rgba(167,139,250,.28);background:linear-gradient(155deg,rgba(35,17,63,.98),rgba(15,8,29,.98));box-shadow:0 16px 50px rgba(5,2,12,.24),inset 0 1px rgba(255,255,255,.025)}
.metric:before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:2px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,#d946ef,#8b5cf6,transparent);opacity:.72}
.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.metric-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(196,181,253,.25);border-radius:10px;background:linear-gradient(145deg,rgba(217,70,239,.19),rgba(124,58,237,.14));color:#f5d0fe;font-size:15px}.trend{padding:5px 8px;border:1px solid;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.03em}.trend.good{color:#a7f3d0;border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.08)}.trend.warn{color:#fde68a;border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.08)}.trend.bad{color:#fecdd3;border-color:rgba(251,113,133,.3);background:rgba(251,113,133,.08)}

/* Intro world */
.world-scene{height:min(72vh,700px);min-height:500px}.isometric-world{width:min(52vw,780px);height:auto;overflow:visible;filter:drop-shadow(0 40px 60px rgba(0,0,0,.38));animation:worldFloat 5.4s ease-in-out infinite}.world-island{filter:drop-shadow(0 34px 40px rgba(4,1,11,.52))}.world-blocks,.tree,.signpost,.world-platform{transform-box:fill-box;transform-origin:center;animation:worldObject 4.8s ease-in-out infinite}.tree-b,.signpost:nth-of-type(2){animation-delay:-1.1s}.tree-c,.world-platform{animation-delay:-2.2s}.tree-d{animation-delay:-3.3s}.route-dash{animation:routeFlow 2.4s linear infinite}.intro-vehicle{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.vehicle-body{animation:vehicleBounce 1.8s ease-in-out infinite}.iso-wheel{transform-box:fill-box;transform-origin:center;animation:wheelSpin 1.1s linear infinite}.world-hud{position:absolute;left:3%;top:8%;display:grid;gap:2px;padding:11px 13px;border:1px solid rgba(216,180,254,.24);border-radius:14px;background:rgba(13,6,27,.68);backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(0,0,0,.22)}.world-hud span{display:flex;align-items:center;gap:7px;color:#d8b4fe;font-size:8px;font-weight:900;letter-spacing:.12em}.world-hud span i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 14px #34d399}.world-hud b{font-size:12px}.world-hud small{color:#9e8bb7;font-size:8px}.drive-controls{position:absolute;left:3%;bottom:7%;display:grid;justify-items:center;gap:4px;padding:8px;border:1px solid rgba(216,180,254,.2);border-radius:16px;background:rgba(13,6,27,.64);backdrop-filter:blur(15px)}.drive-controls div{display:flex;gap:4px}.drive-controls button{width:34px;height:32px;border:1px solid rgba(196,181,253,.25);border-radius:9px;background:#1d0f35;color:#e9d5ff;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.04)}.drive-controls button:hover{background:#4c1d95;border-color:#c084fc;transform:translateY(-1px)}
@keyframes worldFloat{50%{transform:translateY(-7px) rotate(-.25deg)}}@keyframes worldObject{50%{transform:translateY(-5px)}}@keyframes vehicleBounce{50%{transform:translateY(-4px)}}@keyframes routeFlow{to{stroke-dashoffset:-92}}

/* Realtime dashboard */
.dashboard-command,.queue-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px;padding:22px;border:1px solid rgba(139,92,246,.27);border-radius:20px;background:linear-gradient(145deg,rgba(36,17,66,.78),rgba(15,8,29,.8));box-shadow:0 18px 60px rgba(4,1,10,.22)}.dashboard-command h2,.queue-hero h2{max-width:840px;margin:7px 0 8px;font-size:clamp(27px,3vw,42px);line-height:1.02;letter-spacing:-.035em}.dashboard-command p,.queue-hero p{max-width:800px;margin:0;color:var(--muted)}.live-line{display:flex;align-items:center;gap:10px;margin-top:16px;color:#a99abf;font-size:10px}.live-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(52,211,153,.28);border-radius:999px;background:rgba(52,211,153,.08);color:#a7f3d0;font-size:8px;font-weight:900;letter-spacing:.13em}.live-chip i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399;animation:livePulse 1.4s ease-in-out infinite}.live-clock{font-variant-numeric:tabular-nums;color:#f5efff}.realtime-metrics{margin-bottom:16px}.live-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);gap:16px}.throughput-card,.queue-health-card,.live-activity-card,.performance-card{min-width:0}.card-head>div h3{margin:0}.card-head>div small{display:block;color:var(--muted);margin-top:2px}.live-badge{padding:5px 8px;border:1px solid rgba(192,132,252,.23);border-radius:999px;background:rgba(168,85,247,.07);color:#c4b5fd;font-size:8px;font-weight:850;letter-spacing:.08em}.realtime-bars{height:260px;background:linear-gradient(180deg,rgba(124,58,237,.03),rgba(217,70,239,.035));border-top-color:rgba(139,92,246,.22)}.realtime-bars .bar-wrap{border:0;background:transparent;color:inherit;cursor:pointer;padding:0}.realtime-bars .bar-wrap:hover .bar{filter:brightness(1.18);transform:translateY(-3px)}.realtime-bars .bar{transition:.2s;background:linear-gradient(180deg,#f0abfc,#a855f7 48%,#6d28d9);box-shadow:0 0 22px rgba(168,85,247,.22)}.chart-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.chart-footer span{padding:9px 10px;border:1px solid rgba(139,92,246,.2);border-radius:10px;background:rgba(13,7,25,.55);color:#9f8fb7;font-size:9px}.chart-footer b{display:block;color:#f5efff;font-size:14px}.text-btn,.doc-link{padding:0;border:0;background:transparent;color:#c4b5fd;text-align:left}.text-btn:hover,.doc-link:hover{color:#f0abfc}.queue-health-list{display:grid;gap:8px}.queue-health-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(139,92,246,.18);border-radius:12px;background:rgba(13,7,25,.55);color:inherit;text-align:left}.queue-health-item:hover{border-color:rgba(216,180,254,.4);background:rgba(53,27,91,.48);transform:translateY(-1px)}.queue-copy{min-width:0}.queue-copy b,.queue-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-copy b{font-size:11px}.queue-copy small{color:#9685ad;font-size:8px;margin-top:2px}.priority{display:inline-flex;padding:4px 7px;border:1px solid;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.04em}.priority.URGENT{color:#fecdd3;border-color:rgba(251,113,133,.38);background:rgba(251,113,133,.12)}.priority.HIGH{color:#fed7aa;border-color:rgba(251,146,60,.38);background:rgba(251,146,60,.1)}.priority.NORMAL{color:#ddd6fe;border-color:rgba(167,139,250,.35);background:rgba(139,92,246,.1)}.priority.LOW{color:#bae6fd;border-color:rgba(56,189,248,.3);background:rgba(56,189,248,.08)}.sla{display:inline-flex;padding:5px 7px;border:1px solid;border-radius:8px;white-space:nowrap;font-size:8px;font-weight:800}.sla.good{color:#a7f3d0;border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.07)}.sla.warn{color:#fde68a;border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.07)}.sla.bad{color:#fecdd3;border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.08)}.sla.neutral{color:#b9a8ce;border-color:rgba(185,168,206,.2);background:rgba(185,168,206,.05)}.activity-timeline{display:grid;gap:0}.timeline-event{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:9px;padding:9px 0;border-bottom:1px solid rgba(139,92,246,.12)}.timeline-event:last-child{border-bottom:0}.timeline-event>i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#a855f7;box-shadow:0 0 12px rgba(168,85,247,.75)}.timeline-event.good>i{background:#34d399}.timeline-event.bad>i{background:#fb7185}.timeline-event b,.timeline-event small{display:block}.timeline-event b{font-size:10px;text-transform:capitalize}.timeline-event small{color:#9584ad;font-size:8px;margin-top:2px}.timeline-event time{color:#806f98;font-size:8px}.connection-dot{width:10px;height:10px;border-radius:50%}.connection-dot.online{background:#34d399;box-shadow:0 0 14px #34d399}.connection-dot.local{background:#fbbf24;box-shadow:0 0 14px rgba(251,191,36,.5)}.health-grid{display:grid;gap:11px}.health-grid>div{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;padding:10px;border:1px solid rgba(139,92,246,.18);border-radius:12px;background:rgba(13,7,25,.5)}.health-grid span{color:#9f8fb7;font-size:9px}.health-grid b{font-size:12px}.health-grid small{grid-column:1/-1;color:#7f6f96;font-size:8px}.health-grid progress{grid-column:1/-1;width:100%;height:6px;border:0;border-radius:99px;overflow:hidden;background:#10081f}.health-grid progress::-webkit-progress-bar{background:#10081f}.health-grid progress::-webkit-progress-value{background:linear-gradient(90deg,#d946ef,#8b5cf6);border-radius:99px}@keyframes livePulse{50%{opacity:.45;transform:scale(.72)}}

/* Production queue */
.queue-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.queue-summary>div{padding:13px 14px;border:1px solid rgba(139,92,246,.22);border-radius:13px;background:linear-gradient(145deg,rgba(33,16,60,.92),rgba(13,7,26,.94))}.queue-summary span,.queue-summary b{display:block}.queue-summary span{color:#9685ad;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.queue-summary b{margin-top:4px;font-size:16px}.queue-card{padding:15px}.production-table{min-width:1180px}.production-table th{background:#160c2a}.doc-link b,.doc-link small{display:block}.doc-link b{color:#f5efff;font-size:11px}.doc-link small,.source-line{color:#8f7da6;font-size:8px;margin-top:3px}.owner-name{font-size:10px}.good-text{color:#86efac}.bad-text{color:#fda4af}

/* New queue item modal */
.modal-layer{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:22px;background:rgba(4,1,10,.72);backdrop-filter:blur(18px);animation:modalFade .18s ease}.modal-card{width:min(860px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(216,180,254,.3);border-radius:22px;background:linear-gradient(145deg,#22113e,#0f081e);box-shadow:0 35px 100px rgba(0,0,0,.58)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 14px;border-bottom:1px solid rgba(139,92,246,.18)}.modal-head h2{margin:5px 0 4px}.modal-head p{margin:0;color:var(--muted)}.creator-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px 22px 22px}.field{display:grid;gap:6px}.field>span{color:#aa9bc3;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.field.wide,.creator-preview.wide,.modal-actions.wide{grid-column:1/-1}.switch-field{grid-template-columns:auto 1fr;align-items:center;padding:11px 12px;border:1px solid rgba(139,92,246,.2);border-radius:12px;background:rgba(13,7,25,.55)}.switch-field input{accent-color:#a855f7}.switch-field b,.switch-field small{display:block}.switch-field small{color:#8f7da6;margin-top:2px}.creator-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.creator-preview>div{padding:10px 12px;border:1px solid rgba(139,92,246,.18);border-radius:11px;background:rgba(13,7,25,.5)}.creator-preview span,.creator-preview b{display:block}.creator-preview span{color:#8f7da6;font-size:8px}.creator-preview b{margin-top:3px;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}@keyframes modalFade{from{opacity:0;transform:scale(.985)}}

@media(max-width:1180px){.live-dashboard-grid{grid-template-columns:1fr}.dashboard-command,.queue-hero{display:block}.dashboard-command .hero-actions,.queue-hero .hero-actions{margin-top:15px}.world-scene{right:-12%;width:69%}}
@media(max-width:860px){.world-scene{right:-22%;bottom:-2%;width:105%;height:52%;opacity:.48!important}.isometric-world{width:100%}.world-hud,.drive-controls{display:none}.dashboard-command,.queue-hero{padding:17px}.dashboard-command h2,.queue-hero h2{font-size:28px}.live-dashboard-grid{grid-template-columns:1fr}.realtime-metrics{grid-template-columns:1fr 1fr}.queue-summary{grid-template-columns:1fr 1fr}.creator-form{grid-template-columns:1fr}.field.wide,.creator-preview.wide,.modal-actions.wide{grid-column:auto}.creator-preview{grid-template-columns:1fr}.modal-layer{padding:10px}.modal-card{max-height:96vh;border-radius:18px}}
@media(max-width:520px){.realtime-metrics{grid-template-columns:1fr 1fr}.metric-icon{width:30px;height:30px}.chart-footer{grid-template-columns:1fr}.queue-health-item{grid-template-columns:auto minmax(0,1fr)}.queue-health-item .sla{grid-column:2}.queue-summary{grid-template-columns:1fr 1fr}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.world-scene{opacity:.34!important}}
.source-line{display:block;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* V7 road-only launch: exact GeoShield vehicle, no project island, cards, signs or D-pad */
.road-only-scene{height:min(64vh,610px);min-height:420px;overflow:visible;isolation:isolate}
.road-stage{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:visible;cursor:crosshair;touch-action:none}
.road-stage:before{content:"";position:absolute;left:4%;right:0;bottom:8%;height:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(168,85,247,.27),rgba(73,26,130,.08) 56%,transparent 74%);filter:blur(18px)}
.road-ambient{position:absolute;border-radius:50%;filter:blur(28px);pointer-events:none}.ambient-one{width:52%;aspect-ratio:1;right:5%;top:8%;background:radial-gradient(circle,rgba(217,70,239,.16),transparent 68%)}.ambient-two{width:42%;aspect-ratio:1;left:2%;bottom:0;background:radial-gradient(circle,rgba(99,102,241,.16),transparent 68%)}
.road-surface{position:absolute;left:2%;right:-4%;top:35%;height:31%;overflow:hidden;border:1px solid rgba(216,180,254,.28);border-radius:80px 28px 82px 30px;transform:perspective(780px) rotateX(60deg) rotateZ(-7deg) skewX(-7deg);transform-origin:center;background:linear-gradient(180deg,#2a1745 0%,#150b28 48%,#0b0617 100%);box-shadow:0 34px 70px rgba(3,1,10,.58),inset 0 1px rgba(255,255,255,.08),0 0 50px rgba(124,58,237,.13)}
.road-surface:before,.road-surface:after{content:"";position:absolute;left:-3%;right:-3%;height:6px;background:linear-gradient(90deg,transparent,#c4b5fd 12%,#8b5cf6 48%,#e879f9 86%,transparent);opacity:.65;filter:drop-shadow(0 0 10px rgba(168,85,247,.45))}.road-surface:before{top:7%}.road-surface:after{bottom:7%}
.road-centerline{position:absolute;inset:46% -5% auto;display:flex;align-items:center;justify-content:space-around;gap:22px}.road-centerline i{display:block;width:68px;height:8px;border-radius:99px;background:linear-gradient(90deg,#ede9fe,#d8b4fe);box-shadow:0 0 13px rgba(216,180,254,.27);animation:v7LaneFlow 2.2s linear infinite}.road-centerline i:nth-child(2n){animation-delay:-1.1s}
.geo-car{position:absolute;z-index:5;left:50%;top:52%;width:clamp(230px,31vw,470px);transform:translate3d(-50%,-50%,0);transition:transform .22s cubic-bezier(.2,.85,.25,1);will-change:transform;pointer-events:none;filter:drop-shadow(0 28px 28px rgba(0,0,0,.40))}.geo-car img{display:block;width:100%;height:auto;user-select:none}.geo-car.moving img{animation:v7CarSettle .34s ease-out}.road-key-hint{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);margin:0;color:rgba(222,208,245,.72);font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.world-hud,.drive-controls,.car-caption,.isometric-world,.portal-ring,.ring-two{display:none!important}
@keyframes v7LaneFlow{from{transform:translateX(38px);opacity:.25}50%{opacity:.95}to{transform:translateX(-38px);opacity:.25}}@keyframes v7CarSettle{0%{transform:translateY(0)}45%{transform:translateY(-7px)}100%{transform:translateY(0)}}
@media(max-width:1000px){.road-only-scene{position:absolute;right:-8%;bottom:1%;width:67%;height:49%;opacity:.48!important}.road-surface{left:-6%;right:-16%;top:35%}.geo-car{width:clamp(210px,42vw,390px)}.road-key-hint{display:none}}
@media(max-width:620px){.road-only-scene{right:-28%;bottom:-1%;width:118%;height:45%;opacity:.34!important}.road-surface{left:-4%;right:-12%;height:34%}.geo-car{width:250px}}


/* V8 — secure ADMIN_TOKEN access and mobile road-driving controls */
.secure-access-layer{z-index:120;background:radial-gradient(circle at 50% 15%,rgba(168,85,247,.18),transparent 34%),rgba(4,1,12,.82);backdrop-filter:blur(18px)}
.secure-access-layer.closing{animation:secureFadeOut .18s ease forwards}.secure-access-card{width:min(560px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(216,180,254,.26);background:linear-gradient(155deg,rgba(32,14,57,.98),rgba(11,5,24,.99));box-shadow:0 34px 100px rgba(0,0,0,.68),0 0 0 1px rgba(168,85,247,.08),0 0 68px rgba(126,34,206,.18)}
.secure-access-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#8b5cf6,#d946ef,#f0abfc,#7c3aed)}
.secure-access-visual{display:grid;grid-template-columns:78px 1fr;gap:17px;align-items:center;padding:24px 24px 16px}.secure-access-visual h2{margin:5px 0 7px;font-size:25px;letter-spacing:-.035em}.secure-access-visual p{margin:0;color:#aa9abd;line-height:1.55}.secure-access-visual code{padding:2px 6px;border:1px solid rgba(216,180,254,.18);border-radius:7px;background:#130a25;color:#f0abfc}
.secure-shield{position:relative;width:70px;height:78px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 17%,87% 70%,50% 100%,13% 70%,8% 17%);background:linear-gradient(145deg,#d946ef,#7c3aed 55%,#312e81);color:white;font-size:25px;filter:drop-shadow(0 14px 24px rgba(126,34,206,.38))}.secure-shield:before{content:"";position:absolute;inset:4px;clip-path:inherit;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 46%)}.secure-shield i{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.42);clip-path:inherit}
.secure-status-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 15px}.secure-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(216,180,254,.14);border-radius:999px;background:rgba(9,4,20,.48);color:#a99aba;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.secure-chip i{width:7px;height:7px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 10px currentColor}.secure-chip.good i{background:#34d399}.secure-chip.purple i{background:#d946ef}.secure-chip.neutral i{background:#94a3b8}
.secure-access-form{display:grid;gap:15px;padding:19px 24px 24px;border-top:1px solid rgba(216,180,254,.12);background:rgba(7,3,16,.34)}.secret-input-wrap{position:relative}.secret-input{padding-right:74px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.secret-input:focus{border-color:#c084fc!important;box-shadow:0 0 0 3px rgba(168,85,247,.15),0 0 24px rgba(168,85,247,.13)!important}.secret-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);height:32px;padding:0 11px;border:1px solid rgba(216,180,254,.18);border-radius:9px;background:#1d0d35;color:#d8b4fe;font-size:10px;font-weight:800}.field-help{display:block;margin-top:7px;color:#776989;font-size:9px;line-height:1.45}.secure-access-error{padding:10px 12px;border:1px solid rgba(251,113,133,.38);border-radius:11px;background:rgba(127,29,29,.22);color:#fecdd3;font-size:11px}.secure-advice{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:11px 12px;border:1px solid rgba(245,158,11,.22);border-radius:12px;background:rgba(120,53,15,.12);color:#bda98e;font-size:10px;line-height:1.45}.secure-advice b{color:#fbbf24}.secure-context{display:flex;justify-content:space-between;gap:14px;padding:11px 24px;border-top:1px solid rgba(216,180,254,.1);background:#0a0414;color:#776989;font-size:9px}.secure-context b{color:#b8a5ce;text-align:right}.secure-unlock{min-width:154px}.secure-unlock.loading .unlock-icon{animation:secureSpin .85s linear infinite}.caps-on .secret-input-wrap:after{content:"Caps Lock";position:absolute;right:76px;top:50%;transform:translateY(-50%);color:#fbbf24;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}@keyframes secureSpin{to{transform:rotate(360deg)}}@keyframes secureFadeOut{to{opacity:0;transform:scale(.985)}}

.mobile-drive-controls{display:none}
@media(max-width:720px){
  .launch-intro{min-height:100svh;overflow:hidden}.intro-copy{top:7%;left:18px;right:18px;width:auto;transform:none}.intro-copy h1{font-size:clamp(31px,9vw,46px);line-height:.94}.intro-copy p{max-width:95%;font-size:11px}.intro-badges{display:none}.intro-actions{margin-top:15px}.intro-enter,.intro-skip{padding:12px 14px}
  .road-only-scene{position:absolute;left:0;right:0;bottom:3%;width:100%;height:52%;min-height:330px;opacity:1!important;transform:none!important}.road-stage{overflow:visible}.road-surface{left:-18%;right:-18%;top:30%;height:43%;border-radius:58px 20px 58px 20px;transform:perspective(540px) rotateX(61deg) rotateZ(-6deg) skewX(-5deg);box-shadow:0 34px 60px rgba(0,0,0,.64),inset 0 1px rgba(255,255,255,.09),0 0 calc(32px + 30px*var(--drive-intensity,0)) rgba(168,85,247,.28)}.road-centerline{inset:45% -10% auto}.road-centerline i{width:48px;height:6px}.geo-car{top:51%;width:clamp(170px,49vw,235px);filter:drop-shadow(0 18px 20px rgba(0,0,0,.55));transition:none}.geo-car.moving{filter:drop-shadow(0 19px 22px rgba(0,0,0,.58)) drop-shadow(0 0 13px rgba(217,70,239,.12))}.geo-car.braking:after{content:"";position:absolute;left:19%;right:66%;top:42%;height:4px;background:#fb7185;filter:blur(2px) drop-shadow(0 0 9px #fb7185)}.road-key-hint{display:none}
  .mobile-drive-controls{position:absolute;left:12px;right:12px;bottom:max(9px,env(safe-area-inset-bottom));z-index:12;display:grid;grid-template-columns:72px 1fr 80px;align-items:end;gap:10px;pointer-events:none}.mobile-drive-controls>*{pointer-events:auto}.mobile-speed{display:grid;place-items:center;gap:3px}.speed-ring{--speed:0;position:relative;width:62px;height:62px;display:grid;place-items:center;align-content:center;border-radius:50%;border:1px solid rgba(216,180,254,.25);background:radial-gradient(circle at 50% 55%,rgba(31,13,56,.92),rgba(8,3,18,.92));box-shadow:0 12px 28px rgba(0,0,0,.38),inset 0 0 18px rgba(168,85,247,.11)}.speed-ring:before{content:"";position:absolute;inset:-3px;border-radius:inherit;background:conic-gradient(from 215deg,#d946ef calc(var(--speed)*2.6deg),rgba(216,180,254,.12) 0 260deg,transparent 0);z-index:-1;filter:drop-shadow(0 0 8px rgba(217,70,239,.28))}.speed-ring b{font-size:18px;line-height:1}.speed-ring span,.mobile-speed small{font-size:7px;font-weight:850;letter-spacing:.1em;color:#a99aba;text-transform:uppercase}
  .mobile-steering{display:grid;place-items:center;gap:5px;touch-action:none;user-select:none}.steer-track{position:relative;width:min(46vw,180px);height:56px;border:1px solid rgba(216,180,254,.22);border-radius:999px;background:linear-gradient(180deg,rgba(41,18,72,.88),rgba(10,4,22,.92));box-shadow:0 14px 34px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.08)}.steer-track:before,.steer-track:after{content:"";position:absolute;top:50%;width:28%;height:1px;background:linear-gradient(90deg,transparent,#a78bfa)}.steer-track:before{left:9%}.steer-track:after{right:9%;transform:rotate(180deg)}.steer-track i{position:absolute;left:50%;top:10px;bottom:10px;width:1px;background:rgba(216,180,254,.18)}.steer-knob{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(240,171,252,.56);background:linear-gradient(145deg,#c026d3,#6d28d9);color:white;font-size:19px;box-shadow:0 8px 24px rgba(126,34,206,.4),inset 0 1px rgba(255,255,255,.26);transition:transform .05s linear}.mobile-steering.active .steer-knob{box-shadow:0 8px 28px rgba(217,70,239,.58),0 0 0 5px rgba(217,70,239,.1)}.mobile-steering small{font-size:7px;font-weight:850;letter-spacing:.13em;color:#9f8eb3}
  .mobile-pedals{display:grid;gap:7px}.drive-pedal{height:52px;display:grid;grid-template-columns:25px 1fr;align-items:center;border:1px solid rgba(216,180,254,.23);border-radius:16px;background:linear-gradient(145deg,rgba(37,16,65,.94),rgba(10,4,22,.95));color:#e9d5ff;box-shadow:0 13px 30px rgba(0,0,0,.4);touch-action:none;user-select:none}.drive-pedal b{font-size:15px}.drive-pedal span{font-size:8px;font-weight:900;letter-spacing:.09em}.drive-pedal.gas{border-color:rgba(52,211,153,.25)}.drive-pedal.gas b{color:#34d399}.drive-pedal.brake{height:40px}.drive-pedal.brake b{color:#fb7185}.drive-pedal.pressed{transform:translateY(2px) scale(.97);background:linear-gradient(145deg,rgba(126,34,206,.88),rgba(46,16,101,.96));box-shadow:0 7px 16px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.1)}
  .secure-access-visual{grid-template-columns:56px 1fr;padding:20px 18px 13px}.secure-shield{width:52px;height:59px}.secure-access-visual h2{font-size:21px}.secure-access-form{padding:16px 18px 19px}.secure-status-row{padding:0 18px 13px}.secure-advice{grid-template-columns:1fr}.secure-context{padding:10px 18px;display:grid}.secure-context b{text-align:left}.secure-access-card .modal-actions{grid-template-columns:1fr 1fr}.secure-access-card .modal-actions .btn{width:100%}
}
@media(max-width:420px){.mobile-drive-controls{grid-template-columns:58px 1fr 68px;gap:7px}.speed-ring{width:52px;height:52px}.speed-ring b{font-size:15px}.steer-track{height:50px}.steer-knob{width:38px;height:38px;margin:-19px}.drive-pedal{height:47px;grid-template-columns:20px 1fr}.drive-pedal.brake{height:36px}.road-only-scene{height:49%}.geo-car{width:178px}}
@media(prefers-reduced-motion:reduce){.secure-unlock.loading .unlock-icon,.geo-car.moving,.road-centerline i{animation:none!important}}


/* V9 — normal side-profile GeoShield vehicle with speed-synchronised rotating wheels */
.geo-car{
  --wheel-angle:0deg;
  --wheel-motion:0;
  aspect-ratio:640/470;
  transform-origin:50% 72%;
}
.geo-car .geo-car-body{
  position:relative;
  z-index:1;
  width:100%;
  height:auto;
  display:block;
  transform:none!important;
  animation:none!important;
  filter:contrast(1.04) saturate(1.04);
}
.geo-wheel{
  position:absolute;
  z-index:3;
  width:18.4%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  pointer-events:none;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.48));
}
.geo-wheel-rear{left:29.2%;top:76.1%}
.geo-wheel-front{left:73.5%;top:74.4%}
.geo-wheel-spin{
  position:absolute;
  inset:0;
  border-radius:50%;
  transform:rotate(var(--wheel-angle));
  transform-origin:50% 50%;
  will-change:transform;
  background:
    radial-gradient(circle at 50% 50%,#d8d8dd 0 7%,#545866 8% 12%,transparent 13%),
    repeating-conic-gradient(from 0deg,#d9d9df 0 5deg,#171923 5deg 18deg),
    radial-gradient(circle,#171923 0 31%,#080910 32% 57%,#171923 58% 68%,#05060b 69% 100%);
  border:3px solid #08090e;
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.025),
    inset 0 0 15px rgba(0,0,0,.9),
    0 0 0 1px rgba(216,180,254,.13);
}
.geo-wheel-spin:before{
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  border:2px dashed rgba(62,65,76,.62);
  box-shadow:inset 0 0 10px rgba(0,0,0,.72);
}
.geo-wheel-spin:after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:17%;aspect-ratio:1;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 38% 34%,#f4f4f5,#777b86 48%,#242630 50% 100%);
  box-shadow:0 0 0 2px #11131a;
}
.geo-car.braking .geo-wheel-spin{
  filter:brightness(.92);
}
.geo-car.moving{filter:drop-shadow(0 29px 28px rgba(0,0,0,.42)) drop-shadow(0 0 calc(5px + 7px*var(--wheel-motion)) rgba(168,85,247,.12))}
@media(max-width:720px){
  .geo-wheel{width:18.8%}
  .geo-wheel-rear{left:29.15%;top:76%}
  .geo-wheel-front{left:73.45%;top:74.35%}
}
@media(prefers-reduced-motion:reduce){
  .geo-wheel-spin{will-change:auto}
}


/* V9.1 — use the exact wheel artwork cropped from the supplied GeoShield model render */
.geo-wheel{width:21.875%;filter:none}
.geo-wheel-rear{left:28.44%;top:75.74%}
.geo-wheel-front{left:73.125%;top:74.04%}
.geo-wheel .geo-wheel-spin{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border:0;
  border-radius:50%;
  background:none;
  box-shadow:none;
  filter:drop-shadow(0 5px 5px rgba(0,0,0,.22));
  transform:rotate(var(--wheel-angle));
  transform-origin:50% 50%;
  will-change:transform;
}
.geo-wheel .geo-wheel-spin:before,.geo-wheel .geo-wheel-spin:after{content:none!important}
@media(max-width:720px){.geo-wheel{width:21.875%}.geo-wheel-rear{left:28.44%;top:75.74%}.geo-wheel-front{left:73.125%;top:74.04%}}


/* V10 — upright side position with four correctly aligned, spinning road wheels */
.geo-car.geo-car-four-wheel{
  position:absolute;
  z-index:8;
  left:50%;
  top:51%;
  width:clamp(300px,38vw,590px);
  aspect-ratio:640/470;
  transform:translate3d(-50%,-50%,0);
  transform-origin:50% 80%;
  transition:none;
  will-change:transform;
  pointer-events:none;
  overflow:visible;
  filter:none!important;
  isolation:isolate;
}

.geo-car-four-wheel .geo-car-body-v10{
  position:absolute;
  z-index:2;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none!important;
  animation:none!important;
  filter:
    contrast(1.05)
    saturate(1.06)
    drop-shadow(0 15px 13px rgba(0,0,0,.30));
}

.geo-car-four-wheel .v10-wheel{
  position:absolute;
  z-index:4;
  display:block;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  pointer-events:none;
  filter:drop-shadow(0 5px 5px rgba(0,0,0,.42));
}

.geo-car-four-wheel .v10-wheel img{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:contain;
  transform:rotate(var(--wheel-angle,0deg));
  transform-origin:50% 50%;
  will-change:transform;
}

/* Near-side road wheels */
.geo-car-four-wheel .v10-wheel-near-rear{
  left:29.52%;
  top:77.87%;
  width:19.4%;
}

.geo-car-four-wheel .v10-wheel-near-front{
  left:73.75%;
  top:72.77%;
  width:19.1%;
}

/* Far-side road wheels remain clearly visible, slightly smaller and darker */
.geo-car-four-wheel .v10-wheel-far{
  z-index:3;
  opacity:.82;
  filter:
    brightness(.78)
    saturate(.86)
    drop-shadow(0 3px 3px rgba(0,0,0,.34));
}

.geo-car-four-wheel .v10-wheel-far-rear{
  left:24.53%;
  top:60.85%;
  width:11.5%;
}

.geo-car-four-wheel .v10-wheel-far-front{
  left:68.69%;
  top:55.96%;
  width:11.3%;
}

.geo-car-four-wheel .geo-car-ground-shadow{
  position:absolute;
  z-index:0;
  left:13%;
  right:8%;
  bottom:7%;
  height:18%;
  border-radius:50%;
  background:
    radial-gradient(
      ellipse,
      rgba(1,0,7,.70),
      rgba(15,4,32,.38) 48%,
      transparent 74%
    );
  filter:blur(14px);
  transform:translateY(8px);
}

.geo-car-four-wheel .four-wheel-status{
  position:absolute;
  z-index:6;
  right:4%;
  bottom:2%;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border:1px solid rgba(216,180,254,.20);
  border-radius:10px;
  background:rgba(10,4,25,.58);
  backdrop-filter:blur(8px);
  color:#f5efff;
  opacity:.78;
  transform:scale(.82);
  transform-origin:right bottom;
}

.geo-car-four-wheel .four-wheel-status b{
  font-size:10px;
  letter-spacing:.08em;
  color:#e879f9;
}

.geo-car-four-wheel .four-wheel-status small{
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.geo-wheel,
.geo-wheel-spin{
  display:none!important;
}

.geo-car-four-wheel.moving .geo-car-body-v10{
  transform:none!important;
  animation:none!important;
}

.geo-car-four-wheel.braking .geo-car-body-v10{
  filter:
    contrast(1.05)
    saturate(1.06)
    drop-shadow(0 15px 13px rgba(0,0,0,.30))
    drop-shadow(18px 0 11px rgba(255,48,92,.17));
}

@media(max-width:1000px){
  .geo-car.geo-car-four-wheel{
    width:clamp(300px,52vw,540px);
    top:53%;
  }
}

@media(max-width:720px){
  .geo-car.geo-car-four-wheel{
    width:min(520px,104vw);
    top:50%;
    left:55%;
  }

  .geo-car-four-wheel .four-wheel-status{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .geo-car-four-wheel .v10-wheel img{
    will-change:auto;
  }
}


/* V11 — perfectly level body, covered left/far tire, four properly layered spinning wheels */
.geo-car.geo-car-v11-level{
  position:absolute;
  z-index:8;
  left:50%;
  top:51%;
  width:clamp(320px,40vw,620px);
  aspect-ratio:640/470;
  transform:translate3d(-50%,-50%,0);
  transform-origin:50% 78%;
  transition:none;
  will-change:transform;
  pointer-events:none;
  overflow:visible;
  isolation:isolate;
  filter:none!important;
}

.geo-car-v11-level .v11-ground-shadow{
  position:absolute;
  z-index:0;
  left:11%;
  right:7%;
  bottom:7%;
  height:16%;
  border-radius:50%;
  background:radial-gradient(
    ellipse,
    rgba(2,0,9,.76),
    rgba(17,5,36,.38) 50%,
    transparent 76%
  );
  filter:blur(15px);
  transform:translateY(8px);
}

.geo-car-v11-level .v11-wheel{
  position:absolute;
  display:block;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.geo-car-v11-level .v11-wheel img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
  transform:rotate(var(--wheel-angle,0deg));
  transform-origin:50% 50%;
  will-change:transform;
}

/* Two far wheels: behind the chassis and only partly visible. */
.geo-car-v11-level .v11-wheel-far{
  z-index:1;
  opacity:.68;
  filter:brightness(.65) saturate(.82) drop-shadow(0 3px 3px rgba(0,0,0,.35));
}
.geo-car-v11-level .v11-far-rear{
  left:23.4%;
  top:68.6%;
  width:15.4%;
}
.geo-car-v11-level .v11-far-front{
  left:69.6%;
  top:67.8%;
  width:15.2%;
}

/* Two near wheels: visible through the wheel wells, but covered at the top by the body. */
.geo-car-v11-level .v11-wheel-near{
  z-index:2;
  filter:contrast(1.08) drop-shadow(0 6px 5px rgba(0,0,0,.44));
}
.geo-car-v11-level .v11-near-rear{
  left:26.55%;
  top:75.95%;
  width:22.2%;
}
.geo-car-v11-level .v11-near-front{
  left:73.45%;
  top:75.55%;
  width:22.2%;
}

.geo-car-v11-level .v11-car-body{
  position:absolute;
  z-index:3;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none!important;
  rotate:0deg!important;
  animation:none!important;
  filter:
    contrast(1.06)
    saturate(1.07)
    drop-shadow(0 15px 13px rgba(0,0,0,.30));
}

/* Remove every previous vehicle/wheel layer so nothing can overlap. */
.geo-car-four-wheel,
.geo-car-body-layer,
.geo-car-body-v10,
.geo-car-layer,
.geo-wheel,
.geo-wheel-spin,
.v10-wheel,
.four-wheel-status{
  display:none!important;
}

.geo-car-v11-level.moving .v11-car-body{
  transform:none!important;
  rotate:0deg!important;
}

.geo-car-v11-level.braking .v11-car-body{
  filter:
    contrast(1.06)
    saturate(1.07)
    drop-shadow(0 15px 13px rgba(0,0,0,.30))
    drop-shadow(16px 0 10px rgba(255,49,87,.16));
}

@media(max-width:1000px){
  .geo-car.geo-car-v11-level{
    width:clamp(310px,53vw,560px);
    top:53%;
  }
}

@media(max-width:720px){
  .geo-car.geo-car-v11-level{
    width:min(540px,106vw);
    top:50%;
    left:55%;
  }
}

@media(prefers-reduced-motion:reduce){
  .geo-car-v11-level .v11-wheel img{
    will-change:auto;
  }
}


/* V12 — unified dynamic dialog system replacing browser prompt/confirm */
.studio-dialog{
  width:min(590px,calc(100vw - 26px));
  max-width:590px;
  max-height:min(90vh,760px);
  padding:0;
  border:0;
  border-radius:25px;
  overflow:visible;
  color:#f8f3ff;
  background:transparent;
  opacity:0;
  transform:translateY(18px) scale(.965);
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.75,.25,1);
}

.studio-dialog[open].is-open{
  opacity:1;
  transform:translateY(0) scale(1);
}

.studio-dialog.is-closing{
  opacity:0!important;
  transform:translateY(12px) scale(.98)!important;
}

.studio-dialog::backdrop{
  background:
    radial-gradient(circle at 68% 18%,rgba(147,51,234,.25),transparent 35%),
    rgba(4,1,12,.78);
  backdrop-filter:blur(16px) saturate(.9);
  animation:studioBackdropIn .2s ease;
}

@keyframes studioBackdropIn{
  from{opacity:0}
}

.studio-dialog-shell{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(216,180,254,.27);
  border-radius:25px;
  background:
    linear-gradient(145deg,rgba(38,18,67,.98),rgba(13,7,28,.99) 67%),
    #120923;
  box-shadow:
    0 38px 120px rgba(0,0,0,.66),
    0 0 0 1px rgba(168,85,247,.08) inset,
    0 0 70px rgba(126,34,206,.17);
}

.studio-dialog-glow{
  position:absolute;
  pointer-events:none;
  width:260px;
  height:260px;
  right:-110px;
  top:-130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(192,132,252,.22),transparent 68%);
  filter:blur(4px);
}

.studio-dialog[data-tone="amber"] .studio-dialog-glow{
  background:radial-gradient(circle,rgba(251,191,36,.19),transparent 68%);
}

.studio-dialog[data-tone="danger"] .studio-dialog-glow{
  background:radial-gradient(circle,rgba(244,63,94,.20),transparent 68%);
}

.studio-dialog-header{
  position:relative;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 38px;
  align-items:start;
  gap:15px;
  padding:23px 23px 17px;
  border-bottom:1px solid rgba(168,85,247,.16);
}

.studio-dialog-icon{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,180,254,.28);
  border-radius:20px;
  color:#f5d0fe;
  font-size:26px;
  font-weight:900;
  background:
    linear-gradient(145deg,rgba(192,132,252,.28),rgba(91,33,182,.20));
  box-shadow:
    0 16px 35px rgba(88,28,135,.28),
    inset 0 1px rgba(255,255,255,.12);
}

.studio-dialog[data-tone="amber"] .studio-dialog-icon{
  color:#fde68a;
  border-color:rgba(251,191,36,.30);
  background:linear-gradient(145deg,rgba(251,191,36,.20),rgba(146,64,14,.16));
}

.studio-dialog[data-tone="danger"] .studio-dialog-icon{
  color:#fecdd3;
  border-color:rgba(251,113,133,.32);
  background:linear-gradient(145deg,rgba(244,63,94,.22),rgba(136,19,55,.17));
}

.studio-dialog-heading .eyebrow{
  display:block;
  margin:1px 0 5px;
  color:#d8b4fe;
  font-size:10px;
  letter-spacing:.16em;
}

.studio-dialog-heading h2{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.025em;
}

.studio-dialog-heading p{
  margin:8px 0 0;
  color:#aa9bc3;
  font-size:12px;
  line-height:1.6;
}

.studio-dialog-close{
  width:37px;
  height:37px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(216,180,254,.18);
  border-radius:12px;
  background:rgba(12,6,25,.56);
  color:#b9a8cf;
  font-size:22px;
  transition:.16s ease;
}

.studio-dialog-close:hover,
.studio-dialog-close:focus-visible{
  color:#fff;
  border-color:rgba(216,180,254,.45);
  background:rgba(126,34,206,.25);
  outline:0;
  transform:rotate(4deg);
}

.studio-dialog-details{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  padding:14px 23px 0;
}

.studio-dialog-details span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid rgba(168,85,247,.18);
  border-radius:999px;
  background:rgba(12,6,25,.48);
  color:#ab9abb;
  font-size:9px;
  font-weight:750;
  letter-spacing:.035em;
}

.studio-dialog-details i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#c084fc;
  box-shadow:0 0 10px rgba(192,132,252,.55);
}

.studio-dialog-fields{
  display:grid;
  gap:13px;
  padding:18px 23px 3px;
}

.studio-dialog-field{
  display:grid;
  gap:7px;
}

.studio-dialog-field>span{
  color:#c5b6d8;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.095em;
}

.studio-dialog-input{
  min-height:49px;
  border-color:rgba(168,85,247,.28);
  border-radius:13px;
  background:
    linear-gradient(180deg,rgba(12,6,25,.88),rgba(18,8,34,.88));
  color:#fff;
  font-size:13px;
  caret-color:#d946ef;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}

.studio-dialog-input:hover{
  border-color:rgba(192,132,252,.43);
}

.studio-dialog-input:focus{
  border-color:#c084fc;
  box-shadow:
    0 0 0 4px rgba(168,85,247,.13),
    0 10px 30px rgba(76,29,149,.16);
}

.studio-dialog-field small{
  color:#806f96;
  font-size:10px;
  line-height:1.45;
}

.studio-dialog-message{
  margin:13px 23px 0;
  padding:10px 12px;
  border:1px solid rgba(251,113,133,.34);
  border-radius:11px;
  color:#fecdd3;
  background:rgba(159,18,57,.13);
  font-size:11px;
}

.studio-dialog-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  padding:20px 23px 23px;
}

.studio-dialog-actions .btn{
  min-width:132px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:13px;
  font-weight:800;
}

.studio-dialog-actions .studio-dialog-cancel{
  color:#c5b6d8;
  background:rgba(12,6,25,.52);
  border-color:rgba(168,85,247,.22);
}

.studio-dialog-actions .studio-dialog-confirm{
  background:linear-gradient(135deg,#d946ef,#7c3aed);
  border-color:rgba(232,121,249,.52);
  box-shadow:
    0 13px 30px rgba(126,34,206,.29),
    inset 0 1px rgba(255,255,255,.18);
}

.studio-dialog-actions .studio-dialog-confirm:hover{
  transform:translateY(-1px);
  box-shadow:
    0 17px 36px rgba(126,34,206,.36),
    inset 0 1px rgba(255,255,255,.22);
}

.studio-dialog-actions .studio-dialog-confirm.danger,
.studio-dialog-actions .btn.danger{
  color:#fff;
  background:linear-gradient(135deg,#f43f5e,#9f1239);
  border-color:rgba(251,113,133,.54);
  box-shadow:
    0 13px 30px rgba(159,18,57,.28),
    inset 0 1px rgba(255,255,255,.13);
}

/* Modern, visible internal scrollbar for long modal content. */
.studio-dialog-shell{
  max-height:min(90vh,760px);
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#a855f7 rgba(21,8,40,.65);
}

.studio-dialog-shell::-webkit-scrollbar{
  width:9px;
}

.studio-dialog-shell::-webkit-scrollbar-track{
  border-radius:999px;
  background:rgba(21,8,40,.62);
}

.studio-dialog-shell::-webkit-scrollbar-thumb{
  min-height:42px;
  border:2px solid rgba(21,8,40,.62);
  border-radius:999px;
  background:linear-gradient(#d946ef,#7c3aed);
  box-shadow:0 0 13px rgba(168,85,247,.38);
}

@media(max-width:620px){
  .studio-dialog{
    width:calc(100vw - 18px);
    max-height:calc(100dvh - 18px);
  }

  .studio-dialog-shell{
    max-height:calc(100dvh - 18px);
    border-radius:21px;
  }

  .studio-dialog-header{
    grid-template-columns:50px minmax(0,1fr) 34px;
    gap:11px;
    padding:18px 16px 14px;
  }

  .studio-dialog-icon{
    width:49px;
    height:49px;
    border-radius:16px;
    font-size:21px;
  }

  .studio-dialog-heading h2{
    font-size:20px;
  }

  .studio-dialog-details{
    padding:12px 16px 0;
  }

  .studio-dialog-fields{
    padding:16px 16px 2px;
  }

  .studio-dialog-actions{
    position:sticky;
    bottom:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:15px 16px 16px;
    background:linear-gradient(180deg,rgba(17,8,33,.65),rgba(17,8,33,.98) 30%);
    backdrop-filter:blur(12px);
  }

  .studio-dialog-actions .btn{
    min-width:0;
    width:100%;
  }
}

@media(max-width:410px){
  .studio-dialog-actions{
    grid-template-columns:1fr;
  }

  .studio-dialog-actions .studio-dialog-confirm{
    grid-row:1;
  }
}

@media(prefers-reduced-motion:reduce){
  .studio-dialog,
  .studio-dialog::backdrop{
    transition:none;
    animation:none;
  }
}


/* V13 — clean auto-driving vehicle fully contained inside the road */
.road-only-scene{
  height:min(62vh,590px)!important;
  min-height:410px!important;
  overflow:visible!important;
  opacity:1!important;
}

.road-stage{
  overflow:visible!important;
  cursor:default!important;
}

.road-surface{
  left:1%!important;
  right:1%!important;
  top:47%!important;
  height:25%!important;
  border-radius:34px!important;
  transform:perspective(980px) rotateX(58deg)!important;
  transform-origin:center!important;
  background:
    linear-gradient(180deg,#2d1b49 0%,#160b29 42%,#08050f 100%)!important;
  border:1px solid rgba(216,180,254,.35)!important;
  box-shadow:
    0 34px 65px rgba(2,0,8,.62),
    inset 0 1px rgba(255,255,255,.10),
    inset 0 -18px 28px rgba(0,0,0,.24),
    0 0 46px rgba(139,92,246,.16)!important;
}

.road-surface:before,
.road-surface:after{
  height:5px!important;
  opacity:.82!important;
}

.road-centerline{
  inset:47% -7% auto!important;
}

.road-centerline i{
  width:74px!important;
  height:7px!important;
  background:linear-gradient(90deg,#faf5ff,#d8b4fe 58%,#a78bfa)!important;
}

.geo-car.geo-car-v13{
  position:absolute;
  z-index:8;
  left:50%;
  top:51.3%;
  width:clamp(340px,39vw,585px);
  aspect-ratio:720/360;
  transform:translate3d(-50%,-50%,0);
  transform-origin:50% 76%;
  transition:none;
  will-change:transform;
  pointer-events:none;
  overflow:visible;
  isolation:isolate;
  filter:none!important;
}

.geo-car-v13 .v13-ground-shadow{
  position:absolute;
  z-index:0;
  left:8%;
  right:6%;
  bottom:3.5%;
  height:24%;
  border-radius:50%;
  background:radial-gradient(
    ellipse,
    rgba(0,0,0,.72),
    rgba(13,4,27,.38) 54%,
    transparent 76%
  );
  filter:blur(13px);
}

.geo-car-v13 .v13-car-body{
  position:absolute;
  z-index:4;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
  transform:none!important;
  rotate:0deg!important;
  animation:none!important;
}

.geo-car-v13 .v13-wheel{
  position:absolute;
  display:block;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.geo-car-v13 .v13-wheel-far{
  z-index:1;
  opacity:.64;
  filter:brightness(.68) saturate(.82) drop-shadow(0 4px 4px rgba(0,0,0,.45));
}

.geo-car-v13 .v13-wheel-near{
  z-index:3;
  filter:drop-shadow(0 8px 7px rgba(0,0,0,.48));
}

.geo-car-v13 .v13-far-rear{left:24.2%;top:72.4%;width:17.1%}
.geo-car-v13 .v13-far-front{left:72.9%;top:72.4%;width:17.1%}
.geo-car-v13 .v13-near-rear{left:26.4%;top:76.2%;width:21.3%}
.geo-car-v13 .v13-near-front{left:75.0%;top:76.2%;width:21.3%}

.v13-tire{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:clamp(7px,1.2vw,12px) solid #07070b;
  background:
    radial-gradient(circle at 50% 50%,#110b1b 0 22%,transparent 23%),
    repeating-conic-gradient(
      from 0deg,
      #d8b4fe 0deg 5deg,
      #3b205b 5deg 13deg,
      #100918 13deg 30deg
    );
  box-shadow:
    inset 0 0 0 4px rgba(255,255,255,.045),
    inset 0 0 18px rgba(0,0,0,.75),
    0 0 0 2px rgba(192,132,252,.14);
  transform:rotate(var(--wheel-angle,0deg));
  transform-origin:50% 50%;
  will-change:transform;
}

.v13-tire:before{
  content:"";
  position:absolute;
  inset:12%;
  border-radius:50%;
  border:3px solid rgba(216,180,254,.36);
  box-shadow:inset 0 0 12px rgba(0,0,0,.72);
}

.v13-rim{
  position:absolute;
  width:42%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    repeating-conic-gradient(
      #ede9fe 0deg 9deg,
      #8b5cf6 9deg 18deg,
      #1b102b 18deg 45deg
    );
  border:4px solid #c4b5fd;
  box-shadow:0 0 0 4px #0d0715,inset 0 0 11px rgba(0,0,0,.5);
}

.v13-hub{
  position:absolute;
  width:15%;
  aspect-ratio:1;
  border-radius:50%;
  background:#f5f3ff;
  border:3px solid #8b5cf6;
  box-shadow:0 0 12px rgba(192,132,252,.62);
}

.v13-autopilot-badge{
  position:absolute;
  z-index:8;
  right:5%;
  bottom:-2%;
  display:grid;
  grid-template-columns:auto auto;
  column-gap:7px;
  align-items:center;
  padding:7px 10px;
  border:1px solid rgba(110,231,183,.24);
  border-radius:11px;
  background:rgba(8,6,17,.64);
  color:#f5f3ff;
  backdrop-filter:blur(10px);
  box-shadow:0 12px 24px rgba(0,0,0,.22);
}

.v13-autopilot-badge i{
  grid-row:1/3;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 12px #34d399;
}

.v13-autopilot-badge b{
  color:#a7f3d0;
  font-size:8px;
  line-height:1;
  letter-spacing:.11em;
}

.v13-autopilot-badge small{
  color:#8a7c9c;
  font-size:7px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.geo-car-v13.braking .v13-car-body{
  filter:drop-shadow(14px 0 9px rgba(251,113,133,.12));
}

.geo-car-v13.manual-drive .v13-autopilot-badge b:after{
  content:"MANUAL";
  font-size:8px;
}
.geo-car-v13.manual-drive .v13-autopilot-badge b{
  font-size:0;
  color:#fde68a;
}
.geo-car-v13.manual-drive .v13-autopilot-badge i{
  background:#fbbf24;
  box-shadow:0 0 12px #fbbf24;
}

.road-key-hint{
  bottom:0!important;
  padding:7px 11px;
  border:1px solid rgba(216,180,254,.13);
  border-radius:999px;
  background:rgba(9,5,19,.52);
  backdrop-filter:blur(8px);
}
.road-key-hint strong{color:#6ee7b7}

.geo-car-v11-level,
.geo-car-v11-level *,
.geo-car-four-wheel,
.geo-car-four-wheel *,
.geo-car-v10,
.geo-car-v10 *,
.v11-wheel,
.v10-wheel,
.v11-car-body,
.geo-car-body-v10,
.geo-car-body-layer{
  display:none!important;
}

@media(max-width:1000px){
  .road-only-scene{
    right:-2%!important;
    bottom:0!important;
    width:62%!important;
    height:48%!important;
    opacity:1!important;
  }
  .road-surface{
    left:-2%!important;
    right:-2%!important;
    top:49%!important;
    height:27%!important;
  }
  .geo-car.geo-car-v13{
    width:clamp(310px,45vw,500px);
    top:52.2%;
  }
}

@media(max-width:720px){
  .road-only-scene{
    left:0!important;
    right:0!important;
    bottom:2%!important;
    width:100%!important;
    height:48%!important;
    min-height:320px!important;
    opacity:1!important;
  }
  .road-surface{
    left:-8%!important;
    right:-8%!important;
    top:52%!important;
    height:27%!important;
    transform:perspective(650px) rotateX(60deg)!important;
  }
  .road-centerline{inset:47% -12% auto!important}
  .road-centerline i{width:46px!important;height:5px!important}
  .geo-car.geo-car-v13{
    width:min(440px,89vw);
    top:53.2%;
    left:50%;
  }
  .v13-autopilot-badge{display:none}
}

@media(max-width:430px){
  .geo-car.geo-car-v13{
    width:min(420px,96vw);
    top:54%;
  }
}

@media(prefers-reduced-motion:reduce){
  .v13-tire{will-change:auto}
}


/* V14 — smooth modern wheels without radial lines or visible road bleed-through */
.geo-car-v13 .v13-wheel-far{
  opacity:1!important;
  filter:brightness(.70) saturate(.80) drop-shadow(0 4px 4px rgba(0,0,0,.46))!important;
}

.v13-tire{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  border:clamp(7px,1.15vw,12px) solid #050509;
  background:
    radial-gradient(circle at 38% 31%,rgba(255,255,255,.09),transparent 17%),
    radial-gradient(circle at 50% 50%,#11101a 0 49%,#07070c 50% 72%,#020204 73% 100%)!important;
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.025),
    inset 0 -12px 20px rgba(0,0,0,.64),
    0 0 0 2px rgba(192,132,252,.12),
    0 10px 18px rgba(0,0,0,.38)!important;
  transform:rotate(var(--wheel-angle,0deg));
  transform-origin:50% 50%;
  will-change:transform;
}

.v13-tire:before{
  content:"";
  position:absolute;
  inset:10%;
  border-radius:50%;
  border:3px solid rgba(196,181,253,.24)!important;
  background:
    radial-gradient(circle at 40% 32%,rgba(255,255,255,.15),transparent 18%),
    radial-gradient(circle,#28153f 0 38%,#120b1b 39% 62%,#09060e 63% 100%)!important;
  box-shadow:
    inset 0 0 16px rgba(0,0,0,.66),
    0 0 0 2px rgba(109,40,217,.14);
}

.v13-tire:after{
  content:"";
  position:absolute;
  width:67%;
  height:67%;
  border-radius:50%;
  border-top:4px solid rgba(232,121,249,.30);
  border-right:3px solid rgba(103,232,249,.16);
  transform:rotate(24deg);
  filter:blur(.2px);
}

.v13-rim{
  position:absolute;
  z-index:2;
  width:43%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at 37% 30%,#f5f3ff 0 9%,#c4b5fd 10% 25%,#7c3aed 26% 54%,#20112f 55% 100%)!important;
  border:4px solid #d8b4fe!important;
  box-shadow:
    0 0 0 5px #0c0712,
    inset 0 -8px 13px rgba(24,7,47,.54),
    0 0 14px rgba(139,92,246,.28)!important;
}

.v13-rim:before{
  content:"";
  position:absolute;
  inset:22%;
  border-radius:50%;
  background:linear-gradient(145deg,#ede9fe,#8b5cf6 58%,#321647);
  box-shadow:inset 0 2px 4px rgba(255,255,255,.35);
}

.v13-hub{
  position:absolute;
  z-index:3;
  width:16%;
  aspect-ratio:1;
  border-radius:50%;
  background:linear-gradient(145deg,#ffffff,#c4b5fd 48%,#6d28d9)!important;
  border:2px solid #f5f3ff!important;
  box-shadow:
    0 0 0 3px rgba(36,15,53,.82),
    0 0 13px rgba(192,132,252,.46)!important;
}

/* PWA install actions */
.intro-install{
  min-height:54px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid rgba(110,231,183,.30);
  border-radius:17px;
  color:#d1fae5;
  background:linear-gradient(135deg,rgba(16,185,129,.19),rgba(6,78,59,.20));
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 24px rgba(6,78,59,.13);
  font-weight:850;
  transition:.18s ease;
}

.intro-install:hover,
.intro-install:focus-visible{
  border-color:rgba(110,231,183,.58);
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 15px 28px rgba(16,185,129,.17),inset 0 1px rgba(255,255,255,.12);
  outline:0;
}

.intro-install span{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(52,211,153,.16);
  color:#6ee7b7;
  font-size:17px;
}

.pwa-install-floating{
  position:fixed;
  z-index:1100;
  right:18px;
  bottom:18px;
  min-width:182px;
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  align-items:center;
  padding:11px 14px;
  border:1px solid rgba(110,231,183,.27);
  border-radius:16px;
  color:#f5f3ff;
  background:linear-gradient(145deg,rgba(25,12,47,.96),rgba(8,20,24,.96));
  backdrop-filter:blur(17px);
  box-shadow:0 18px 48px rgba(0,0,0,.39),0 0 28px rgba(16,185,129,.10);
  transition:.2s ease;
}

.pwa-install-floating:hover{
  transform:translateY(-2px);
  border-color:rgba(110,231,183,.52);
}

.pwa-install-floating .pwa-install-dot{
  grid-row:1/3;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 14px #34d399;
}

.pwa-install-floating b{
  text-align:left;
  font-size:12px;
}

.pwa-install-floating small{
  color:#8faea4;
  text-align:left;
  font-size:8px;
  letter-spacing:.07em;
  text-transform:uppercase;
}

/* True mobile centering for the launch copy */
@media(max-width:720px){
  .launch-intro{
    overflow-x:hidden!important;
  }

  .intro-copy{
    left:50%!important;
    right:auto!important;
    top:8.5%!important;
    width:calc(100% - 34px)!important;
    max-width:560px!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }

  .intro-kicker{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .intro-copy h1{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    text-wrap:balance;
  }

  .intro-copy p{
    width:min(100%,520px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  .intro-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:center!important;
    gap:11px!important;
  }

  .intro-actions>button{
    width:min(100%,420px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .intro-badges{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .intro-badges span{
    text-align:center!important;
  }

  .pwa-install-floating{
    left:50%;
    right:auto;
    bottom:max(14px,env(safe-area-inset-bottom));
    width:min(330px,calc(100vw - 28px));
    transform:translateX(-50%);
  }

  .pwa-install-floating:hover{
    transform:translateX(-50%) translateY(-2px);
  }
}

@media(max-width:430px){
  .intro-copy{
    top:7%!important;
    width:calc(100% - 26px)!important;
  }

  .intro-copy h1{
    font-size:clamp(34px,10.5vw,48px)!important;
    line-height:1.02!important;
  }

  .intro-copy p{
    font-size:13px!important;
    line-height:1.55!important;
  }

  .intro-kicker{
    font-size:10px!important;
  }
}

@media(display-mode:standalone){
  .pwa-install-floating,
  .intro-install{
    display:none!important;
  }
}


/* V16 — clean tire faces and strict road containment */
.geo-car-v13 .v13-wheel,
.geo-car-v13 .v13-wheel *{
  backface-visibility:hidden;
}

.geo-car-v13 .v13-tire{
  overflow:hidden!important;
  background:
    radial-gradient(circle at 36% 30%,rgba(255,255,255,.07),transparent 16%),
    radial-gradient(circle at 50% 50%,#15131d 0 47%,#09090f 48% 72%,#020204 73% 100%)!important;
}

.geo-car-v13 .v13-tire:after{
  border-top-color:rgba(232,121,249,.13)!important;
  border-right-color:transparent!important;
  opacity:.46!important;
}

.geo-car-v13 .v13-rim{
  overflow:hidden!important;
  background:
    radial-gradient(circle at 38% 30%,#fff 0 8%,#ddd6fe 9% 24%,#8b5cf6 25% 51%,#281538 52% 100%)!important;
}

/* V17: tire contact points align with the road edge across desktop and tablet sizes. */
@media(min-width:1400px){
  .geo-car.geo-car-v13{
    left:43.5%!important;
    top:42.5%!important;
  }
}

@media(min-width:1001px) and (max-width:1399px){
  .geo-car.geo-car-v13{
    left:43.5%!important;
    top:44%!important;
  }
}

@media(min-width:721px) and (max-width:1000px){
  .geo-car.geo-car-v13{
    left:47%!important;
    top:46.5%!important;
  }
}

/* Mobile: compact top copy with a dedicated clear zone above the vehicle. */
@media(max-width:720px){
  .launch-intro{
    min-height:100svh!important;
    height:100svh!important;
    overflow:hidden!important;
    padding-top:env(safe-area-inset-top,0px)!important;
  }

  .intro-copy{
    position:absolute!important;
    z-index:30!important;
    left:50%!important;
    right:auto!important;
    top:calc(env(safe-area-inset-top,0px) + 18px)!important;
    width:min(94vw,560px)!important;
    max-height:43svh!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    overflow:visible!important;
  }

  .intro-kicker{
    width:100%!important;
    margin:0 0 10px!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:9px!important;
    letter-spacing:.115em!important;
  }

  .intro-kicker:before{
    width:29px!important;
  }

  .intro-copy h1{
    width:100%!important;
    max-width:520px!important;
    margin:0 auto 11px!important;
    font-size:clamp(29px,7.3vw,40px)!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
    text-align:center!important;
    text-wrap:balance!important;
  }

  .intro-copy p{
    width:min(94%,470px)!important;
    margin:0 auto 13px!important;
    font-size:11px!important;
    line-height:1.45!important;
    text-align:center!important;
  }

  .intro-actions{
    width:min(100%,470px)!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0 auto!important;
  }

  .intro-actions>button{
    width:100%!important;
    min-height:44px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }

  .intro-actions .intro-install{
    grid-column:1/-1!important;
    min-height:42px!important;
  }

  .intro-badges{
    width:100%!important;
    margin-top:10px!important;
    justify-content:center!important;
    gap:5px!important;
  }

  .intro-badges span{
    padding:5px 7px!important;
    font-size:7px!important;
    letter-spacing:.03em!important;
  }

  /* Vehicle/road receive the lower half of the viewport exclusively. */
  .road-only-scene{
    z-index:10!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 1%)!important;
    width:100%!important;
    height:53svh!important;
    min-height:300px!important;
    max-height:500px!important;
    opacity:1!important;
    overflow:visible!important;
  }

  .road-surface{
    left:-6%!important;
    right:-6%!important;
    top:53%!important;
    height:27%!important;
  }

  .geo-car.geo-car-v13{
    left:50%!important;
    top:52.5%!important;
    width:min(430px,88vw)!important;
  }

  .road-key-hint{
    bottom:calc(env(safe-area-inset-bottom,0px) + 2px)!important;
    max-width:88vw!important;
    padding:6px 9px!important;
    font-size:8px!important;
  }
}

@media(max-width:430px){
  .intro-copy{
    top:calc(env(safe-area-inset-top,0px) + 14px)!important;
    width:calc(100vw - 22px)!important;
  }

  .intro-copy h1{
    font-size:clamp(27px,7.4vw,34px)!important;
  }

  .intro-copy p{
    font-size:10px!important;
  }

  .intro-actions>button{
    min-height:41px!important;
    font-size:11px!important;
  }

  .road-only-scene{
    height:52svh!important;
  }

  .geo-car.geo-car-v13{
    width:min(410px,92vw)!important;
    top:54.4%!important;
  }
}

@media(max-height:760px) and (max-width:720px){
  .geo-car.geo-car-v13{
    top:49.5%!important;
  }
}

@media(max-height:700px) and (max-width:720px){
  .intro-copy{
    top:calc(env(safe-area-inset-top,0px) + 9px)!important;
    max-height:39svh!important;
  }

  .intro-kicker{margin-bottom:6px!important}
  .intro-copy h1{
    font-size:clamp(25px,6.6vw,32px)!important;
    margin-bottom:7px!important;
  }
  .intro-copy p{
    margin-bottom:8px!important;
    line-height:1.35!important;
  }
  .intro-badges{display:none!important}
  .road-only-scene{height:55svh!important}
}


/* ===== V16: remove horizontal scrolling from every form/dialog ===== */
.studio-dialog-glow{
  right:0;
}
.studio-dialog{
  overflow:hidden;
}
.studio-dialog-shell{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-y:auto;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}
.studio-dialog-shell::-webkit-scrollbar:horizontal{
  display:none;
  height:0;
}
.studio-dialog-header,
.studio-dialog-heading,
.studio-dialog-details,
.studio-dialog-fields,
.studio-dialog-field,
.studio-dialog-message,
.studio-dialog-actions,
.modal-card,
.creator-form,
.operator-form,
form{
  min-width:0;
  max-width:100%;
}
.studio-dialog-heading,
.studio-dialog-field,
.studio-dialog-actions,
.creator-form,
.operator-form,
.modal-card form{
  overflow-x:hidden;
}
.studio-dialog-input,
form input,
form select,
form textarea,
form button{
  min-width:0;
  max-width:100%;
}