.workspace{max-width:1080px;margin:auto;padding:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.workspace label{display:grid;gap:.45rem}.workspace input,.workspace select,.workspace textarea{padding:.8rem;border:1px solid var(--border,#ccd);border-radius:.7rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.metric{padding:1rem;border:1px solid var(--border,#ccd);border-radius:1rem}.metric strong{display:block;font-size:1.35rem;margin-top:.3rem}.preview-wrap,.transform-stage{min-height:260px;display:grid;place-items:center;border:1px dashed #999;border-radius:1rem;overflow:hidden}.preview-wrap img{max-width:100%;max-height:420px}.transform-box{width:150px;height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#8fd3f4,#84fab0);border-radius:1rem;font-weight:700}