:root{color:#152032;background:#f5f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#ffffffdb,#f5f7f6f5 42%),#f5f7f6;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#152032;cursor:pointer;background:#fff;border:1px solid #c7d2dc;border-radius:8px;min-height:46px;font-weight:800}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}button:hover:not(:disabled){border-color:#5a7289}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:34px 0}.checking-shell{max-width:760px}.hero-panel,.login-panel{background:#fff;border:1px solid #d8e0e7;border-radius:8px;overflow:hidden;box-shadow:0 22px 54px #1f2f411f}.hero-surface{color:#fff;background:linear-gradient(135deg,#0e1d31fa,#165a65f0 58%,#268458f0),#102039;min-height:260px;padding:30px 34px 36px}.hero-topline{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.brand-lockup,.login-brand{align-items:center;gap:12px;font-size:1.4rem;font-weight:900;display:inline-flex}.brand-mark{color:#12304a;background:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-size:.95rem;font-weight:900;display:inline-grid;box-shadow:0 10px 30px #00000029}.hero-tools{justify-content:flex-end;display:flex}.hero-copy{max-width:700px;margin-top:58px}.hero-copy h1,.login-panel h1{letter-spacing:0;margin:0;font-size:clamp(2.5rem,6vw,4.65rem);line-height:.98}.login-panel>p{color:#ffffffd1;max-width:680px;margin:18px 0 0;font-size:1.14rem;font-weight:650}.control-panel{width:min(980px, calc(100%-56px));background:#fffffff5;border:1px solid #dbe3ea;border-radius:8px;margin:0 auto;padding:24px;box-shadow:0 18px 42px #1f2f4124}.controls-grid{grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);align-items:end;gap:18px;margin-top:18px;display:grid}.controls-grid-volcengine{grid-template-columns:minmax(0,1fr) minmax(230px,300px)}.field-group{gap:8px;display:grid}.url-field{min-width:0}.controls-grid-volcengine .url-field,.source-field{grid-column:1/2}.field-label{color:#304358;font-size:.88rem;font-weight:900}input,select{color:#152032;background:#fff;border:1px solid #c4d1dc;border-radius:8px;width:100%;min-height:54px;padding:0 16px;box-shadow:inset 0 1px #10203905}input::placeholder{color:#8a98a7}input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:3px solid #1d7a5a38}.segmented-control{background:#eef3f7;border:1px solid #d8e1e8;border-radius:8px;grid-template-columns:1fr 1fr;padding:5px;display:grid;overflow:hidden}.segmented-control button{color:#43566c;background:0 0;border:0;border-radius:8px;min-height:48px}.segmented-control button[aria-pressed=true]{color:#152032;background:#fff;box-shadow:0 10px 26px #1f2f411f}.button-row{flex-wrap:wrap;gap:14px;display:flex}.action-row{grid-template-columns:minmax(220px,1fr) minmax(180px,260px);margin-top:22px;display:grid}.button-row button{padding:0 20px}.session-tools{color:#ffffffd1;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-weight:900;display:flex}.session-tools button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border-color:#ffffff5c;min-height:42px;padding:0 14px}.primary-button{color:#fff;background:#21855f;border-color:#21855f;box-shadow:0 12px 26px #21855f38}.primary-button:hover:not(:disabled){background:#166746;border-color:#166746}.secondary-button{color:#405266;background:#f7fafc}.status-pill{color:#fff;background:#ffffff24;border:1px solid #ffffff42;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:900;display:inline-flex}.control-panel .status-pill,.login-panel .status-pill{color:#344456;background:#f7fafc;border-color:#c9d5df}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-pill-active{color:#eafff4;background:#26845833;border-color:#94dbb59e}.status-pill-error{color:#ffe4de;background:#a438262e;border-color:#f4b2a1b8}.error-message{color:#a43826;margin:18px 0 0;font-weight:900}.audio-hint,.capture-guide{color:#405266;background:#f3fbf7;border:1px solid #d6e5df;border-radius:8px;margin-top:22px}.audio-hint{padding:18px 20px 18px 58px;font-weight:750;position:relative}.audio-hint:before{content:"";background:#ccefe1;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.capture-guide{justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.capture-guide-title{color:#146945;margin:0;font-weight:900}.capture-guide p{margin:8px 0 0}.open-stream-link{color:#fff;white-space:nowrap;background:#21855f;border-radius:8px;flex:none;justify-content:center;align-items:center;min-height:42px;padding:0 15px;font-weight:900;text-decoration:none;display:inline-flex}.open-stream-link:hover{background:#166746}.login-shell{align-items:center;max-width:520px;min-height:100vh;display:grid}.login-panel{padding:32px}.login-brand{color:#152032}.login-panel .brand-mark{color:#fff;background:#12304a}.login-panel h1{margin-top:44px;font-size:clamp(2.3rem,5vw,3.6rem)}.login-panel>p{color:#5b6b7d}.login-form{gap:16px;margin-top:26px;display:grid}.login-form .primary-button{margin-top:4px}@media (width<=760px){.app-shell{width:min(100% - 20px,1120px);padding:16px 0}.hero-surface{min-height:290px;padding:22px 20px 58px}.hero-topline,.session-tools{align-items:flex-start}.hero-topline{display:grid}.hero-tools,.session-tools{justify-content:flex-start}.brand-lockup,.login-brand{font-size:1.25rem}.brand-mark{width:38px;height:38px}.hero-copy{margin-top:34px}.hero-copy h1{font-size:3rem}.control-panel{width:calc(100% - 2px);margin-top:0;padding:18px}.controls-grid,.controls-grid-volcengine,.action-row{grid-template-columns:1fr}.controls-grid-volcengine .url-field,.source-field{grid-column:auto}.button-row{display:grid}.status-pill{justify-self:start}.capture-guide{display:grid}.open-stream-link{width:100%}.login-shell{align-items:start}.login-panel{padding:24px}}