:root{color:#263238;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;background:#fff8ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}html{color:#263238;background:#fff8ee}*{box-sizing:border-box}body{color:#263238;background:#fff8ee;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{appearance:none;color:#263238;font:inherit}.app-shell{background:linear-gradient(#fff4e2f2,#f3faf5fa),#fff8ee;min-height:100vh}.site-header{flex-direction:column;gap:16px;width:min(1120px,100% - 32px);margin:0 auto;padding:18px 0 12px;display:flex}.brand{align-items:center;gap:10px;width:fit-content;font-size:1rem;font-weight:800;display:inline-flex}.brand-mark{background:#ffd66b;border:2px solid #263238;border-radius:8px;place-items:center;width:40px;height:40px;font-size:.82rem;display:grid}.site-nav{grid-template-columns:1fr;gap:8px;display:grid}.site-nav a{color:#263238;text-align:center;background:#ffffffb8;border:1px solid #2632382e;border-radius:8px;min-height:44px;padding:11px 14px;font-size:.95rem;font-weight:700}.site-nav a.active{color:#263238;background:#fff;border-color:#263238}main{width:min(1120px,100% - 32px);padding:24px 0 48px;padding-bottom:max(48px, calc(24px + env(safe-area-inset-bottom,0px)));margin:0 auto}.hero-section,.page-section{gap:24px;display:grid}.hero-copy,.section-heading{gap:12px;display:grid}.eyebrow{color:#28765c;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}h1,h2,p{margin:0}h1{color:#1f2b30;max-width:760px;font-size:2.45rem;line-height:1.08}h2{font-size:1.12rem}.hero-text{color:#42545b;max-width:620px;font-size:1.12rem}.hero-highlights{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hero-highlights li{color:#42545b;padding-left:22px;font-size:.92rem;font-weight:600;line-height:1.35;position:relative}.hero-highlights li:before{content:"";background:#d7eed6;border-radius:4px;width:14px;height:14px;display:inline-block;position:absolute;top:2px;left:0}.page-intro{color:#42545b;max-width:680px;font-size:1rem}.hero-actions{grid-template-columns:1fr;gap:12px;display:grid}.button{cursor:pointer;color:#263238;border:2px solid #263238;border-radius:8px;justify-content:center;align-items:center;min-height:54px;font-weight:800;display:inline-flex}.button.primary{background:#ffb84d;box-shadow:0 4px #263238}.button.secondary{background:#fff}.hero-panel,.privacy-panel,.canvas-placeholder{background:#fff;border:2px solid #263238;border-radius:8px;box-shadow:0 6px #26323829}.hero-panel{min-height:280px;padding:24px;position:relative;overflow:hidden}.hero-panel p{color:#42545b;font-weight:700;position:absolute;bottom:20px;left:20px;right:20px}.preview-sun{background:#ffd66b;border:3px solid #263238;border-radius:50%;width:58px;height:58px}.preview-cloud{background:#d9f1ff;border:3px solid #263238;border-radius:999px;width:96px;height:38px;position:absolute}.cloud-one{top:58px;right:32px}.cloud-two{background:#e3f6dc;top:118px;left:32px}.preview-house{width:150px;position:absolute;bottom:72px;right:58px}.roof{background:#ff8f70;border:3px solid #263238;border-radius:8px;width:116px;height:116px;margin:0 auto -58px;transform:rotate(45deg)}.home-body{background:#f7e7b4;border:3px solid #263238;border-radius:8px;justify-content:center;gap:16px;height:96px;padding-top:36px;display:flex;position:relative}.home-body span{background:#fff;border:3px solid #263238;border-radius:6px 6px 0 0;width:26px;height:32px}.gallery-grid{grid-template-columns:1fr;gap:14px;display:grid}.theme-card{color:#263238;min-height:160px;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #263238b8;border-radius:12px;gap:8px;padding:14px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:grid}.theme-card:hover{transform:translateY(-2px);box-shadow:0 6px #26323824}.theme-card:active{border-color:#263238;transform:scale(.98)}.theme-card:focus-visible{outline-offset:2px;border-color:#263238;outline:3px solid #ffb84d}.theme-card p{color:#607078}.theme-copy{gap:4px;display:grid}.theme-copy h2{line-height:1.15}.theme-copy p{font-size:.88rem;line-height:1.35}.card-kicker{color:#28765c;text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:800}.card-ready-tag{color:#28765c;text-transform:uppercase;letter-spacing:.02em;background:#28765c14;border:1.5px solid #28765c;border-radius:999px;width:fit-content;padding:2px 10px;font-size:.7rem;font-weight:700}.card-meta{color:#8899a0;font-size:.76rem;font-weight:500}.thumbnail-wrap{border-radius:10px;place-items:center;min-height:90px;padding:8px;display:grid}.thumb-svg{width:100%;max-width:100px;height:auto;display:block}.canvas-placeholder{text-align:center;place-items:center;min-height:360px;padding:18px;display:grid}.canvas-placeholder p{color:#607078;max-width:420px;font-weight:700}.privacy-panel{gap:18px;padding:18px;display:grid}.privacy-panel h2{color:#1f2b30;margin-top:14px;margin-bottom:-8px;font-size:1.05rem}.privacy-panel h2:first-child{margin-top:0}.privacy-panel p,.privacy-panel li{color:#42545b;font-size:1rem;line-height:1.55}.privacy-panel ul{gap:8px;margin:0;padding-left:22px;display:grid}.privacy-list{padding-left:0;list-style:none}.privacy-list li{padding-left:24px;position:relative}.privacy-list li:before{content:"";background:#d7eed6;border-radius:3px;width:12px;height:12px;display:inline-block;position:absolute;top:4px;left:0}.canvas-layout{align-items:start}.canvas-back-link{color:#28765c;border-radius:6px;align-items:center;gap:4px;width:fit-content;min-height:44px;padding:6px 0;font-size:.88rem;font-weight:800;text-decoration:none;transition:color .12s;display:inline-flex}.canvas-back-link:hover,.canvas-back-link:active{color:#1a4f3e}.canvas-back-link:focus-visible{outline-offset:2px;outline:3px solid #ffb84d}.section-heading+.canvas-workspace{margin-top:-8px}.coloring-controls{background:#fff;border:2px solid #263238;border-radius:8px;gap:16px;padding:16px;display:grid;box-shadow:0 6px #26323829}.palette-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.color-swatch{cursor:pointer;border:3px solid #263238b8;border-radius:8px;min-height:54px;transition:transform .12s;box-shadow:inset 0 0 0 2px #ffffffad}.color-swatch:active{transform:scale(.94)}.color-swatch:focus-visible{outline-offset:2px;outline:3px solid #263238}.color-swatch.active{border-color:#263238;box-shadow:inset 0 0 0 2px #ffffffb8,0 0 0 4px #263238}.tool-row{grid-template-columns:1fr;gap:12px;display:grid}.tool-button{cursor:pointer;color:#263238;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #263238;border-radius:8px;justify-content:center;align-items:center;min-height:54px;font-weight:800;transition:background .12s;display:inline-flex}.tool-button:active{transform:scale(.97)}.tool-button:focus-visible{outline-offset:2px;outline:3px solid #263238}.tool-button.active{background:#d7eed6}.tool-button.download{background:#ffd66b}.tool-button:disabled{color:#2632387a;cursor:not-allowed;background:#f2f0ea;border-color:#26323847}.canvas-workspace{touch-action:pan-x pan-y;background:#fff;border:2px solid #263238;border-radius:8px;place-items:center;width:100%;padding:8px;display:grid;overflow:hidden;box-shadow:0 6px #26323829}.coloring-svg{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;width:min(100%,760px);height:auto;max-height:64vh;display:block}.colorable-area{cursor:pointer;transition:fill .12s}.colorable-area:active{opacity:.85}.canvas-note{color:#42545b;text-align:center;font-weight:700}.site-footer{border-top:2px solid #2632381f;width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 36px}.footer-inner{gap:10px;display:grid}.footer-brand{color:#1f2b30;font-size:.9rem;font-weight:800}.footer-desc{color:#607078;max-width:500px;font-size:.84rem;line-height:1.45}.footer-links{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.footer-links a{color:#28765c;min-height:36px;padding:4px 0;font-size:.84rem;font-weight:700;text-decoration:none}.footer-links a:focus-visible{outline-offset:2px;outline:3px solid #ffb84d}.footer-links span{color:#2632384d;-webkit-user-select:none;user-select:none}@media (width<=420px){.site-footer{width:min(100% - 20px,1120px)}}@media (width>=680px){.site-header{flex-direction:row;justify-content:space-between;align-items:center}.site-nav{grid-template-columns:repeat(3,auto)}.hero-section{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;padding-top:32px}.hero-actions{grid-template-columns:repeat(2,minmax(0,220px))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-row{grid-template-columns:repeat(5,minmax(0,160px))}.palette-row{grid-template-columns:repeat(7,minmax(44px,1fr))}h1{font-size:3.4rem}}@media (width>=960px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-row{grid-template-columns:repeat(5,minmax(0,160px))}}@media (width<=420px){main{width:min(100% - 20px,1120px);padding-top:14px;padding-bottom:max(48px, calc(24px + env(safe-area-inset-bottom,0px)))}.site-header{flex-flow:wrap;align-items:center;gap:10px;width:min(100% - 20px,1120px);padding:12px 0 8px}.brand{font-size:.88rem}.brand-mark{width:32px;height:32px;font-size:.72rem}.site-nav{grid-template-columns:repeat(3,1fr);gap:5px;width:100%}.site-nav a{min-height:38px;padding:8px 6px;font-size:.8rem}h1{font-size:2rem}.canvas-layout{gap:14px}.section-heading{gap:8px}.section-heading+.canvas-workspace{margin-top:-6px}.canvas-workspace{padding:4px}.coloring-svg{max-height:55vh}.coloring-controls{gap:12px;padding:12px}.palette-row{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-row{gap:8px}}