.workspace{max-width:1080px;margin:auto;padding:2rem}.workspace label{display:grid;gap:.45rem;font-weight:650}.workspace input,.workspace select,.workspace textarea{padding:.8rem;border:1px solid var(--border,#ccd);border-radius:.7rem;background:var(--surface,#fff);color:inherit}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.actions button,.download-link{appearance:none;border:0;border-radius:.75rem;padding:.8rem 1rem;background:var(--accent,#315efb);color:#fff;font-weight:750;cursor:pointer;text-decoration:none}.actions button.secondary{background:transparent;color:inherit;border:1px solid var(--border,#ccd)}.drop-zone{display:grid;place-items:center;min-height:150px;padding:1.5rem;border:2px dashed var(--border,#aab);border-radius:1rem;text-align:center}.preview-wrap{min-height:260px;display:grid;place-items:center;border:1px dashed #999;border-radius:1rem;overflow:auto;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0/20px 20px}.preview-wrap canvas,.preview-wrap img{max-width:100%;max-height:560px}.status{min-height:1.5em}.notice{padding:1rem;border-left:4px solid #d79b00;background:rgba(215,155,0,.09);border-radius:.5rem}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.thumb{padding:.75rem;border:1px solid var(--border,#ccd);border-radius:.8rem}.thumb img{width:100%;height:100px;object-fit:contain}.output-text{width:100%;min-height:260px;font-family:ui-monospace,monospace}.metric{padding:1rem;border:1px solid var(--border,#ccd);border-radius:1rem}.metric strong{display:block;font-size:1.35rem;margin-top:.3rem}