:root{color:#f5f7fa;font-synthesis:none;text-rendering:optimizelegibility;background:#090c11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#1d2532 0,#090c11 44%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.shell{width:min(960px,100% - 32px);margin:0 auto;padding-bottom:72px}.topbar{border-bottom:1px solid #222936;justify-content:space-between;align-items:center;height:80px;display:flex}.brand{color:inherit;align-items:center;gap:10px;font-size:19px;font-weight:760;text-decoration:none;display:flex}.brandMark{background:#ff4d47;border-radius:5px;width:16px;height:16px;box-shadow:0 0 24px #ff4d4770}.connection{color:#8994a5;align-items:center;gap:8px;font-size:14px;display:flex}.connection span{background:#677080;border-radius:50%;width:8px;height:8px}.connection--streaming{color:#b6f2cf}.connection--streaming span{background:#42d987;box-shadow:0 0 0 5px #42d98718}.connection--degraded{color:#ffd38b}.connection--degraded span{background:#f4b64f}.hero{padding:68px 0 42px}.deviceName{color:#8d98aa;margin:0 0 14px;font-size:14px}.hero h1{letter-spacing:-.045em;max-width:780px;margin:0;font-size:clamp(34px,6vw,64px);line-height:1.04}.sources{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.sources span{color:#adb6c5;background:#11161e;border:1px solid #2a3240;border-radius:999px;padding:7px 11px;font-size:13px}.capturePanel{background:#11161e;border:1px solid #252d3a;border-radius:22px;padding:26px;box-shadow:0 30px 80px #00000035}.capturePanel h2,.activity h2{letter-spacing:-.02em;margin:0;font-size:20px}.capturePanel>div:first-child>p{color:#8f9aab;margin:7px 0 0;font-size:14px}.durationGrid{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:24px;display:grid}.durationButton{color:#f4f6f9;cursor:pointer;background:#181e28;border:1px solid #2d3645;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:88px;padding:15px;transition:all .14s;display:flex}.durationButton:hover:not(:disabled){background:#1d2531;border-color:#4a566a;transform:translateY(-2px)}.durationButton:disabled{cursor:not-allowed;opacity:.48}.durationButton strong{font-size:17px}.durationButton span{color:#8490a1;margin-top:5px;font-size:12px}.durationButton--primary{background:#f24b46;border-color:#ff6762}.durationButton--primary span{color:#ffd9d7}.durationButton--primary:hover:not(:disabled){background:#ff5751;border-color:#ff7671}.notice{color:#ffd38b;background:#f4b64f12;border:1px solid #f4b64f35;border-radius:10px;margin:16px 0 0;padding:12px 14px;font-size:14px}.notice--error{color:#ffaaa6;background:#ff4d4712;border-color:#ff4d4735}.activity{margin-top:44px}.sectionHeading{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.sectionHeading span{color:#768195;font-size:13px}.emptyState{color:#727e91;text-align:center;border:1px dashed #29313e;border-radius:15px;padding:42px}.clipList{border-top:1px solid #222936;margin:0;padding:0;list-style:none}.clipList li{border-bottom:1px solid #222936;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 2px;display:flex}.clipDetails{flex:1;min-width:0}.clipList strong{font-size:15px}.clipList p{color:#7f8a9c;margin:6px 0 0;font-size:13px}.clipList .clipContext{color:#a7b1c0}.clipNameForm{max-width:560px;margin-top:14px}.clipNameForm label{color:#aeb7c5;margin-bottom:6px;font-size:12px;display:block}.clipNameControls{gap:8px;display:flex}.clipNameControls input{color:#f5f7fa;background:#11161e;border:1px solid #354052;border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 12px}.clipNameControls input:focus{border-color:#ff6762;box-shadow:0 0 0 3px #ff4d4722}.clipNameControls input:disabled{opacity:.65}.clipNameControls button{color:#fff;cursor:pointer;background:#f24b46;border:1px solid #ff6762;border-radius:10px;padding:10px 14px}.clipNameControls button:disabled{cursor:not-allowed;opacity:.48}.clipList .clipNameError{color:#ffaaa6}.clipStatus{color:#aeb7c5;text-transform:capitalize;background:#1b222d;border-radius:999px;padding:7px 10px;font-size:12px}.clipStatus--complete{color:#aaf0c8;background:#42d98714}.clipStatus--failed,.clipStatus--partial{color:#ffaaa6;background:#ff4d4714}.settingsBack{color:#aeb7c5;font-size:14px;text-decoration:none}.settingsBack:hover{color:#fff}.settingsMain{width:min(680px,100%);padding:64px 0}.settingsMain>h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,6vw,54px)}.settingsMain>p{color:#8f9aab;margin:14px 0 28px;line-height:1.6}.settingsCard{background:#11161e;border:1px solid #252d3a;border-radius:20px;padding:26px}.settingsState{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.settingsState h2{margin:0;font-size:20px}.settingsState p{color:#8f9aab;margin:7px 0 0}.stateBadge{color:#aaf0c8;white-space:nowrap;background:#42d98714;border-radius:999px;padding:7px 10px;font-size:12px}.stateBadge--warning{color:#ffd38b;background:#f4b64f14}.webhookForm{gap:9px;margin-top:28px;display:grid}.webhookForm label{color:#c4cbd5;font-size:13px}.webhookForm input{color:#f5f7fa;background:#0c1016;border:1px solid #354052;border-radius:10px;outline:none;width:100%;padding:12px 13px}.webhookForm input:focus{border-color:#ff6762;box-shadow:0 0 0 3px #ff4d4722}.webhookForm>p{color:#788396;margin:0 0 8px;font-size:12px}.webhookForm button{justify-self:start}.settingsActions{border-top:1px solid #252d3a;flex-wrap:wrap;gap:9px;margin-top:24px;padding-top:20px;display:flex}.settingsActions button,.primaryAction{color:#f4f6f9;cursor:pointer;background:#181e28;border:1px solid #354052;border-radius:10px;padding:10px 14px}.settingsActions button:disabled,.primaryAction:disabled{cursor:not-allowed;opacity:.48}.primaryAction{background:#f24b46;border-color:#ff6762}.settingsActions .dangerAction{color:#ffaaa6;margin-left:auto}.settingsMuted{color:#8f9aab;margin-top:48px}.settingsSuccess{color:#aaf0c8;margin:20px 0 0}.settingsError{color:#ffaaa6;margin:20px 0 0}.centeredMessage{color:#8f9aab;place-items:center;min-height:100vh;display:grid}.authShell{width:min(520px,100% - 32px);margin:0 auto;padding:54px 0}.authCard{background:#11161e;border:1px solid #252d3a;border-radius:22px;margin-top:min(15vh,120px);padding:clamp(24px,5vw,42px)}.authCard h1,.workspaceHero h1{letter-spacing:-.045em;margin:0}.authCard h1{font-size:clamp(32px,6vw,48px)}.authCard>p,.workspaceHero p,.workspaceCard>p{color:#8f9aab;line-height:1.6}.stackedForm{gap:16px;margin-top:28px;display:grid}.stackedForm label{color:#c4cbd5;gap:7px;font-size:13px;display:grid}.stackedForm input,.stackedForm select{color:#f5f7fa;background:#0c1016;border:1px solid #354052;border-radius:10px;outline:none;width:100%;padding:12px 13px}.stackedForm input:focus,.stackedForm select:focus{border-color:#ff6762;box-shadow:0 0 0 3px #ff4d4722}.stackedForm .primaryAction{justify-self:start}.workspaceName{color:#8f9aab;font-size:14px}.workspaceHero{max-width:720px;padding:68px 0 38px}.workspaceHero h1{font-size:clamp(38px,7vw,68px)}.workspaceHero p{max-width:640px;font-size:17px}.workspaceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.workspaceCard{background:#11161e;border:1px solid #252d3a;border-radius:20px;padding:26px}.workspaceCard h2,.memberList h2{margin:0 0 20px;font-size:20px}.deviceList,.memberList ul{margin:0;padding:0;list-style:none}.deviceList li,.memberList li{border-top:1px solid #252d3a;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.deviceList li:first-child,.memberList li:first-child{border-top:0;padding-top:0}.deviceList span,.memberList li>span:first-child{color:#788396;gap:4px;font-size:12px;display:grid}.deviceList strong,.memberList strong{color:#f5f7fa;font-size:14px}.deviceList a{color:#ffaaa6;font-size:13px;text-decoration:none}.workspaceCard>.primaryAction{margin-top:20px}.pairingCode{background:#0c1016;border:1px solid #354052;border-radius:12px;gap:8px;margin-top:18px;padding:18px;display:grid}.pairingCode strong{color:#fff;letter-spacing:.08em;font-size:24px}.pairingCode span{color:#8f9aab;font-size:13px}.memberList{margin-top:42px}.memberList li>span:last-child{color:#aeb7c5;text-transform:capitalize;background:#1b222d;border-radius:999px;padding:7px 10px;font-size:12px}@media (width<=760px){.shell{width:min(100% - 20px,960px)}.topbar{height:64px}.hero{padding:42px 4px 30px}.capturePanel{border-radius:18px;padding:18px}.durationGrid{grid-template-columns:repeat(3,1fr)}.workspaceGrid{grid-template-columns:1fr}}@media (width<=420px){.durationGrid{grid-template-columns:repeat(2,1fr)}.durationButton{min-height:78px}.clipNameControls{flex-direction:column;align-items:stretch}}