body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;background:#0b0c10;color:#e6e6e6}
.wrap{max-width:1200px;margin:24px auto;padding:0 16px}
h1{font-size:22px;margin:0 0 16px}
h2{font-size:16px;margin:0 0 10px}
.card{background:#14161c;border:1px solid #232633;border-radius:14px;padding:14px;margin-bottom:14px}
.row{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;margin-bottom:10px}
textarea,select,input{width:100%;padding:10px;border-radius:10px;border:1px solid #2a2f40;background:#0f1117;color:#e6e6e6}
button{padding:10px 14px;border-radius:12px;border:1px solid #2a2f40;background:#1f2330;color:#e6e6e6;cursor:pointer}
button[disabled]{opacity:.5;cursor:default}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
pre{white-space:pre-wrap;word-wrap:break-word;margin:0;min-height:170px}
#answerFast{min-height:120px}
#answerFull{min-height:120px}
.muted{opacity:.75}
.small{font-size:13px}
.hint{margin:8px 0 0;font-size:13px}
.buttons{grid-template-columns:160px 1fr}
.subhead{margin:8px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.switch{position:relative;display:inline-block;width:44px;height:24px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#2a2f40;transition:.2s;border-radius:24px}
.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#e6e6e6;transition:.2s;border-radius:50%}
input:checked + .slider{background:#3b82f6}
input:checked + .slider:before{transform:translateX(20px)}