:root{color:#f6f9fc;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#080b0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}.app-shell{background:#080b0f;grid-template-columns:minmax(0,1fr) 360px;height:100vh;display:grid}.stage{background:#05070a;min-width:0;position:relative;overflow:hidden}.camera-feed,.vto-scene,.landmark-overlay,.vto-webgl{width:100%;height:100%;position:absolute;inset:0}.camera-feed{object-fit:cover;transform:scaleX(-1)}.vto-scene,.landmark-overlay,.vto-webgl{pointer-events:none}.stage-topbar,.stage-bottombar{z-index:4;align-items:center;gap:10px;min-width:0;display:flex;position:absolute;left:16px;right:16px}.stage-topbar{justify-content:space-between;top:16px}.stage-bottombar{flex-wrap:wrap;bottom:16px}.status-chip,.telemetry-strip,.scene-note,.error-banner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c12c2;border:1px solid #ffffff24;box-shadow:0 12px 34px #0000003d}.status-chip{color:#eef7ff;border-radius:999px;align-items:center;gap:9px;min-height:36px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.status-chip span{background:#8f9aa8;border-radius:50%;width:9px;height:9px}.status-chip--tracking span,.status-chip--ready span{background:#50e3ad;box-shadow:0 0 16px #50e3adcc}.status-chip--loading span{background:#6ba9ff}.status-chip--no-face span,.status-chip--lost span{background:#ffd166}.status-chip--error span{background:#ff6b6b}.telemetry-strip{color:#dce8f3;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;min-width:0;min-height:36px;padding:0 10px;font-size:12px;display:flex}.telemetry-strip span{background:#ffffff14;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;display:inline-flex}.primary-action,.ghost-action,.mini-action{border:0;border-radius:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:800}.primary-action{color:#071018;background:#72f2bd}.ghost-action{color:#f6fbff;background:#ffffff1f;border:1px solid #ffffff29}.mini-action{color:#dce8f3;background:#ffffff1a;border:1px solid #ffffff24;min-height:28px;padding:0 10px;font-size:11px}.toggle{color:#f6fbff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c12b3;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.toggle input{accent-color:#72f2bd}.scene-note,.error-banner{z-index:5;color:#dce8f3;border-radius:8px;max-width:min(440px,100% - 32px);padding:10px 12px;font-size:13px;position:absolute;bottom:66px;left:16px}.error-banner{color:#ffe7e7;border-color:#ff6b6b73}.control-rail{background:#10151b;border-left:1px solid #ffffff14;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex;overflow:auto}.panel{background:#171e26;border:1px solid #ffffff17;border-radius:8px;padding:14px}.panel__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel h2,.panel p{margin:0}.panel h2{color:#f8fbff;font-size:14px;line-height:1.25}.panel p{color:#9fafbf;margin-top:3px;font-size:12px;line-height:1.35}.pill{color:#d8e4ee;white-space:nowrap;background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.pill--ok{color:#102116;background:#72f2bd}.pill--warn{color:#281c04;background:#ffd166}.field,.slider-field{color:#c9d6e0;gap:7px;font-size:12px;font-weight:800;display:grid}.field select{color:#f8fbff;background:#0f151c;border:1px solid #ffffff24;border-radius:8px;width:100%;min-height:38px;padding:0 10px}.variant-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.variant-chip{color:#dce8f3;cursor:pointer;background:#10161d;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.variant-chip:disabled{opacity:.5;cursor:default}.variant-chip--active{color:#fff;background:#72f2bd24;border-color:#72f2bd}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.material-swatch{color:#dce8f3;text-align:left;background:#10161d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:38px;padding:0 8px;font-size:12px;font-weight:800;display:flex}.material-swatch--active{color:#fff;background:#72f2bd1f;border-color:#72f2bd}.material-swatch__chip{border:1px solid #ffffff59;border-radius:50%;flex:none;width:16px;height:16px}.frame-specs,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.frame-specs div,.metric-grid div{background:#ffffff0e;border-radius:8px;min-width:0;padding:9px}dt,dd{margin:0}dt{color:#91a1af;font-size:11px;font-weight:800}dd{color:#f7fbff;margin-top:3px;font-size:13px;font-weight:800}.progress-track{background:#ffffff17;border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-track span{transform-origin:0;background:#72f2bd;position:absolute;inset:0}.button-row{gap:8px;margin-top:12px;display:flex}.slider-field{margin-top:12px}.slider-field span{justify-content:space-between;align-items:center;gap:10px;display:flex}.slider-field strong{color:#f8fbff;font-size:12px}.slider-field input{accent-color:#72f2bd;width:100%}.jeeliz-stage{width:100%;height:100%;position:absolute;inset:0}#JeelizVTOWidget{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#JeelizVTOWidgetCanvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}#JeelizVTOWidgetLoading{pointer-events:none;background:#05070ab8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.JeelizVTOWidgetLoadingText{color:#dce8f3;letter-spacing:.08em;font-size:14px;font-weight:800}.jeeliz-overlay{color:#dce8f3;text-align:center;pointer-events:none;z-index:6;background:#05070ab8;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.jeeliz-overlay--error{color:#ffe7e7}.jeeliz-controls{z-index:7;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.jeeliz-sku-grid{grid-template-columns:1fr;gap:6px;margin-top:10px;display:grid}.jeeliz-sku-btn{color:#dce8f3;text-align:left;cursor:pointer;background:#10161d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-height:48px;padding:8px 12px;font-size:13px;font-weight:800;transition:border-color .12s,background .12s;display:flex}.jeeliz-sku-btn:hover{background:#161e28;border-color:#ffffff47}.jeeliz-sku-btn--active{color:#fff;background:#72f2bd1a;border-color:#72f2bd}.jeeliz-sku-brand{color:#6a8299;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}@media (width<=980px){body{overflow:auto}.app-shell{grid-template-rows:minmax(420px,62vh) auto;grid-template-columns:1fr;height:auto;min-height:100vh}.control-rail{border-top:1px solid #ffffff14;border-left:0}}@media (width<=640px){.app-shell{grid-template-rows:minmax(360px,58vh) auto}.stage-topbar,.stage-bottombar{left:10px;right:10px}.stage-topbar{flex-direction:column;align-items:flex-start}.telemetry-strip{border-radius:8px;max-width:100%;overflow-x:auto}.material-grid,.frame-specs,.metric-grid{grid-template-columns:1fr}}