*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:"Barlow",system-ui,sans-serif;background:#0A0A0A;color:#F0F0F0}.hidden{display:none!important}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #222;background:rgba(10,10,10,.94);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#FFC107,#FF9800);display:flex;align-items:center;justify-content:center;color:#0A0A0A;font-family:"Barlow Condensed",sans-serif;font-weight:900}.brand-name{font-family:"Barlow Condensed",sans-serif;font-size:20px;font-weight:900}.brand-name em{font-style:normal;color:#FFC107}.brand-sub{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#888}.top-actions{display:flex;align-items:center;gap:8px}.app-shell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.8fr);gap:16px;padding:16px;min-height:calc(100vh - 67px)}.stage-wrap,.panel-wrap{min-height:0}.stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-kicker{font-family:"Barlow Condensed",sans-serif;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#FFC107}.stage-head h1{margin:4px 0 0;font-family:"Barlow Condensed",sans-serif;font-size:28px;line-height:1}.stage-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.stage{position:relative;background:#000;border:1px solid #232323;border-radius:18px;overflow:hidden;aspect-ratio:16/10;min-height:380px}#video,#overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#overlay{pointer-events:none}.stage-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.38));pointer-events:none}.overlay-card{max-width:420px;background:rgba(12,12,12,.84);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}.overlay-title{font-family:"Barlow Condensed",sans-serif;font-size:18px;font-weight:800;color:#FFC107;margin-bottom:6px}.overlay-text{font-size:13px;color:#ddd;line-height:1.55}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.metric-card{background:#171717;border:1px solid #242424;border-radius:14px;padding:12px}.metric-label{font-family:"Barlow Condensed",sans-serif;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#8a8a8a;margin-bottom:6px}.metric-value{font-family:"Barlow Condensed",sans-serif;font-size:24px;font-weight:900;line-height:1.05}.panel-wrap{background:#121212;border:1px solid #222;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.tabs{display:flex;border-bottom:1px solid #242424}.tab{flex:1;background:none;border:0;color:#999;padding:14px 12px;font-family:"Barlow Condensed",sans-serif;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}.tab.active{background:#FFC107;color:#0A0A0A}.tab-pane{display:none;padding:14px;overflow:auto}.tab-pane.active{display:block}.card{background:#181818;border:1px solid #262626;border-radius:14px;padding:14px;margin-bottom:12px}.card-title{font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:800;letter-spacing:.8px;margin-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr;gap:10px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid label{display:flex;flex-direction:column;gap:5px}.form-grid span{font-family:"Barlow Condensed",sans-serif;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#9c9c9c}.field{background:#0F0F0F;border:1px solid #303030;color:#F0F0F0;border-radius:10px;padding:11px 12px;font:inherit}.field-dark{background:#171717}.compact{padding:9px 11px}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.primary,.ghost,.file-btn{border-radius:10px;padding:11px 14px;font-family:"Barlow Condensed",sans-serif;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer}.primary{border:0;background:#FFC107;color:#0A0A0A}.ghost,.file-btn{background:#1A1A1A;border:1px solid #343434;color:#F0F0F0}.note{margin-top:10px;color:#b8b8b8;font-size:13px;line-height:1.55}.mini-list{display:grid;gap:8px;margin-top:10px}.mini-item{display:flex;justify-content:space-between;gap:12px;background:#101010;border:1px solid #262626;border-radius:10px;padding:10px 12px}.mini-item strong{font-family:"Barlow Condensed",sans-serif;font-size:13px;letter-spacing:.7px}.mini-item span{color:#b6b6b6;font-size:12px}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capture-slot{background:#101010;border:1px solid #262626;border-radius:12px;overflow:hidden;min-height:180px}.capture-title{font-family:"Barlow Condensed",sans-serif;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#9b9b9b;padding:10px 12px;border-bottom:1px solid #232323}img{max-width:100%;display:block}#stillFront,#stillSide{width:100%;height:180px;object-fit:cover;background:#060606}.status-pill{display:flex;align-items:center;gap:8px;background:#171717;border:1px solid #2b2b2b;border-radius:999px;padding:8px 12px;font-family:"Barlow Condensed",sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:#666}.status-dot.live{background:#10B981;box-shadow:0 0 10px rgba(16,185,129,.55)}.status-dot.warn{background:#F59E0B}.status-dot.error{background:#EF4444}.toast{position:fixed;right:16px;bottom:16px;max-width:360px;padding:12px 14px;border-radius:12px;background:rgba(20,20,20,.96);border:1px solid #343434;box-shadow:0 12px 24px rgba(0,0,0,.38);transform:translateY(24px);opacity:0;pointer-events:none;transition:all .22s ease;z-index:50}.toast.show{transform:translateY(0);opacity:1}.check-list{padding-left:18px;margin:0}.check-list li{margin:8px 0;color:#cbcbcb;line-height:1.5}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.topbar,.stage-head{flex-direction:column;align-items:flex-start}.top-actions,.stage-controls{width:100%;flex-wrap:wrap}.metric-grid{grid-template-columns:1fr}.form-grid.two,.capture-grid{grid-template-columns:1fr}}