:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#203e3d;--muted:#496460;--paper:#f8f6ef;--accent:#225e5b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}button{font:inherit}:focus-visible{outline-offset:5px;outline:3px solid #8b461e}.skip-link{z-index:5;background:#fff;padding:.8rem;position:absolute;top:-6rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid #d7ddd5;justify-content:space-between;align-items:center;gap:20px;max-width:1160px;margin:auto;padding:28px 40px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:12px;font-size:26px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--accent);color:#fff;text-align:center;border-radius:50% 50% 12px 12px;width:38px;height:38px;line-height:36px}.tagline{color:var(--muted);font-size:14px}main{max-width:1080px;margin:auto;padding:58px 40px 30px}.intro{max-width:730px;margin-bottom:42px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:12px;font-weight:700}h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.12}.lead{color:var(--muted);max-width:580px;font-size:19px}h2{letter-spacing:-.025em;font-size:25px;line-height:1.3}.preview-panel{background:#eeeee3;border:1px solid #d9ddcf;border-radius:24px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.preview-copy{padding:30px 34px 38px}.preview-copy p{max-width:340px;color:var(--muted)}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:22px;min-height:52px;margin-top:12px;padding:12px 20px;font-weight:700;display:inline-flex}button:hover{background:#174946}.preview-stage{background:#e1eeec;place-items:center;min-height:320px;padding:0 20px;display:grid;position:relative}.canvas-wrap{width:100%;height:320px}.preview-placeholder{color:#30736d;place-items:center;display:grid}.preview-placeholder span{font-size:110px;line-height:1}.preview-placeholder div{background:#b6cfca;border-radius:50%;width:150px;height:18px;margin-top:30px}.coming-next{align-items:flex-start;gap:20px;margin-top:30px;padding:24px 0;display:flex}.coming-next h2{margin:0 0 6px;font-size:18px}.coming-next p{color:var(--muted);margin:0;font-size:15px}.spark{color:#94592b;font-size:28px}footer{text-align:center;color:var(--muted);padding:20px 24px 32px;font-size:13px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:650px){.site-header{padding:20px 24px}.tagline{display:none}main{padding:34px 24px 20px}.preview-panel{grid-template-columns:1fr}.preview-copy{padding:24px}.preview-stage,.canvas-wrap{height:240px;min-height:240px}}.settings-page{max-width:820px}.settings-page h1{font-size:clamp(2rem,4vw,3rem)}.settings-page fieldset{border:1px solid #a8b9ae;border-radius:16px;min-width:0;margin:28px 0;padding:20px}.settings-page legend{padding:0 8px;font-size:1.4rem;font-weight:700}.settings-page input,.settings-page select{font:inherit;accent-color:var(--accent)}.settings-page select{max-width:100%;min-height:48px;color:var(--ink);border:1px solid var(--muted);background:#fff;border-radius:6px;margin:8px 0;padding:8px;display:block}.setting-toggle{cursor:pointer;align-items:center;gap:14px;min-height:48px;padding:8px 0;display:flex}.setting-toggle input{flex:0 0 24px;width:24px;height:24px}.setting-slider{grid-template-columns:1fr auto;gap:8px 20px;margin:20px 0;display:grid}.setting-slider input{grid-column:1/-1;width:100%;min-height:44px;margin:0}.settings-page :disabled{cursor:default}.settings-page button:disabled{opacity:.65}.site-header nav a{align-items:center;min-height:48px;padding:8px;font-weight:700;display:inline-flex}html[data-reduced-motion=true] *,html[data-reduced-motion=true] :before,html[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (max-width:650px){.settings-page fieldset{padding:16px}.site-header{flex-wrap:wrap}}