:root{--ink:#12221b;--muted:#607068;--line:#dbe2dd;--paper:#f4f5f1;--card:#fff;--green:#156b47}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 10%, #dff36a3d, transparent 22rem), var(--paper);color:var(--ink);margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,textarea{font:inherit}button{cursor:pointer}main{width:min(1000px,100% - 40px);margin:0 auto;padding:56px 0}.hero{margin-bottom:24px}.model-state{align-items:center;gap:8px;display:flex}.status-dot{background:#1aa466;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #1aa4661f}.status-dot.amber{background:#d69824;box-shadow:0 0 0 4px #d6982421}.model-state.error .status-dot{background:#c94343;box-shadow:0 0 0 4px #c943431f}h1{letter-spacing:-.05em;margin:0;font-size:clamp(34px,5vw,52px);line-height:1.1}.translator{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #18302414}.translator-bar,.action-row{justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;display:flex}.translator-bar{border-bottom:1px solid var(--line)}.language-pair{align-items:center;gap:12px;font-size:13px;display:flex}.language-pair b{background:var(--paper);border-radius:8px;padding:7px 10px}.model-state{color:var(--muted);font-size:13px}.translation-grid{grid-template-columns:1fr 1fr;display:grid}.translation-pane{min-height:250px;padding:24px;position:relative}.translation-pane:first-child{border-right:1px solid var(--line)}.pane-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;font-size:12px;font-weight:700;display:block}textarea{resize:vertical;width:100%;min-height:150px;color:var(--ink);background:0 0;border:0;outline:0;font-size:26px;line-height:1.45}.results-pane{background:#fbfcf8;grid-template-columns:1fr 1fr;display:grid}.result-card{border-bottom:1px solid var(--line);min-width:0;min-height:125px;padding:22px}.result-card:nth-child(odd){border-right:1px solid var(--line)}.result-card:nth-last-child(-n+2){border-bottom:0}.placeholder-result,.translation-result{max-width:430px;margin:0;font-size:20px;line-height:1.55}.placeholder-result{color:#98a39d}.translation-result{overflow-wrap:anywhere;color:var(--ink);letter-spacing:-.02em;font-size:20px;font-weight:650}.error-result{color:#a73737;margin:0;font-size:14px;line-height:1.5}.action-row{border-top:1px solid var(--line);background:#fbfcf9}.primary-button{background:var(--ink);color:#fff;border:0;border-radius:12px;padding:14px 20px;font-weight:700}.primary-button:disabled{cursor:not-allowed;opacity:.45}.progress-track{background:#edf0ec;height:4px;overflow:hidden}.progress-track span{background:var(--green);height:100%;transition:width .18s;display:block}.notice{color:var(--green);margin:14px 4px 0;font-size:13px;line-height:1.5}.notice.error{color:#a73737}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #156b4733}@media (width<=720px){main{width:min(100% - 24px,1000px);padding-top:36px}.translation-grid{grid-template-columns:1fr}.translation-pane:first-child{border-right:0;border-bottom:1px solid var(--line)}.results-pane{grid-template-columns:1fr}.result-card,.result-card:nth-child(odd),.result-card:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.result-card:last-child{border-bottom:0}.action-row{align-items:stretch}.primary-button{width:100%}}