.compose-page.svelte-16dnk2j{max-width:1040px}.page-header.svelte-16dnk2j,.controls.svelte-16dnk2j,.workspace.svelte-16dnk2j{margin-bottom:1.5rem}.eyebrow.svelte-16dnk2j{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-500);margin-bottom:.75rem}.page-header.svelte-16dnk2j h1:where(.svelte-16dnk2j){font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.05em;margin-bottom:.8rem}.page-header.svelte-16dnk2j p:where(.svelte-16dnk2j):last-child{max-width:58ch;color:var(--slate-600);line-height:1.65}.controls.svelte-16dnk2j,.frame.svelte-16dnk2j,.scores.svelte-16dnk2j{border:1px solid var(--outline-variant);border-radius:1.5rem;background:color-mix(in oklch,white 90%,var(--warning-container))}.controls.svelte-16dnk2j{padding:1rem 1.15rem}.controls.svelte-16dnk2j span:where(.svelte-16dnk2j){display:block;margin-bottom:.7rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--slate-500)}.segmented.svelte-16dnk2j{display:flex;flex-wrap:wrap;gap:.7rem}.segmented.svelte-16dnk2j button:where(.svelte-16dnk2j){padding:.72rem 1rem;border-radius:999px;border:1px solid var(--outline);background:#fff}.segmented.svelte-16dnk2j button.active:where(.svelte-16dnk2j){background:var(--warning);color:#fff;border-color:var(--warning)}.workspace.svelte-16dnk2j{display:grid;grid-template-columns:360px minmax(0,1fr);gap:1rem}.frame.svelte-16dnk2j{position:relative;height:320px;overflow:hidden;background:linear-gradient(rgba(217,119,6,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(217,119,6,.08) 1px,transparent 1px),linear-gradient(140deg,#fbbf2414,#ffffffd1);background-size:24px 24px,24px 24px,auto}.rect.svelte-16dnk2j{position:absolute;display:grid;place-items:end start;padding:.8rem;border-radius:1.2rem;background:color-mix(in oklch,var(--warning) 18%,white);box-shadow:inset 0 0 0 1px #d9770614;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.scores.svelte-16dnk2j{padding:1rem;display:grid;gap:.8rem}.total.svelte-16dnk2j,.metric.svelte-16dnk2j{padding:.9rem 1rem;border-radius:1rem;background:#fff;border:1px solid var(--outline-variant)}.total.svelte-16dnk2j span:where(.svelte-16dnk2j),.metric.svelte-16dnk2j span:where(.svelte-16dnk2j){font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--slate-500)}.total.svelte-16dnk2j strong:where(.svelte-16dnk2j){display:block;margin-top:.35rem;font-size:2.1rem;letter-spacing:-.05em}.metric-top.svelte-16dnk2j{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.55rem}.bar.svelte-16dnk2j{height:.58rem;border-radius:999px;overflow:hidden;background:var(--warning-container)}.fill.svelte-16dnk2j{height:100%;background:linear-gradient(90deg,var(--warning),#f59e0b)}@media(max-width:860px){.workspace.svelte-16dnk2j{grid-template-columns:1fr}.frame.svelte-16dnk2j{width:100%;max-width:360px}}