@import url('https://fonts.googleapis.com/css2?family=Padauk:wght@400;700&family=Noto+Sans+Myanmar:wght@400;700&display=swap');

*{box-sizing:border-box}
:root{color-scheme:dark;font-family:'Padauk','Noto Sans Myanmar',Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body{margin:0;background:#0b1220;color:#e5edf8;line-height:1.55}
.container{width:min(920px,calc(100% - 28px));margin:38px auto}
header{text-align:center;margin-bottom:28px}
.eyebrow{font-size:11px;letter-spacing:2px;color:#7db5ff;font-weight:800}
h1{font-size:clamp(30px,5vw,44px);margin:8px 0;color:#f8fbff}
header p,.muted{color:#9aaac0}
.panel{background:#131f32;border:1px solid #293a52;border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 12px 35px #0002}
h2{font-size:18px;margin:0 0 14px}
.file-picker{display:flex;align-items:center;gap:14px;padding:18px;border:1px dashed #52739d;border-radius:12px;background:#0e192a;cursor:pointer}
.file-picker:hover{border-color:#80b9ff}
.file-picker small{display:block;color:#91a5bf;margin-top:3px}
.file-icon{font-size:27px;color:#82baff}
#fileName{font-size:13px;margin:10px 2px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}
button{border:0;border-radius:9px;padding:12px 17px;background:#2878e5;color:white;font-weight:700;cursor:pointer;font-family:inherit}
button:hover:not(:disabled){filter:brightness(1.12)}
button:disabled{opacity:.42;cursor:not-allowed}
button.secondary{background:#31445f}
.status{font-size:13px;color:#b8c9df;min-height:22px}
.progress-track{height:6px;background:#26364d;border-radius:9px;overflow:hidden;margin-top:8px}
#progressBar{height:100%;width:0;background:#54a0ff;transition:width .2s}
.preview-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.preview-heading p{margin:0 0 12px;font-size:13px}
.count{font-size:12px;color:#a9cfff;background:#203650;padding:5px 9px;border-radius:20px;white-space:nowrap}
.preview.empty{color:#8193ab;text-align:center;padding:30px 10px}
.subtitle{border:1px solid #2c405b;background:#0e192a;border-radius:11px;padding:14px;margin:12px 0}
.subtitle-meta{font-size:12px;color:#8dbdff;font-weight:700;margin-bottom:8px;overflow-wrap:anywhere}
.subtitle textarea{width:100%;min-height:66px;resize:vertical;background:#111f33;color:#f2f6fc;border:1px solid #3a506d;border-radius:8px;padding:11px;font-family:'Padauk','Noto Sans Myanmar',sans-serif;font-size:15px;line-height:1.8}
.subtitle textarea:focus{outline:2px solid #438eea;border-color:transparent}
footer{text-align:center;color:#74869f;font-size:12px;padding:12px}
@media(max-width:560px){.container{margin:22px auto}.panel{padding:16px}.preview-heading{display:block}}