:root{--bg:#f4f5f7;--panel:#fff;--border:#dde1e6;--text:#1d2430;--muted:#5d6675;--accent:#1f5fbf;--warn-bg:#fff6e0;--warn-border:#e8b64c;--radius:8px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0;line-height:1.2}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--panel);border-bottom:1px solid var(--border);padding:16px 24px}.app-header h1{font-size:20px}.tagline{color:var(--muted);margin:4px 0 0}.layout{flex:1;grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(260px,320px);align-content:start;align-items:start;gap:16px;padding:16px 24px;display:grid}.column{flex-direction:column;gap:16px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.panel h2{margin-bottom:12px;font-size:15px}.placeholder{color:var(--muted);margin:0}.muted{color:var(--muted)}button{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:6px;padding:5px 12px;font-size:14px}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button-row{flex-shrink:0;gap:6px;display:flex}.dropzone{text-align:center;border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;display:flex}.dropzone:hover,.dropzone.is-over{border-color:var(--accent);background:#eef4fc}.dropzone .hint{color:var(--muted);margin-top:6px;font-size:13px}.background-loaded{border-radius:var(--radius)}.background-loaded.is-over{outline:2px dashed var(--accent);outline-offset:4px}.thumb{border:1px solid var(--border);max-width:100%;height:auto;display:block;box-shadow:0 1px 3px #00000014}.file-row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.file-meta{flex-direction:column;min-width:0;font-size:13px;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.messages{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.message{border-left:3px solid;border-radius:6px;margin:8px 0 0;padding:6px 10px;font-size:13px}.messages .message{margin:0}.message-ok{background:#ecf7ef;border-color:#3c9a5f}.message-info{background:#eef3fa;border-color:#7a9cc9}.message-warn{background:var(--warn-bg);border-color:var(--warn-border)}.fit-options{border:1px solid var(--border);border-radius:6px;margin:12px 0 0;padding:8px 10px 10px}.fit-options legend{padding:0 4px;font-size:13px;font-weight:600}.radio{cursor:pointer;align-items:baseline;gap:8px;padding:3px 0;font-size:14px;display:flex}.app-footer{color:var(--muted);border-top:1px solid var(--border);background:var(--panel);justify-content:space-between;gap:16px;padding:10px 24px;font-size:13px;display:flex}@media (width<=1100px){.layout{grid-template-columns:1fr}}