.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,.preview-stage canvas{max-width:100%;max-height:480px}.note{font-size:.92rem;opacity:.82}@media(max-width:700px){.workspace{margin-inline:.75rem}}