*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f4f7fb;color:#172033}
body{padding:20px}
.wrap{width:min(900px,100%);margin:0 auto}
.card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(20,40,80,.07)}
h1{font-size:23px;margin:0 0 7px}
.sub{margin:0 0 22px;color:#68758a}
.grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:12px}
label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}
select,input{width:100%;height:44px;border:1px solid #d6dde8;border-radius:10px;background:#fff;padding:0 12px;font-size:15px;color:#172033}
.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
button{height:42px;border:0;border-radius:10px;padding:0 17px;background:#1677ff;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
button.secondary{background:#edf2f8;color:#243247}
button:disabled{opacity:.55;cursor:not-allowed}
.status{margin-top:16px;padding:11px 13px;border-radius:10px;background:#f5f7fa;color:#526176;font-size:14px}
.stats{margin:14px 0 8px;color:#5e6b7f;font-size:14px}
textarea{display:block;width:100%;height:360px;resize:vertical;border:1px solid #d6dde8;border-radius:12px;padding:13px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#fbfcfe;color:#152033}
.note{font-size:12px;line-height:1.6;color:#7a8798;margin:13px 2px 0}
@media(max-width:680px){body{padding:10px}.card{padding:16px;border-radius:14px}.grid{grid-template-columns:1fr}h1{font-size:20px}.buttons button{flex:1 1 calc(50% - 10px)}textarea{height:300px}}