.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(200px,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}.preview-stage{min-height:280px;display:grid;place-items:center;margin:1rem 0;border-radius:1rem;overflow:hidden;background:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview-stage canvas,.preview-stage img{max-width:100%;max-height:520px}.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}.note{font-size:.92rem;opacity:.82}.preview-card{min-height:260px;display:grid;place-items:center;padding:2rem;border-radius:1.25rem;background:linear-gradient(135deg,#8b5cf6,#0ea5e9)}.glass{width:min(420px,90%);padding:2rem;border:1px solid rgba(255,255,255,.38);border-radius:24px;background:rgba(255,255,255,.22);box-shadow:0 20px 50px rgba(15,23,42,.25);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:white}@media(max-width:700px){.workspace{margin-inline:.75rem}}