:root{--ac:#7c3aed;--text:#252335;--muted:#656175;--border:#e4e0ed;--bg:#f6f5fa}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{color:#6d28d9}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:8px;padding:.55rem .8rem;color:var(--text);font-size:.85rem;font-weight:600}button:hover:not(:disabled){border-color:var(--ac);color:var(--ac)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--ac);color:#fff;border-color:var(--ac)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}[hidden]{display:none!important}.top-nav{height:56px;padding:0 max(1rem,calc((100vw - 1020px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border);gap:1rem}.top-nav a{text-decoration:none;white-space:nowrap;font-size:.85rem}.top-nav .brand{font-weight:800;color:var(--text);font-size:1.1rem}main{max-width:1020px;padding:1rem 1.25rem 4rem;margin:auto}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--muted)}.breadcrumb a{text-decoration:none}header{text-align:center;margin:2rem 0}.eyebrow{font-size:.78rem;letter-spacing:.03em;color:var(--ac);font-weight:700}h1{font-size:clamp(1.5rem,4.5vw,2rem);margin:.4rem 0}header p{font-size:.92rem;color:var(--muted)}h2{font-size:1.05rem;margin:0 0 .8rem}h3{font-size:.95rem}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.4rem;margin-bottom:1rem;min-width:0}.drop-zone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;border:2px dashed #c4b5fd;border-radius:10px;padding:1.7rem 1rem;cursor:pointer;background:#faf8ff}.drop-zone.drag-over{background:#ede9fe;border-color:var(--ac)}.drop-zone span{font-size:.77rem;color:var(--muted)}.drop-zone input{font-size:.8rem;max-width:100%;width:280px}.drop-zone[aria-disabled=true]{opacity:.5;pointer-events:none}.hint{font-size:.78rem;color:var(--muted);margin:.6rem 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin:1rem 0}.fields label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:700;min-width:0}.fields small{font-weight:400;font-size:.73rem;color:var(--muted)}input[type=number],select{width:100%;padding:.55rem .65rem;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text)}input[type=range]{width:100%;accent-color:var(--ac)}fieldset{padding:0;border:0;margin:0;min-width:0}.presets,.actions{display:flex;flex-wrap:wrap;gap:.5rem}.presets button{background:#f5f1ff;color:#6d28d9;border-color:#ddd6fe;font-size:.78rem}.checkbox{display:flex;align-items:flex-start;gap:.5rem;font-size:.83rem}.checkbox input{margin-top:.3rem;accent-color:var(--ac)}.actions{margin-top:1rem}#status{font-size:.85rem;overflow-wrap:anywhere;margin:.9rem 0 0}#status.error{color:#b91c1c}progress{width:100%;height:10px;accent-color:var(--ac)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}.section-head h2,.section-head h3{margin:.3rem 0}.file-list{list-style:none;padding:0;margin:.7rem 0 0}.file-row{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;padding:1rem 0;border-top:1px solid var(--border);min-width:0}.file-info{min-width:0}.file-name{font-weight:700;font-size:.85rem;overflow-wrap:anywhere;display:block}.file-detail{display:block;color:var(--muted);font-size:.77rem;overflow-wrap:anywhere}.file-state{display:inline-block;font-size:.73rem;margin-top:.4rem;border-radius:5px;background:#f1f0f5;padding:.15rem .45rem}.file-state.ok{background:#ecfdf5;color:#065f46}.file-state.warning{background:#fff7ed;color:#9a3412}.file-state.error{background:#fef2f2;color:#b91c1c}.file-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.file-actions button,.file-actions a{font-size:.75rem;padding:.35rem .55rem;border:1px solid var(--border);border-radius:6px;background:#fff;text-decoration:none}.file-actions a[aria-disabled=true]{pointer-events:none;opacity:.45}#preview{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}#previewImage{max-width:100%;max-height:400px;display:block;margin:1rem auto;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 0/16px 16px}.guide h3{margin:1.25rem 0 .3rem}.guide p{font-size:.85rem;color:#514c60;line-height:1.85}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:580px){main{padding:.8rem .8rem 3rem}.panel{padding:1rem}.fields{grid-template-columns:1fr}.file-row{grid-template-columns:1fr}.file-actions{justify-content:flex-start}header{margin:1.5rem 0}.top-nav{padding:0 1rem}}
:is(button.primary):hover:not(:disabled){background:#6d28d9;color:#fff}