:root{color:#192227;font-synthesis:none;background:#f4f3ef;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh}.topbar{color:#fff;background:#102a2a;border-bottom:1px solid #1e4543;align-items:center;gap:12px;height:64px;padding:0 max(24px,50vw - 590px);display:flex}.brand-mark{color:#102a2a;background:#ddff76;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.topbar>div:nth-child(2){flex-direction:column;gap:2px;display:flex}.topbar span{color:#b9cfca;font-size:12px}.mode-badge{letter-spacing:.08em;border-radius:99px;margin-left:auto;padding:5px 9px;font-weight:800}.mode-badge.mock{color:#ffe083;background:#473b19}.mode-badge.api{color:#80e4bb;background:#183f35}.logout-button{color:#c7d9d5;background:0 0;border:1px solid #41615d;padding:7px 10px;font-size:12px}.auth-loading{color:#6b7774;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.auth-loading>span{color:#102a2a;background:#ddff76;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.auth-failed{flex-direction:column}.login-page{background:#f7f6f2;grid-template-columns:1.12fr .88fr;width:100%;min-height:100vh;margin:0;padding:0;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 20% 20%,#265e55,#0000 38%),linear-gradient(145deg,#0c2525 10%,#123632 65%,#174a41);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(34px,6vw,84px);display:flex}.login-brand{align-items:center;gap:11px;font-weight:800;display:flex}.login-brand span{color:#102a2a;background:#ddff76;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.login-story h1{max-width:720px;font-size:clamp(42px,5vw,72px)}.login-story>div:nth-child(2)>p:last-child{color:#b9d0cb;max-width:590px;font-size:17px;line-height:1.7}.login-story small{color:#799e96;letter-spacing:.08em}.login-panel{place-items:center;padding:32px;display:grid}.login-form{background:#fff;border:1px solid #deddd7;border-radius:20px;width:min(420px,100%);padding:38px;box-shadow:0 20px 60px #112c2a17}.login-symbol{color:#ddff76;background:#172f2d;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:28px;font-size:19px;font-weight:900;display:grid}.login-form h2{letter-spacing:-.04em;margin:0;font-size:30px}.login-help{color:#74807d;margin:8px 0 26px}.sso-domain{background:#f7f7f4;border:1px solid #e4e4df;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:13px 14px;display:flex}.sso-domain span{color:#78827f;font-size:12px}.sso-domain strong{color:#244b44;font-size:13px}.sso-button{background:#176f61;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 16px;display:flex}.google-mark{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font-family:Arial,sans-serif;font-weight:900;display:grid}.login-error{color:#9b3f28;background:#fff0e9;border-radius:9px;margin-bottom:14px;padding:11px 12px;font-size:13px;line-height:1.45}.security-note{color:#89928f;text-align:center;margin:17px 0 0;font-size:11px;line-height:1.55}.mock-note{color:#866d22;text-align:center;margin:11px 0 0;font-size:11px}main{width:min(1180px,100% - 40px);margin:0 auto;padding:60px 0 80px}.hero{grid-template-columns:1.45fr .7fr;align-items:end;gap:70px;margin-bottom:42px;display:grid}.eyebrow{color:#237c6c;letter-spacing:.16em;margin:0 0 13px;font-size:12px;font-weight:800}h1{letter-spacing:-.045em;max-width:740px;margin:0;font-size:clamp(36px,5vw,62px);line-height:1.07}.hero-copy{color:#637070;max-width:670px;font-size:16px;line-height:1.65}.project-picker{background:#e7e5de;border:1px solid #d4d2ca;border-radius:14px;padding:20px}.project-picker label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.project-picker>div{gap:8px;display:flex}.project-picker input{background:#fff;border:1px solid #c8c7c0;border-radius:8px;flex:1;min-width:0;padding:10px 12px}.project-picker small{color:#6b7472;margin-top:9px;display:block}.workflow{gap:16px;display:grid}.step-card{background:#fff;border:1px solid #deddd7;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #1a2b2a0b}.step-header{border-bottom:1px solid #ecebe6;grid-template-columns:42px 1fr auto;align-items:start;gap:14px;padding:22px 24px;display:grid}.step-number{color:#1b675b;background:#e8f5f1;border:1px solid #afd4cc;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.step-header h2{letter-spacing:-.02em;margin:0 0 5px;font-size:17px}.step-header p{color:#71807d;margin:0;font-size:13px}.step-body{padding:20px 24px 24px}.step-action{align-self:center}.target-lang,.selection-count{color:#44605b;background:#edf1ef;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:800}.baseline-row{text-align:left;background:#fafaf8;border:1px solid #e3e2dd;border-radius:11px;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:16px;width:100%;margin-bottom:8px;padding:14px 16px;display:grid}.baseline-row:not(:disabled):hover,.baseline-row.selected{background:#f0faf7;border-color:#57a798}.baseline-row span:not(.status){flex-direction:column;gap:4px;display:flex}.baseline-row small,.run-card small{color:#7a8582;font-size:11px}.status{border-radius:99px;padding:6px 9px;font-size:11px;font-weight:800}.status.ok{color:#176d57;background:#dff5ec}.status.blocked{color:#98512e;background:#f8e9df}textarea{resize:vertical;color:#dff4ee;background:#172321;border:1px solid #d3d5d0;border-radius:11px;outline:none;width:100%;min-height:230px;padding:16px;font:13px/1.65 SFMono-Regular,Consolas,monospace}textarea:focus{border-color:#4eac9b;box-shadow:0 0 0 3px #4eac9b24}.editor-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.editor-actions>span{flex-wrap:wrap;flex:1;gap:8px;display:flex}button{color:#fff;background:#176f61;border:0;border-radius:8px;padding:10px 15px;font-weight:750}button.secondary{color:#36504b;background:#e8ecea}em{font-size:12px;font-style:normal}.success{color:#13745a}.error{color:#ad482c}.empty{color:#78827f}.run-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.run-card{cursor:pointer;background:#fafaf8;border:1px solid #e3e2dd;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.run-card.selected{background:#f0faf7;border-color:#57a798}.run-card>span:not(.run-metric){flex-direction:column;gap:4px;min-width:0;display:flex}.run-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.run-metric{text-align:right;font-size:16px;font-weight:800}.run-metric small{font-weight:500;display:block}.comparison-placeholder{background:#fafaf8;border:1px dashed #bbbdb7;border-radius:12px;justify-content:center;align-items:center;gap:30px;min-height:180px;padding:28px;display:flex}.comparison-placeholder p{color:#72807d;max-width:590px;line-height:1.5}.placeholder-chart{border-bottom:1px solid #b8c5c1;border-left:1px solid #b8c5c1;align-items:end;gap:8px;width:120px;height:90px;padding:10px;display:flex}.placeholder-chart span{background:#67ad9f;border-radius:3px 3px 0 0;flex:1}footer{color:#a9c1bc;background:#102a2a;justify-content:space-between;padding:22px max(24px,50vw - 590px);font-size:12px;display:flex}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-story{min-height:320px;padding:32px 24px}.login-story h1{font-size:40px}.login-story small{display:none}.login-panel{padding:28px 16px 52px}.login-form{padding:28px 22px}main{width:min(100% - 24px,1180px);padding-top:36px}.hero{grid-template-columns:1fr;gap:20px}.step-header{grid-template-columns:42px 1fr}.step-action{grid-column:2}.baseline-row{grid-template-columns:1fr auto}.baseline-row>span:nth-child(2){display:none}.run-grid{grid-template-columns:1fr}.editor-actions{flex-wrap:wrap}.editor-actions>span{flex-basis:100%}.comparison-placeholder{text-align:center;flex-direction:column}footer{flex-direction:column;gap:12px}}