:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#11151b;color:#f0f3fa}
*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:32px 18px}
main{max-width:860px;margin:auto}h1{font-size:clamp(1.8rem,5vw,2.7rem);margin:.2em 0}
p{color:#aeb9ca;line-height:1.5}.card{background:#1b222d;border:1px solid #344153;border-radius:18px;padding:24px;margin-top:22px}
label{display:block;font-weight:700;margin-bottom:8px}textarea,select,button{font:inherit}
textarea,select{width:100%;background:#111820;color:#f5f7fa;border:1px solid #52647b;border-radius:10px;padding:12px}
textarea{min-height:160px;resize:vertical}select{max-width:280px}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin-top:18px}
button{background:#6e8cff;color:#071026;font-weight:750;border:0;border-radius:10px;padding:13px 28px;cursor:pointer}
button:disabled{opacity:.55;cursor:wait}#status{min-height:1.5em;margin-top:15px}#status.error{color:#ff9ca9}
#progress-area{margin-top:20px}#progress-bar{display:block;width:100%;height:24px;accent-color:#6e8cff}
#progress-detail{margin:8px 0}#save-folder,#saved-files{overflow-wrap:anywhere}
[hidden]{display:none!important}#result{overflow:visible}#result img{display:block;width:auto;height:auto;max-width:100%;max-height:80dvh;object-fit:contain;object-position:center;border-radius:10px;margin:16px auto}
@media(max-width:600px){body{padding:14px 8px}.card{padding:14px;border-radius:12px}#result img{max-height:72dvh}}
a{color:#a6b9ff}small{color:#9bacbd}