:root{color-scheme:dark;font:14px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg:#0c111b;--nav:#111926;--panel:#161f2e;--line:#29384d;--txt:#eaf0fa;--muted:#98a8bd;--accent:#9aa4f5;--mint:#7fe1c1;--orange:#f1be7c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt)}button,input,select{font:inherit}button{background:#222f43;color:var(--txt);border:1px solid #3c4c65;border-radius:9px;padding:10px 12px;cursor:pointer;font-weight:650;transition:background .15s}button:hover:not(:disabled){background:#33445d}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a6aeff;outline-offset:2px}.btn-primary{background:#5968c4;border-color:#8290ee;color:#fff}.btn-primary:hover:not(:disabled){background:#6979d4}.btn-live{background:#1b4a43;border-color:#397e72;color:#c3ffec}.btn-live:hover:not(:disabled){background:#286459}.btn-wide{width:100%}.app-header{height:70px;padding:0 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#101723;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:36px;height:36px;border:1px solid #8190e6;border-radius:11px;background:linear-gradient(145deg,#7586e1,#323f80);display:grid;place-items:center;box-shadow:0 0 24px #5769cb18}.brand-symbol span{font-weight:850;font-size:12px;letter-spacing:-.8px}.brand-text strong{display:block;font-size:15px;letter-spacing:.2px}.brand-text small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.version{font-size:10px;font-weight:500;color:#bbc5e2;margin-left:5px}.brand-by{color:#7585a1}.header-actions{display:flex;align-items:center;gap:12px}.camera-pill{border:1px solid var(--line);background:#121b28;border-radius:50px;padding:9px 12px;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:8px;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{display:inline-block;width:8px;height:8px;min-width:8px;border-radius:100%;background:#6e7b8a}.dot.on{background:#6adbad;box-shadow:0 0 12px #79ffd98a}.btn-settings{padding:10px 15px}.workspace{display:grid;grid-template-columns:344px minmax(0,1fr);height:calc(100dvh - 70px)}.playback-sidebar{background:var(--nav);padding:23px 18px;overflow:auto;border-right:1px solid var(--line)}.section-eyebrow{font-size:10px;color:#90a0b9;letter-spacing:1.4px;font-weight:750}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin:3px 0 17px}.section-title-row h1{font-size:23px;letter-spacing:-.4px;margin:0}.status-tag{border-radius:30px;background:#163e38;border:1px solid #397b6b;color:#b6f7dc;padding:6px 12px;font-weight:750;font-size:11px}.card{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:16px}.control-card{margin-bottom:14px}.field-label{display:flex;justify-content:space-between;gap:15px;color:#c4d0df;font-size:12px;margin:7px 0 8px}.field-label output{font-weight:750;color:#dbe3fd}input[type=range]{width:100%;accent-color:#a4aff9;cursor:pointer;height:18px;margin:0 0 13px}.checkbox-line{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.5;margin:10px 0;cursor:pointer;color:#d5dceb}.checkbox-line input{width:17px;height:17px;accent-color:#99a9f7;flex-shrink:0;margin:0}.button-row{display:flex;gap:8px;margin:10px 0 0}.button-row>button{flex:1;min-width:0}.primary-row{margin-top:18px}.primary-row button{padding:13px 8px}.playback-row button{padding:12px 6px}.timeline{display:flex;align-items:center;gap:8px;margin-top:17px}.timeline span{min-width:31px;font-size:11px;font-variant-numeric:tabular-nums;color:#9ba9bb}.timeline input{flex:1;min-width:0;margin:0}.microcopy{font-size:11px;line-height:1.6;color:var(--muted);margin:9px 0 0}.card-title{font-size:13px;font-weight:750;margin-bottom:13px}.small-state{color:#9fadc5;font-size:11px;margin-top:12px}.side-footer{font-size:11px;color:#74839a;line-height:1.7;margin:24px 4px}.main-panel{min-width:0;overflow:auto;padding:28px 30px}.main-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:19px}.main-heading h2{font-size:25px;font-weight:750;letter-spacing:-.7px;margin:5px 0}.main-heading p{color:var(--muted);font-size:12px;margin:5px 0 0}.resolution{font-size:11px;border:1px solid var(--line);padding:8px 11px;border-radius:40px;color:#b0bfd3;white-space:nowrap}.screen{aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#07111a;position:relative;border:1px solid #34475f;box-shadow:0 16px 44px #0006}.screen canvas{position:absolute;inset:0;width:100%;height:100%}#overlay{pointer-events:auto;touch-action:none;cursor:default}body.roi-edit #overlay{cursor:crosshair}.under-preview{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:11px;font-size:11px;color:#94a7be}.shortcut-hint{color:#74849c}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:20px}.stat-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:17px;min-width:0}.stat-card span{font-size:10px;letter-spacing:.5px;color:#a2b0c7;display:block}.stat-card strong{display:block;font-size:21px;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin:6px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card small{font-size:10px;color:#899ab2;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{margin-top:10px;height:4px;background:#2a3b50;border-radius:9px;overflow:hidden}.progress div{height:100%;background:#919fed;width:0}.status-line{background:#162338;border:1px solid #2d4564;color:#c8d7e9;padding:11px 14px;margin-top:17px;border-radius:9px;font-size:12px;line-height:1.5}.copyright{font-size:11px;color:#64758d;margin:20px 0}.drawer-backdrop{position:fixed;inset:70px 0 0;background:#0307108a;z-index:10}.drawer-backdrop[hidden]{display:none}.settings-drawer{position:fixed;top:70px;right:0;bottom:0;width:min(440px,100vw);background:#111a29;border-left:1px solid #34435a;z-index:11;box-shadow:-20px 0 55px #0007;display:flex;flex-direction:column;transform:translate(105%);visibility:hidden;transition:transform .19s ease,visibility .19s}.settings-drawer.open{transform:translate(0);visibility:visible}.drawer-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 21px 16px;border-bottom:1px solid var(--line)}.drawer-heading h2{font-size:23px;letter-spacing:-.5px;margin:3px 0 0}.close-button{background:transparent;min-width:37px;padding:8px}.drawer-scroll{overflow:auto;padding:17px 17px 32px}.setting-card{margin-bottom:12px}.setting-card:not(.open)>:not(.setting-heading){display:none}.setting-heading{display:flex;width:100%;align-items:center;gap:11px;margin:0;padding:0;background:transparent;border:0;text-align:left}.setting-heading:hover:not(:disabled){background:transparent}.setting-number{font-size:10px;color:#abb8ff;background:#303b60;border-radius:7px;padding:5px 7px}.setting-title{font-size:13px;font-weight:750;flex:1}.setting-chevron{font-size:20px;line-height:1;color:#9cabc0;transition:transform .16s ease}.setting-card.open .setting-heading{margin-bottom:15px}.setting-card.open .setting-chevron{transform:rotate(180deg)}.setting-subtitle{font-weight:700;font-size:12px;margin:18px 0 10px;display:flex;justify-content:space-between}.muted{font-weight:400;color:var(--muted)}select{background:#202b3d;border:1px solid #3b4f69;border-radius:8px;padding:10px;color:var(--txt);width:100%;font-size:12px}.extra-source{background:#121c2b;border:1px solid #2b3a4e;padding:11px;border-radius:9px;margin-bottom:9px}.extra-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:700}.source-state{color:#93a5bb;font-size:10px;font-weight:500}.source-state.connected{color:#7bddb8}.extra-source button{padding:8px 6px;font-size:11px}.reading{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:10px 0;border-bottom:1px solid #28384b}.reading strong{font-variant-numeric:tabular-nums}.layer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.layer-grid button{padding:10px 4px;font-size:11px}.layer-grid button.active{background:#404c87;border-color:#91a0ff}.layout-row button{font-size:11px;padding:9px 4px}.drawer-foot{font-size:11px;color:#74869c;line-height:1.65;margin:19px 7px}@media(max-width:1100px){.workspace{grid-template-columns:312px minmax(0,1fr)}.main-panel{padding:20px}.playback-sidebar{padding:19px 13px}}@media(max-width:760px){.workspace{display:flex;height:auto;flex-direction:column}.playback-sidebar{order:2;border-right:none}.main-panel{order:1;padding:16px}.stats-grid{gap:7px}.stat-card{padding:10px}.stat-card strong{font-size:17px}.app-header{padding:0 12px}.camera-pill,.resolution,.brand-by{display:none}}input[type=number]{width:100%;border-radius:8px;background:#202b3d;border:1px solid #3b4f69;padding:11px;color:var(--txt);font:inherit;font-size:13px}.source-list{display:grid;gap:8px}.source-item{border:1px solid #304158;background:#121c2b;padding:9px 11px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:7px}.source-item strong{font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-item button{flex:0 0 auto;padding:7px 10px;font-size:11px}.slot-controls{display:grid;gap:9px}.slot-control{border:1px solid #34465f;padding:11px;border-radius:9px;background:#111d2d}.slot-control .slot-title{font-size:12px;font-weight:750;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slot-control .slot-title button{padding:5px 9px;font-size:10px}.slot-control .checkbox-line{margin:9px 0 0}input[type=text],input[type=email]{width:100%;border-radius:8px;background:#202b3d;border:1px solid #3b4f69;padding:11px;color:var(--txt);font:inherit;font-size:13px}.account-backdrop{position:fixed;inset:0;background:#01040bdf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20}.account-backdrop[hidden],.account-modal[hidden]{display:none}.account-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 24px));background:#151f2e;border:1px solid #354b68;border-radius:16px;box-shadow:0 20px 90px #000a;z-index:21;overflow:hidden}.account-content{padding:16px 22px 23px}.account-content .btn-wide{margin-top:9px}.account-status{font-size:14px;line-height:1.5;margin:0 0 6px;color:#e3eaf7}.camera-pill#accessPill{color:#d8caab}.camera-pill#accessPill.expired{color:#ffaaa1;border-color:#92574f}.camera-pill#accessPill.subscribed{color:#a8f3d8;border-color:#397e72}.access-locked .workspace,.access-locked #settingsToggle{pointer-events:none;-webkit-user-select:none;user-select:none}.billing-panel{margin:15px 0;padding:13px;border:1px solid #354b68;border-radius:11px;background:#101a29}.billing-title{font-size:12px;font-weight:750}.billing-panel .button-row{margin-top:11px}