:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#ecf6ff 0%,#f8fbff 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.card{text-align:left;background:#fff;border:1px solid #d5dae4;border-radius:16px;width:min(680px,100%);padding:28px;box-shadow:0 18px 45px #1f32511f}.card h1{color:#202632;margin:0 0 10px;font-size:2rem}.subtitle{color:#5f6778;margin:0 0 20px}.form{gap:10px;display:grid}.form label{color:#1f2937;font-weight:600}.form input{box-sizing:border-box;border:1px solid #c6cfde;border-radius:10px;outline:none;width:100%;padding:12px;font-size:1rem}.form input:focus{border-color:#137dba;box-shadow:0 0 0 3px #137dba33}.input-row{gap:10px;display:flex}.input-row input{flex:1}.paste-button{color:#0f5f8f;cursor:pointer;background:#eef3f8;border:1px solid #c6cfde;border-radius:10px;margin-top:0;padding:12px 14px;font-size:.95rem;font-weight:600}.paste-button:disabled{opacity:.7;cursor:wait}.form button{color:#fff;cursor:pointer;background:#0f5f8f;border:none;border-radius:10px;margin-top:8px;padding:12px 16px;font-size:1rem;font-weight:600}.form button:disabled{opacity:.7;cursor:wait}.status{margin:14px 0 0;font-weight:500}.break-all,.break-all a{word-break:break-all;overflow-wrap:break-word}.status.idle{color:#586273}.status.loading{color:#0f5f8f}.status.success{color:#117a3e}.status.error{color:#b42318}.progress-section{gap:8px;margin-top:16px;display:grid}.progress-row{color:#344054;justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.progress-track{background:#e8edf6;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0f5f8f,#25a3d8);width:0;height:100%;transition:width .25s}.progress-fill.browser{background:linear-gradient(90deg,#0f766e,#2cb67d)}@media (width<=640px){.card{padding:20px}.card h1{font-size:1.6rem}.input-row{flex-direction:column}}