:root{font-family:Segoe UI,Arial,sans-serif;color:#203447;background:#f4f7f8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:clip}header{height:64px;display:flex;align-items:center;padding:0 22px;background:#15263c;color:white;gap:28px}.brand{color:#8dd9d4;font:italic bold 32px Georgia;text-decoration:none;display:flex;align-items:center;gap:8px}.brand span{font:600 19px Segoe UI;color:white}.brand small{font:10px Segoe UI;color:#b5c7d7;margin-left:8px;letter-spacing:1px}#filename{font-size:13px;color:#c4d1df;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.actions{display:flex;gap:8px}button{border:1px solid #d3dfe5;border-radius:5px;background:white;padding:9px 13px;cursor:pointer;color:#203447;font:500 13px Segoe UI}header button{color:#dae7ef;background:#263b51;border-color:#3b5268}button.primary{background:#1a8789;border-color:#1a8789;color:#fff}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #36b9bf;outline-offset:3px}#screen{position:absolute;top:64px;bottom:28px;left:0;right:0}#loading{position:absolute;inset:64px 0 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#f4f7f8;padding:30px;gap:8px}#loading[hidden]{display:none}h1{font-size:24px;font-weight:500;margin:12px 0}#loading p{max-width:750px;white-space:pre-wrap}#loading small{color:#6c7e8b;max-width:560px;line-height:1.6}#loading a{font-size:13px;color:#137b80;margin-top:20px}.spinner{width:36px;height:36px;border:3px solid #d5e6e8;border-top-color:#16878a;border-radius:50%;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{position:absolute;bottom:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid #dbe3e9;font-size:11px;color:#71818f;background:#fff}#status{color:#157c80}#file-panel{position:absolute;right:16px;top:74px;width:440px;max-height:75vh;overflow:auto;background:white;border:1px solid #d6e2e9;box-shadow:0 12px 50px #1234;padding:20px;border-radius:9px;z-index:10000}#file-panel>div:first-child{display:flex;justify-content:space-between;align-items:center}#file-panel h2{font-size:18px;margin:0}#file-panel p{font-size:13px;line-height:1.5;color:#71818f}#file-list{display:grid;gap:7px}#file-list button{text-align:left;overflow-wrap:anywhere}@media(max-width:1000px){.brand small{display:none}header{gap:12px;padding:0 12px}.actions{gap:5px}button{padding:9px}footer span:last-child{display:none}}
#file-panel{width:min(520px,calc(100vw - 32px))}#file-panel h3{font-size:14px;margin:18px 0 9px}#prepared-section{border-bottom:1px solid #e1e9ed;padding-bottom:16px}#prepared-section[hidden]{display:none}#prepared-downloads{display:grid;gap:10px}.prepared-file{padding:12px;border:1px solid #d9e6e9;border-radius:6px;background:#f5fafb;display:grid;gap:7px}.prepared-file strong,.prepared-file small{overflow-wrap:anywhere}.prepared-file strong{font-size:13px}.prepared-file small{font-size:12px;color:#637784}.prepared-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.download-link{display:inline-block;background:#147f83;border:1px solid #147f83;border-radius:5px;padding:9px 13px;color:white;text-decoration:none;font-size:13px;overflow-wrap:anywhere}.prepared-actions button{background:white}.brand{flex-shrink:0}
#tape-dialog{width:min(1104px,calc(100vw - 32px));height:calc(100vh - 32px);max-width:none;max-height:none;padding:0;border:1px solid #bdcdd7;border-radius:10px;overflow:hidden;background:#f4f7f8}#tape-dialog::backdrop{background:#0c203e9e}.tape-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #cedbe3;background:#15263c;color:white}.tape-heading h2{font-size:16px;font-weight:500;margin:0}#tape-frame{display:block;width:100%;height:calc(100% - 48px);border:0}