:root{font-family:Arial,Tahoma,sans-serif;color:#f2f3f5;background:#121417}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:960px;margin:0 auto;padding:24px}h1{font-size:28px;margin:0 0 8px}header p{color:#aeb4bd;margin:0 0 28px}.field{display:grid;grid-template-columns:125px 1fr;gap:10px;align-items:center;margin:14px 0}.field small{grid-column:2;color:#aeb4bd}input{background:#1b1f24;border:1px solid #323842;border-radius:7px;padding:9px;color:#f7f7f7;width:100%}input::file-selector-button,button,nav a{background:#242a31;border:1px solid #39414c;border-radius:7px;padding:10px 14px;color:#f2f3f5;cursor:pointer;text-decoration:none;font:inherit}button:hover,nav a:hover{background:#2c333c}button:disabled{color:#737a84;background:#191d22;cursor:default}.actions,nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}#generate{background:#315b99;border-color:#4f8cff}progress{width:100%;height:24px;accent-color:#4f8cff}#status{color:#cbd2db;min-height:22px}section{border:1px solid #323842;border-radius:8px;padding:14px;margin-top:15px}.heading{display:flex;align-items:center;justify-content:space-between}.heading h2{font-size:16px;margin:0}pre{direction:ltr;text-align:left;white-space:pre-wrap;overflow:auto;height:250px;background:#1b1f24;border:1px solid #323842;border-radius:7px;padding:12px;color:#d9e2ef}@media(max-width:620px){.field{grid-template-columns:1fr}.field small{grid-column:1}.actions>*{flex:1}main{padding:16px}}
.file-control{display:flex;align-items:center;gap:12px;direction:ltr;min-width:0;min-height:56px;padding:7px;background:#1b1f24;border:1px solid #323842;border-radius:7px}
.file-input{position:absolute;width:1px;height:1px;padding:0;opacity:0;pointer-events:none}
.file-button{flex:none;background:#242a31;border:1px solid #39414c;border-radius:7px;padding:9px 14px;cursor:pointer;direction:rtl}
.file-button:hover{background:#2c333c}.file-input:focus-visible+.file-button{outline:2px solid #4f8cff}
.file-control:has(.file-input:disabled) .file-button{color:#737a84;background:#191d22;cursor:default}
.file-name{direction:rtl;text-align:right;color:#aeb4bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}