@layer components{.starter-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;width:100%;max-width:780px;margin-inline:auto;padding:clamp(22px,4vw,44px)}.starter-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.starter-topline .atelier-eyebrow{margin:0}.starter-state{color:var(--brand-deep);background:var(--brand-soft);border-radius:999px;padding:6px 10px;font-size:.78rem}.starter-card>h2{font:400 clamp(1.8rem, 4vw, 2.5rem)/1.15 var(--display-font,Georgia, serif);letter-spacing:-.04em;margin:0 0 14px}.starter-intro{max-width:58ch;color:var(--muted);margin-bottom:26px;line-height:1.75}.starter-setup{gap:20px}.starter-examples{border:0;min-width:0;margin:0;padding:0}.starter-examples legend{color:var(--muted);margin-bottom:10px;font-size:.8rem}.starter-example-list{flex-wrap:wrap;gap:8px;display:flex}.starter-example-list .button{font-size:.8rem}.starter-example-list [aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}.starter-preview,.starter-clock{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.055em;color:var(--brand-deep);padding-block:16px;font-size:clamp(4rem,12vw,6.5rem);line-height:1.15}.starter-preview{color:var(--text-subtle,var(--muted));font-size:clamp(3.5rem,10vw,5rem)}.starter-primary{width:100%}.starter-task-summary{background:var(--surface-subtle);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.starter-task-summary h3{overflow-wrap:anywhere;margin:8px 0;font-size:1.05rem}.starter-task-summary p{color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.6}.starter-status{text-align:center;color:var(--muted);margin:26px 0 0;font-size:.85rem}.starter-time-label{text-align:center;margin:12px 0 -10px}.starter-progress{appearance:none;width:100%;height:8px;accent-color:var(--brand);background:var(--progress-track,var(--border));border:0;border-radius:999px;display:block;overflow:hidden}.starter-progress::-webkit-progress-bar{background:var(--progress-track,var(--border))}.starter-progress::-webkit-progress-value{background:var(--brand)}.starter-progress::-moz-progress-bar{background:var(--brand)}.starter-minutes{justify-content:space-between;margin:12px 0 28px;padding:0;list-style:none;display:flex}.starter-minutes li{width:30px;height:30px;color:var(--muted);border:1px solid var(--border);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.starter-minutes [data-complete=true]{background:var(--brand-soft);color:var(--brand-deep);border-color:var(--brand)}.starter-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.starter-actions .button,.starter-primary{justify-content:center;align-items:center;gap:8px;min-height:46px;display:inline-flex}.starter-completion{text-align:center;padding-top:6px}.starter-completion h3{font-size:1.2rem}.starter-completion p{color:var(--muted);line-height:1.75}.starter-completion .hint{margin:24px 0 0}.starter-page .tool-hero,.starter-page :is(.tool-explainer,.tool-howto,.tool-tips,.tool-faq-section,.starter-faq){width:100%;max-width:780px;margin-inline:auto}@media (max-width:480px){.starter-card{padding:22px 18px}.starter-actions>.button{flex:160px}.starter-task-summary{padding:14px}}}