:root{--bg: #f4f5f4;--canvas: #ffffff;--surface: rgba(255, 255, 255, .72);--surface-solid: #ffffff;--line: rgba(0, 0, 0, .05);--line-strong: rgba(0, 0, 0, .1);--shadow-soft: 0 18px 54px rgba(15, 23, 42, .07);--shadow-control: 0 8px 24px rgba(15, 23, 42, .05);--text: #171717;--text-soft: #525252;--text-faint: #8a8a8a;--brand: #000000;--brand-soft: rgba(0, 0, 0, .04);--ok: #0f8a5f;--info: #4b6f8f;--warm: #a16207;--ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono-font: "JetBrains Mono", "Fira Code", "Geist Mono", "SFMono-Regular", Consolas, monospace;font-family:var(--ui-font);color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{min-width:0;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.app-shell{display:grid;grid-template-columns:48px minmax(0,1fr);height:100vh;min-height:0;color:var(--text);background:var(--bg);overflow:hidden}.login-shell{display:grid;grid-template-columns:minmax(0,64fr) minmax(440px,36fr);min-height:100vh;color:var(--text);background:linear-gradient(90deg,#fffdf7 0,#fffdf7 64%,#f8fafc 64%,#f8fafc);overflow:hidden}.login-hero{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:clamp(28px,4.8vw,64px) clamp(28px,5vw,72px);background:radial-gradient(circle at 84% 50%,rgba(245,158,11,.2),transparent 0 24%,transparent 42%),radial-gradient(circle at 72% 82%,rgba(56,189,248,.18),transparent 0 28%,transparent 46%),linear-gradient(180deg,#fff,#fffdf7 54%,#f5fbff);border-right:1px solid rgba(0,0,0,.04)}.login-hero:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.14;background-image:radial-gradient(circle at center,rgba(0,0,0,.14) .55px,transparent .7px);background-size:5px 5px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 44%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 44%,transparent 100%)}.login-hero-brand{position:relative;z-index:1;display:block}.mosi-logo-horizontal{display:block;width:clamp(128px,12vw,184px);max-width:100%;height:auto}.login-hero-copy{position:relative;z-index:1;max-width:620px;margin-top:clamp(130px,18vh,220px)}.login-hero-copy span{display:block;margin-bottom:22px;color:#1717177a;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.login-hero-copy h1{margin:0;color:#2a2a2a;font-size:clamp(40px,4.4vw,72px);font-weight:650;letter-spacing:0;line-height:1.34;white-space:pre-line}.login-hero-copy p{margin:28px 0 0;color:#1717178f;font-size:16px;line-height:1.8}.login-auth-pane{position:relative;display:grid;align-content:center;min-width:0;min-height:0;padding:clamp(28px,5.5vw,76px);background:radial-gradient(circle at 70% 18%,rgba(148,163,184,.14),transparent 0 24%,transparent 42%),linear-gradient(180deg,#fff,#fafafa 48%,#f5fbff)}.login-language{position:absolute;top:28px;right:28px}.auth-card{display:grid;width:min(520px,100%);gap:22px;margin:0 auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.auth-heading{display:grid;gap:10px;margin-bottom:10px}.auth-heading h2{margin:0;color:#2a2a2a;font-size:clamp(28px,2.4vw,42px);font-weight:650;letter-spacing:0;line-height:1.2}.auth-heading p{margin:0;color:#1717177a;font-size:13px;line-height:1.7}.auth-tabs{display:flex;align-items:center;gap:26px;height:42px;border-bottom:1px solid rgba(0,0,0,.08)}.auth-tabs button{position:relative;height:42px;padding:0;color:#1717178a;background:transparent;border:0;font-size:14px;font-weight:600}.auth-tabs button.active{color:#1f1f1f}.auth-tabs button.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:#1f1f1f}.phone-grid{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px}.verification-grid{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:end;gap:12px}.login-field{display:grid;gap:10px;min-width:0;color:#171717b3;font-size:12px;font-weight:600}.login-field input,.login-field textarea{width:100%;color:var(--text);background:#ffffffc2;border:1px solid rgba(0,0,0,.05);border-radius:12px;outline:none;box-shadow:inset 0 1px #ffffffb3}.login-field input{height:54px;padding:0 17px;font-size:14px}.login-field input::placeholder{color:#17171747}.login-field textarea{min-height:96px;padding:12px;resize:vertical;line-height:1.5;font-family:var(--mono-font);font-size:12px}.login-field input:focus,.login-field textarea:focus{border-color:#00000029;box-shadow:0 0 0 4px #00000009}.auth-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.send-code-button,.studio-login-button,.login-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;color:#1f1f1f;border:0;border-radius:12px;font-size:14px;font-weight:600;transition:background .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.send-code-button{height:54px;padding:0 16px;background:#0000000a}.studio-login-button{height:54px;width:100%;color:#fff;background:#1f1f1f}.login-submit-button{height:54px;width:100%;color:#fff;background:#333}.send-code-button:hover:not(:disabled),.studio-login-button:hover:not(:disabled),.login-submit-button:hover:not(:disabled){transform:translateY(-1px)}.send-code-button:hover:not(:disabled){background:#00000012}.studio-login-button:hover:not(:disabled),.login-submit-button:hover:not(:disabled){background:#1f1f1f}.send-code-button:disabled,.studio-login-button:disabled,.login-submit-button:disabled{opacity:.48}.auth-message,.debug-code{color:var(--text-soft);font-size:12px}.debug-code{font-family:var(--mono-font)}.auth-message{width:min(520px,100%);margin:12px auto 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.auth-message.error{color:#991b1b;background:#fef2f2}.auth-message.success{color:var(--ok);background:#0f8a5f14}.rail{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0;padding:12px 0;background:var(--bg);border-right:1px solid var(--line)}.rail-button{display:grid;width:32px;height:32px;place-items:center;color:var(--text-faint);background:transparent;border:1px solid transparent;border-radius:10px;transition:background .16s ease,border-color .16s ease,color .16s ease}.rail-button:hover,.rail-button.active{color:var(--text);background:var(--surface-solid);border-color:var(--line)}.rail-bottom{margin-top:auto}.workspace{display:grid;grid-template-rows:54px minmax(0,1fr) 30px;min-width:0;min-height:0;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:0 14px 0 18px;background:#f4f5f4eb;border-bottom:1px solid var(--line)}.brand-block,.top-controls,.toolbar-title,.response-actions,.run-state,.key-control,.metrics,.request-actions,.output-tab-list,.language-control{display:flex;align-items:center}.brand-block{gap:10px;min-width:180px}.brand-mark{display:grid;width:30px;height:30px;place-items:center;overflow:hidden;color:var(--text);background:var(--surface-solid);border:1px solid var(--line);border-radius:10px}.brand-mark img{display:block;width:24px;height:24px;object-fit:cover;object-position:50% 54%}.top-title{font-size:13px;font-weight:600;line-height:1.1}.status-line{display:flex;align-items:center;gap:7px;margin-top:4px;color:var(--text-faint);font-size:11px;line-height:1}.status-dot{width:6px;height:6px;background:var(--text-faint);border-radius:50%}.status-dot.active{background:var(--ok)}.top-controls{justify-content:flex-end;gap:8px;min-width:0}.model-picker{display:flex;align-items:center;gap:8px;color:var(--text-faint);font-size:11px}.select-button,.icon-text-button,.ghost-button,.small-icon-button,.run-button,.tab-button,.segmented-control button,.output-tab-list button,.language-control button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text-soft);background:var(--surface-solid);border:1px solid var(--line);border-radius:10px;box-shadow:none;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.select-button{min-width:236px;height:32px;padding:0 32px 0 11px;justify-content:space-between;color:var(--text);font-size:12px}select.select-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-wrap{position:relative;display:inline-flex;align-items:center;min-width:0}.select-chevron{position:absolute;right:10px;pointer-events:none;color:var(--text-faint)}.icon-text-button{height:32px;padding:0 11px;font-size:12px;font-weight:500}.icon-text-button.compact{height:28px;padding:0 10px}.select-button:hover,.icon-text-button:hover,.ghost-button:hover,.small-icon-button:hover,.output-tab-list button:hover{color:var(--text);background:#fbfbfb;border-color:var(--line-strong);box-shadow:var(--shadow-control)}.segmented-control{display:flex;align-items:center;height:32px;padding:2px;background:var(--brand-soft);border:1px solid var(--line);border-radius:999px}.language-control{height:32px;padding:2px;background:var(--brand-soft);border:1px solid var(--line);border-radius:999px}.language-control button{height:26px;min-width:42px;padding:0 9px;border:0;color:var(--text-faint);font-size:11px}.segmented-control button{height:26px;min-width:72px;padding:0 10px;border:0;color:var(--text-faint);font-size:11px;font-weight:500}.segmented-control button.active,.tab-button.active,.output-tab-list button.active,.language-control button.active{color:var(--text);background:var(--surface-solid)}.work-grid{display:grid;grid-template-columns:minmax(520px,40fr) minmax(560px,60fr);min-height:0;overflow:hidden;background:var(--bg)}.input-pane,.output-pane{min-width:0;min-height:0;overflow:hidden}.input-pane{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:14px;background:var(--bg);border-right:1px solid var(--line)}.output-pane{display:grid;grid-template-rows:minmax(0,1fr);padding:14px;background:var(--canvas)}.parameter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;min-width:0;min-height:0;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-soft)}.asr-task-panel{grid-template-columns:1fr;align-content:start;gap:12px}.asr-task-item{display:grid;gap:6px;min-width:0}.asr-task-item span{color:var(--text-faint);font-size:10px;font-weight:600;letter-spacing:.04em;line-height:1;text-transform:uppercase}.asr-task-item strong{min-width:0;overflow:hidden;color:var(--text);font-family:var(--mono-font);font-size:12px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.section-label{grid-column:1 / -1;margin-bottom:0;color:var(--text-faint);font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase}.slider-field{display:block;min-width:0;margin:0}.slider-row,.range-labels,.toggle-row,.text-option{display:flex;align-items:center;justify-content:space-between}.slider-row{gap:12px;color:var(--text);font-size:12px;font-weight:500}.slider-row strong{color:var(--info);font-size:12px;font-weight:500}input[type=range]{width:100%;height:20px;margin:6px 0 2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#00000014;border-radius:999px}input[type=range]::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brand);border:2px solid var(--canvas);border-radius:50%;box-shadow:0 3px 10px #0000002e}.range-labels{color:var(--text-faint);font-size:10px}.options-label{margin-top:2px}.toggle-row{position:relative;display:flex;min-width:0;height:26px;margin:0;color:var(--text);font-size:12px;font-weight:500}.toggle-row input{position:absolute;opacity:0}.toggle-row i{position:relative;width:34px;height:18px;background:#00000014;border:1px solid var(--line);border-radius:999px}.toggle-row i:after{position:absolute;top:2px;left:2px;width:12px;height:12px;content:"";background:var(--surface-solid);border-radius:50%;box-shadow:0 2px 6px #00000029;transition:transform .16s ease}.toggle-row input:checked+i{background:var(--brand)}.toggle-row input:checked+i:after{transform:translate(16px)}.text-option{align-items:flex-start;flex-direction:column;gap:6px;min-width:0;margin:0;color:var(--text);font-size:12px;font-weight:500}.text-option input{width:100%;height:30px;padding:0 10px;color:var(--text-soft);background:var(--surface-solid);border:1px solid var(--line);border-radius:10px;outline:none}.request-panel,.response-panel{display:grid;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.request-panel{grid-template-rows:auto minmax(0,1fr);background:var(--surface)}.response-panel{grid-template-rows:42px minmax(0,1fr);background:var(--canvas)}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;background:transparent;border-bottom:1px solid var(--line)}.tab-list,.token-tools{display:flex;align-items:center;gap:6px}.request-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tabs tokens" "actions actions";gap:8px;min-height:78px;padding:10px 12px}.request-toolbar .tab-list{grid-area:tabs;flex-wrap:wrap;min-width:0}.request-toolbar .token-tools{grid-area:tokens}.request-toolbar .request-actions{grid-area:actions}.tab-button{height:28px;padding:0 10px;border-color:transparent;color:var(--text-faint);background:transparent;font-size:12px;font-weight:500}.token-pill,.soft-pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;color:var(--info);background:#ffffffbd;border:1px solid var(--line);border-radius:999px;font-size:11px}.ghost-button{height:28px;padding:0 10px;font-size:12px;font-weight:500}.editor-surface{display:grid;grid-template-rows:minmax(82px,.34fr) minmax(130px,1fr) auto;gap:12px;min-height:0;padding:0 18px 18px;overflow:hidden}.editor-surface.asr-editor-surface{grid-template-rows:auto minmax(170px,1fr) auto}.diarize-audio-input{display:grid;gap:10px;min-width:0;padding:12px;background:#ffffffa3;border:1px solid var(--line);border-radius:14px}.diarize-audio-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.diarize-source-tabs{display:flex;align-items:center;gap:4px;min-width:0;padding:2px;background:var(--brand-soft);border:1px solid var(--line);border-radius:999px}.diarize-source-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:26px;min-width:96px;padding:0 10px;color:var(--text-faint);background:transparent;border:0;border-radius:999px;font-size:11px;font-weight:500}.diarize-source-tabs button.active{color:var(--text);background:var(--surface-solid)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);border:0}.diarize-file-drop{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:62px;padding:10px 12px;background:#ffffff8a;border:1px dashed var(--line-strong);border-radius:12px;transition:background .16s ease,border-color .16s ease}.diarize-file-drop.dragging{background:#4b6f8f14;border-color:#4b6f8f6b}.diarize-file-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 9px;min-width:0;color:var(--text-faint)}.diarize-file-copy svg{grid-row:1 / span 2;margin-top:2px}.diarize-file-copy strong{min-width:0;color:var(--text);font-size:12px;font-weight:600;line-height:1.2}.diarize-file-copy span,.diarize-file-meta,.diarize-file-error{min-width:0;font-size:11px;line-height:1.45}.diarize-file-copy span{color:var(--text-faint)}.diarize-file-meta{display:flex;align-items:center;gap:7px;color:var(--info)}.diarize-file-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diarize-file-error{color:#a11313}.diarize-file-selected{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:10px 12px;color:var(--text-faint);background:var(--surface-solid);border:1px solid var(--line);border-radius:12px;font-size:11px;font-weight:600}.diarize-file-selected strong{min-width:0;overflow:hidden;color:var(--text);font-family:var(--mono-font);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.diarize-audio-field{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:10px;min-width:0;color:var(--text-faint);font-size:11px;font-weight:600}.diarize-audio-field span{padding-top:10px}.diarize-audio-field input,.diarize-audio-field textarea{width:100%;min-width:0;color:var(--text);background:var(--surface-solid);border:1px solid var(--line);border-radius:12px;outline:none;font-family:var(--mono-font);font-size:12px}.diarize-audio-field input{height:36px;padding:0 12px}.diarize-audio-field textarea{height:74px;min-height:58px;padding:11px 12px;resize:vertical}.diarize-audio-field input:focus,.diarize-audio-field textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #00000008}.prompt-block{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;margin-bottom:0;transition:opacity .16s ease}.prompt-block.muted{opacity:.45}.prompt-block span,.mini-label{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--text-faint);font-size:10px;font-weight:600;letter-spacing:.04em;line-height:1;text-transform:uppercase}textarea,.curl-preview pre,.stream-output pre{width:100%;color:var(--text);background:var(--surface-solid);border:1px solid var(--line);border-radius:12px}textarea{height:100%;min-height:0;padding:14px;resize:none;outline:none;overflow:auto;line-height:1.5;font-size:13px}textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #00000008}.login-field textarea{height:auto;min-height:96px;resize:vertical;font-family:var(--mono-font);font-size:12px}.curl-preview{margin-bottom:0}.curl-preview pre{min-height:76px;margin:0;padding:13px;overflow:auto;white-space:pre-wrap;line-height:1.5;font-family:var(--mono-font);font-size:11px}.request-actions{flex-wrap:wrap;gap:8px;min-width:0}.key-control{flex:1;min-width:0;height:32px;gap:7px;padding:0 10px;color:var(--text-faint);background:var(--surface-solid);border:1px solid var(--line);border-radius:999px}.key-control input{min-width:0;width:100%;color:var(--text-soft);background:transparent;border:0;outline:none;font-size:12px}.small-icon-button{width:32px;height:32px;padding:0}.run-button{height:34px;min-width:96px;padding:0 18px;color:#fff;background:var(--brand);border-color:var(--brand);border-radius:999px;box-shadow:0 12px 30px #0003;font-size:12px;font-weight:500}.run-button:hover:not(:disabled){color:#fff;background:var(--brand);border-color:var(--brand);box-shadow:0 16px 38px #0000003d}.run-button:disabled{opacity:.72}.response-toolbar{display:grid;grid-template-columns:minmax(130px,auto) minmax(180px,1fr) auto;padding-right:12px}.toolbar-title{gap:8px;font-size:12px;font-weight:500}.output-tab-list{justify-content:center;gap:4px;min-width:0;padding:2px;background:var(--brand-soft);border:1px solid var(--line);border-radius:999px}.output-tab-list button{height:24px;padding:0 10px;border:0;font-size:11px;font-weight:500}.response-body{position:relative;min-height:0;overflow:auto;padding:18px;background:var(--canvas)}.stream-output{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:100%}.stream-output pre{min-height:0;margin:0;padding:15px;overflow:auto;white-space:pre-wrap;line-height:1.62;font-size:13px}.raw-output pre{color:var(--info);font-family:var(--mono-font)}.native-audio-output{overflow:hidden;background:var(--surface-solid);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-control)}.audio-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;padding:0 11px;color:var(--text-faint);border-bottom:1px solid var(--line);font-size:10px;font-family:var(--mono-font);font-weight:500;text-transform:uppercase}.native-audio-output audio{display:block;width:100%;height:36px;background:var(--surface-solid);color-scheme:light;filter:grayscale(1) contrast(1.04) brightness(1.02)}.native-audio-output audio::-webkit-media-controls-enclosure,.native-audio-output audio::-webkit-media-controls-panel{background-color:var(--surface-solid);border-radius:12px}.native-audio-output audio::-webkit-media-controls-current-time-display,.native-audio-output audio::-webkit-media-controls-time-remaining-display{color:var(--text-soft);text-shadow:none}.audio-placeholder{display:flex;align-items:center;height:36px;padding:0 11px;color:var(--text-faint);background:var(--surface-solid);font-size:11px}.empty-response{display:grid;min-height:100%;place-content:center;justify-items:center;gap:8px;color:var(--text-faint);text-align:center}.empty-response strong{color:var(--text-soft);font-size:13px;font-weight:500}.empty-response span:last-child{font-size:12px}.bottom-bar{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;min-width:0;height:30px;padding:0 12px;background:#ffffffb8;border-top:1px solid var(--line)}.run-state{gap:8px;color:var(--text-faint);font-size:11px}.state-marker{width:6px;height:6px;background:var(--text-faint);border-radius:50%}.state-marker.active{background:var(--ok)}.metrics{justify-content:flex-end;gap:14px;min-width:0;overflow:hidden;font-family:var(--mono-font)}.metric{display:inline-flex;align-items:baseline;gap:5px;min-width:0;white-space:nowrap}.metric strong{color:var(--text-soft);font-size:10px;font-weight:600}.metric-info strong{color:var(--info)}.metric-healthy strong{color:var(--ok)}.metric-warning strong{color:var(--warm)}.metric span{color:var(--text-faint);font-size:10px;font-weight:500;text-transform:uppercase}.api-keys-page{display:grid;align-content:start;gap:18px;min-width:0;min-height:0;padding:22px;overflow:auto;background:var(--canvas)}.api-keys-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-width:0;max-width:760px}.api-keys-header h2{margin:10px 0 8px;color:var(--text);font-size:24px;font-weight:650;letter-spacing:0;line-height:1.2}.api-keys-header p,.api-key-warning,.api-key-empty span,.created-key-meta span{margin:0;color:var(--text-faint);font-size:13px;line-height:1.7}.api-key-create-grid{display:grid;grid-template-columns:minmax(0,420px) auto;align-items:end;gap:10px;max-width:620px;min-width:0}.api-key-name-field{display:grid;gap:8px;min-width:0;margin:0;color:var(--text-soft);font-size:12px;font-weight:600}.api-key-name-field input{width:100%;height:42px;padding:0 13px;color:var(--text);background:var(--surface-solid);border:1px solid var(--line);border-radius:12px;outline:none}.api-key-name-field input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #00000008}.api-key-create-button{min-width:136px;height:42px}.api-key-warning{max-width:760px;padding:12px 14px;color:#6f5600;background:#fffbeb;border:1px solid rgba(161,98,7,.18);border-radius:12px}.api-key-list{display:grid;gap:12px;max-width:760px;min-width:0}.created-api-key-panel{display:grid;gap:12px;max-width:760px;padding:16px;background:var(--surface-solid);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-soft)}.created-key-meta,.created-key-row{display:flex;align-items:center;min-width:0}.created-key-meta{justify-content:space-between;gap:12px}.created-key-meta strong,.api-key-empty strong{color:var(--text);font-size:13px;font-weight:600}.created-key-row{gap:10px}.created-key-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.created-key-row code{flex:1;min-width:0;padding:12px;overflow:auto;color:var(--text);background:#f8fafc;border:1px solid var(--line);border-radius:12px;font-family:var(--mono-font);font-size:12px;white-space:nowrap}.created-key-actions .small-icon-button:disabled{opacity:.56}.api-key-empty{display:grid;gap:8px;max-width:760px;min-height:180px;place-content:center;justify-items:center;color:var(--text-faint);text-align:center;border:1px dashed var(--line-strong);border-radius:16px}.api-key-error{width:min(760px,100%);margin:0}.statistics-stack{display:grid;gap:22px;min-width:0}.statistics-section{display:grid;gap:12px;min-width:0}.statistics-section h3{margin:0;color:var(--text);font-size:14px;font-weight:750}.module-table-shell{display:grid;gap:10px;min-width:0}.usage-record-table{display:grid;max-width:1120px;min-width:0;overflow:auto;border:1px solid var(--line);border-radius:12px}.usage-record-row{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(180px,1.1fr) minmax(160px,1fr) 120px 180px;align-items:center;min-width:840px;min-height:48px;gap:12px;padding:10px 12px;background:var(--surface-solid);border-bottom:1px solid var(--line);color:var(--text-soft);font-size:12px}.usage-record-row:last-child{border-bottom:0}.usage-record-head{min-height:40px;color:var(--text-faint);background:#f8fafc;font-size:11px;font-weight:700;text-transform:uppercase}.usage-record-row code{min-width:0;overflow:hidden;color:var(--text);font-family:var(--mono-font);text-overflow:ellipsis;white-space:nowrap}.module-table-sort-button{display:inline-flex;align-items:center;max-width:100%;gap:6px;padding:0;color:inherit;background:transparent;border:0;font:inherit;font-weight:inherit;text-transform:inherit;cursor:pointer}.module-table-sort-button span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-table-sort-indicator{flex:0 0 auto;color:var(--text-faint);font-family:var(--mono-font);font-size:11px}.module-table-pagination{display:flex;align-items:center;justify-content:flex-start;max-width:1120px;min-height:34px;gap:12px;color:var(--text-faint);font-size:12px}.module-table-pagination label,.module-table-page-actions{display:inline-flex;align-items:center;gap:8px}.module-table-pagination select,.module-table-page-actions button{height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface-solid);color:var(--text-soft);font:inherit}.module-table-pagination select{min-width:72px;padding:0 8px}.module-table-page-actions button{min-width:64px;padding:0 10px;cursor:pointer}.module-table-page-actions button:disabled{cursor:not-allowed;opacity:.5}.credit-transaction-row{grid-template-columns:minmax(180px,1.1fr) minmax(170px,1fr) 130px 140px 110px 180px;min-width:900px}.usage-record-meta{margin:0;color:var(--text-faint);font-size:12px}@media(max-width:1120px){body{overflow:auto}.app-shell{grid-template-columns:42px minmax(0,1fr);height:auto;min-height:100vh}.workspace{height:auto;min-height:100vh}.topbar{align-items:flex-start;height:auto;min-height:74px;padding:12px}.top-controls{flex-wrap:wrap}.work-grid{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}.input-pane{border-right:1px solid var(--line);border-bottom:0}.output-pane{min-height:0}.bottom-bar{grid-template-columns:110px minmax(0,1fr)}.metrics{gap:8px}.login-shell{grid-template-columns:minmax(0,56fr) minmax(400px,44fr)}.login-hero,.login-auth-pane{padding:36px}.login-hero-copy{margin-top:clamp(96px,14vh,160px)}}@media(max-width:900px){.login-shell{grid-template-columns:1fr;min-height:100vh;overflow:auto;background:#fff}.login-hero{min-height:330px;border-right:0;border-bottom:1px solid rgba(0,0,0,.04)}.login-hero-copy{margin-top:72px}.login-auth-pane{align-content:start;min-height:auto;padding-top:78px}.login-language{top:24px;right:24px}}@media(max-width:520px){.app-shell{grid-template-columns:1fr}.rail{position:sticky;top:0;z-index:5;flex-direction:row;justify-content:center;height:42px;padding:0 8px;border-right:0;border-bottom:1px solid var(--line)}.rail-bottom{margin-top:0;margin-left:auto}.workspace{grid-template-rows:auto minmax(0,1fr) auto}.topbar{flex-direction:column;align-items:stretch}.login-shell{min-height:100vh}.login-language{width:max-content}.login-hero{min-height:280px;padding:24px 20px}.mosi-logo-horizontal{width:clamp(128px,42vw,156px)}.login-hero-copy{margin-top:62px}.login-hero-copy h1{font-size:34px;line-height:1.26}.login-hero-copy p{margin-top:16px;font-size:13px}.login-auth-pane{padding:76px 20px 28px}.auth-heading h2{font-size:27px}.phone-grid,.verification-grid{grid-template-columns:1fr}.send-code-button{width:100%}.auth-actions{align-items:stretch;flex-direction:column}.top-controls,.request-actions{justify-content:flex-start;flex-wrap:wrap}.segmented-control,.key-control,.run-button{width:100%}.segmented-control button{flex:1;min-width:0}.diarize-audio-header,.diarize-audio-field,.diarize-file-selected{grid-template-columns:1fr;align-items:stretch}.diarize-audio-header{flex-direction:column}.diarize-source-tabs,.diarize-source-tabs button{width:100%}.diarize-source-tabs button{min-width:0}.diarize-file-drop{grid-template-columns:1fr;align-items:stretch}.diarize-file-drop .ghost-button{width:100%}.diarize-audio-field span{padding-top:0}.work-grid{grid-template-columns:1fr}.input-pane{border-right:0;border-bottom:1px solid var(--line)}.output-pane{min-height:380px}.parameter-panel{grid-template-columns:1fr}.slider-field,.toggle-row,.text-option{width:100%;margin-right:0}.response-toolbar,.panel-toolbar{display:flex;align-items:flex-start;flex-direction:column;height:auto;padding:10px 12px}.tab-list,.output-tab-list{flex-wrap:wrap}.bottom-bar{grid-template-columns:1fr;height:auto;gap:6px;padding:8px 10px}.metrics{justify-content:flex-start;flex-wrap:wrap}.api-key-create-grid{grid-template-columns:1fr}.api-key-create-button{width:100%}}