:root{color:#19212a;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a.button-link{align-items:center;background:#fff;border:1px solid #d6dde5;border-radius:7px;color:#202933;cursor:pointer;display:inline-flex;font:inherit;font-weight:650;gap:8px;justify-content:center;min-height:38px;padding:8px 12px;text-decoration:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}button:hover,a.button-link:hover{background:#f8fafc;border-color:#aeb9c6}button:disabled,.button-link.disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.primary-button{background:#155eef;border-color:#155eef;color:#fff}.primary-button:hover{background:#0f4fd0;border-color:#0f4fd0}.app{min-height:100vh;padding:24px}.topbar{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin:0 auto 18px;max-width:1500px}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.15}h2{font-size:15px;line-height:1.2}.topbar p{color:#5d6b7a;font-size:14px;margin-top:7px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.hidden-input{display:none}.error-list{background:#fff5f4;border:1px solid #ffc7c0;border-radius:8px;color:#9f2d20;display:grid;gap:6px;margin:0 auto 16px;max-width:1500px;padding:12px 14px}.workspace{display:grid;gap:14px;grid-template-columns:minmax(220px,.75fr) minmax(420px,2fr) minmax(300px,1fr);margin:0 auto;max-width:1500px}.panel,.preview-panel{background:#fff;border:1px solid #dfe5ec;border-radius:8px;min-width:0}.panel{display:flex;flex-direction:column;min-height:650px}.panel-heading{align-items:center;border-bottom:1px solid #e5ebf1;display:flex;justify-content:space-between;gap:12px;padding:14px 16px}.panel-heading span{color:#697789;font-size:12px;white-space:nowrap}.file-panel,.output-panel,.source-panel{max-height:calc(100vh - 138px)}.source-scroll,.selected-list,.file-list{overflow:auto}.source-scroll{padding:14px}.file-list{display:grid;gap:10px;padding:14px}.file-item{align-items:start;border:1px solid #e5ebf1;border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr auto;padding:11px}.file-item strong,.selected-copy strong,.pdf-group-title strong{display:block;overflow-wrap:anywhere}.file-item span,.selected-copy span,.stats,.empty-state span{color:#697789;font-size:12px}.file-item button,.selected-page>button,.drag-handle{min-height:30px;padding:5px}.empty-upload,.empty-state{align-items:center;color:#697789;display:flex;flex:1;flex-direction:column;gap:9px;justify-content:center;margin:14px;min-height:180px;text-align:center}.empty-upload{border:1px dashed #b9c4d1;width:calc(100% - 28px)}.stats{border-top:1px solid #e5ebf1;display:grid;gap:8px;margin-top:auto;padding:14px 16px}.pdf-group+.pdf-group{margin-top:22px}.pdf-group-title{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.pdf-group-title span{color:#697789;font-size:12px}.page-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.page-thumb{align-items:stretch;border-color:#dce3eb;display:grid;gap:0;justify-content:stretch;min-height:176px;padding:0;text-align:left}.page-thumb.selected{border-color:#155eef;box-shadow:0 0 0 2px #155eef29}.thumb-canvas{align-items:center;background:#f7f9fb;border-bottom:1px solid #e5ebf1;display:flex;height:140px;justify-content:center;overflow:hidden}.thumb-canvas canvas{display:block;max-height:132px;max-width:100%}.thumb-meta{align-items:center;display:flex;font-size:12px;justify-content:space-between;min-height:34px;padding:7px 9px}.thumb-meta strong{color:#155eef}.selected-list{display:grid;gap:9px;padding:14px}.selected-page{align-items:center;background:#fff;border:1px solid #e0e7ef;border-radius:8px;display:grid;gap:9px;grid-template-columns:auto 32px 1fr auto;padding:8px}.selected-page.dragging{box-shadow:0 14px 30px #1e293b29;position:relative;z-index:3}.drag-handle{cursor:grab}.selected-index{align-items:center;background:#eef4ff;border-radius:6px;color:#155eef;display:flex;font-weight:750;height:32px;justify-content:center;width:32px}.selected-copy{min-width:0}.preview-panel{margin:16px auto 0;max-width:1500px;overflow:hidden}.preview-panel iframe{border:0;display:block;height:72vh;width:100%}.inline-error{background:#fff5f4;border:1px solid #ffc7c0;border-radius:8px;color:#9f2d20;padding:12px}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.topbar{display:grid}.toolbar{justify-content:flex-start}.workspace{grid-template-columns:1fr}.panel,.file-panel,.source-panel,.output-panel{max-height:none;min-height:auto}.source-scroll,.selected-list,.file-list{overflow:visible}}@media (max-width: 640px){.app{padding:14px}h1{font-size:23px}.toolbar{display:grid;grid-template-columns:1fr 1fr;width:100%}.toolbar button,.toolbar a{width:100%}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}