.workspace{max-width:1100px;margin:0 auto 3rem;padding:1.25rem;border:1px solid var(--border-color,#d7dce5);border-radius:1.25rem;background:var(--surface,#fff)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.workspace label{display:grid;gap:.45rem;font-weight:700}.workspace input,.workspace select,.workspace textarea{width:100%;padding:.75rem;border:1px solid #b7bec9;border-radius:.7rem;font:inherit}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.actions button{padding:.75rem 1rem;border:0;border-radius:.75rem;cursor:pointer}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1rem}.metric{padding:1rem;border-radius:1rem;background:rgba(127,127,127,.09)}.metric strong{display:block;font-size:1.35rem}.preview-stage{min-height:300px;display:grid;place-items:center;margin:1rem 0;border-radius:1rem;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/24px 24px;overflow:hidden}.preview-stage img{max-width:100%;max-height:420px}.animation-box{width:150px;height:150px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#6d5dfc,#35c2ff);color:white;font-weight:800}@media(max-width:700px){.workspace{margin-inline:.75rem}}