:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#172d3d;background:#f2f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:930px;margin:auto;padding:52px 24px}header{margin-bottom:30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#397269}h1{font-size:clamp(28px,5vw,42px);letter-spacing:-1px;margin:14px 0}p{line-height:1.6}header p,footer,#hint{color:#526572}.panel{background:white;border:1px solid #d9e2e7;border-radius:18px;padding:28px;box-shadow:0 12px 32px #17394a08}nav{display:flex;gap:8px;border-bottom:1px solid #e0e7eb;padding-bottom:20px;margin-bottom:22px}button,select,.download{font:inherit;border:1px solid #bdccd4;border-radius:8px;background:white;padding:10px 16px;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:hover:not(:disabled){background:#edf5f2}button[aria-pressed=true],.primary,.download{background:#176b5c;color:white;border-color:#176b5c}button:disabled{opacity:.45;cursor:default}.controls{display:flex;gap:20px;flex-wrap:wrap}label{display:grid;gap:7px;font-size:14px;font-weight:600}select{min-width:220px}.drop{border:2px dashed #b8cbc7;border-radius:12px;background:#f5faf8;display:flex;align-items:center;flex-direction:column;gap:12px;padding:28px}.drop.over{background:#dcefe8;border-color:#176b5c}.drop span{font-size:14px;color:#526572}ol{padding:0;list-style:none}li{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #edf0f2}li .name{flex:1;min-width:0;overflow-wrap:anywhere}li small{display:block;color:#617480;margin-top:4px}li button{padding:6px 10px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.download{text-decoration:none}progress{width:100%;height:9px;accent-color:#176b5c;margin-top:24px}#status{margin-bottom:0;font-size:14px}#error{background:#fff0ed;border:1px solid #e7b8ad;color:#962f21;padding:12px;border-radius:8px;overflow-wrap:anywhere}footer{font-size:12px;line-height:1.8;margin-top:22px}[hidden]{display:none!important}:focus-visible{outline:3px solid #d59429;outline-offset:3px}@media(max-width:550px){main{padding:28px 14px}.panel{padding:18px}li{flex-wrap:wrap}li .name{flex-basis:100%}}
/* V1 file workspace */
.list-header{display:flex;align-items:center;justify-content:space-between;margin:24px 0 6px;gap:12px}.list-header h2{font-size:14px;font-weight:650;margin:0}.list-header button{font-size:13px;border:0;color:#176b5c;background:#edf6f2}.drop-icon{font-size:30px!important;color:#176b5c!important}.drop{min-height:220px;justify-content:center}.small{font-size:12px;color:#637581}.panel.over{box-shadow:0 0 0 3px #32917c}.sequence{font-size:12px;color:#75858e;min-width:20px;text-align:center}.badge{font-size:10px;font-weight:750;letter-spacing:.5px;color:#397269;background:#eaf3ef;border-radius:5px;padding:6px;min-width:43px;text-align:center}li{gap:10px;min-width:0}li .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px}li .size{font-size:12px;color:#6b7d88;white-space:nowrap}li .grip{cursor:grab;border:0;color:#75858e;background:transparent;font-size:22px;padding:6px;touch-action:none}li .grip:active{cursor:grabbing}li .remove{font-size:23px;line-height:1;border:0;padding:6px 10px;color:#6b7d88;background:transparent}li .remove:hover:not(:disabled){background:#fff0ed;color:#962f21}li.dragging{opacity:.4}li.target{border-top:3px solid #176b5c}footer a{color:#397269}.download{max-width:100%;overflow-wrap:anywhere}#status{overflow-wrap:anywhere}@media(max-width:550px){li{flex-wrap:nowrap;gap:5px}li .name{flex-basis:auto}li .size{display:none}.badge{min-width:35px;padding:5px}.sequence{min-width:14px}.controls label,select{min-width:0;width:100%}.controls{display:block}.controls label+label{margin-top:14px}}