html:root{color-scheme:light;--ink:#27306f;--forest:#2d4f3c;--leaf:#32784d;--cream:#fff9ef;--paper:#fff9ef;--line:#e5d9c6;--muted:#737d68;--sage:#667761;--ivory:#27306f;--gold:#a28350;--gold2:#2d4f3c;--blue:#32784d;--card:#fff9eff2;--flower-page-background:url(/flowers/editor/garden-sanctuary-web.jpg)}html body{color:var(--ink);background:#fbf1df;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fff9ef22,#fff9ef44),var(--flower-page-background,url(/flowers/editor/garden-sanctuary-web.jpg)) center/cover no-repeat;position:fixed;inset:0}html body main>header,html body main[class]>header,html body .page>.topbar,html body #species-page>header{color:var(--forest);background:#fff9ef;border:1px solid #e5d9c6;border-radius:16px;min-height:74px;margin-top:16px;padding:14px 18px;font-size:12px;box-shadow:0 3px 14px #5967460d}html body header>a,html body .topbar>a,html body .back-link{color:var(--forest)}html body .app-brand{color:var(--forest);font:600 19px Georgia,serif;text-decoration:none}html body .account-menu #account-name{color:var(--ink);font-size:12px}html body .account-menu .account-identity small,html body .account-menu .account-sign-out{color:var(--sage)}html body .account-menu .account-identity{min-width:0}html body .account-menu #account-email{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}html body .account-menu .account-sign-out{color:var(--forest);letter-spacing:.03em;background:#eef2e6;border:1px solid #d9e2cc;border-radius:20px;min-height:38px;padding:9px 13px;font-size:11px;font-weight:600}html body .account-menu .account-avatar{color:var(--forest);background:#eaf0df;border-color:#b8caaa}html body .account-menu .account-sign-out:hover{color:var(--forest)}html body .breadcrumbs,html body .breadcrumbs span{color:#697b60}html body .breadcrumbs a{color:var(--forest)}html body .breadcrumbs a:hover{color:var(--ink)}html body main>section.intro{color:var(--forest);min-height:180px;margin:14px 0}html body main>section.intro .eyebrow{color:#4ba66a;font-size:9px}html body main>section.intro p:last-child{color:#6b7b63;font-size:16px}html body main>section.intro h1{font-size:clamp(31px,4vw,46px)}html body #pattern-list button[aria-pressed=true]{color:var(--forest);background:#eaf0df}html body #species-page .breadcrumbs,html body #species-page .breadcrumbs span,html body #species-page .breadcrumbs a{color:#697b60}html body #species-page .breadcrumbs a:hover{color:var(--ink)}html body .topbar>a.back-link{color:var(--forest)}html body .topbar .admin-toggle{color:var(--forest);background:#fff9efcc;border-color:#b8caaa}html body .workspace{border-color:var(--line);background:#fff9eff5;border-radius:24px;box-shadow:0 8px 30px #6b704710}html body .workspace aside{border-color:var(--line);background:#f0eedd}html body .workspace .editor{background:radial-gradient(at 100% 0,#eaf0df55,#0000 45%),#fff9eff5}html body .workspace .flower-title h2,html body .workspace .section-heading h3{color:var(--ink)}html body .workspace .aside-heading h2{color:var(--forest)}html body .workspace .species-button[aria-pressed=true]{background:#fffdf5;border-color:#8db78a}html body .hero,html body .section,html body .flower-card{border-color:var(--line);background-color:#fff9eff2}html body .flower-card .card-illustration{background:radial-gradient(#eaf0df88,#0000 70%)}html body .flower-card .card-illustration img{object-fit:contain;width:140px;height:155px}html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,html body select:focus-visible{outline-offset:3px;outline:3px solid #4ba66a}html body .welcome{padding:16px 0 20px}html body .welcome h1{font-size:clamp(29px,4vw,38px);line-height:1.1}html body .welcome .eyebrow{margin-bottom:6px}html body .welcome .lead{margin-top:8px;font-size:15px}html body main>section.intro{min-height:122px;margin:6px 0}html body main>section.intro h1{margin:7px 0 9px;font-size:clamp(28px,3.5vw,38px)}html body main>section.intro img{width:150px;height:108px}@media (width>=761px){html body .viewer-layout{align-items:start}html body .viewer-layout .hero-card{padding:18px 24px;top:88px}html body .viewer-layout .art-stage{height:clamp(150px,27dvh,260px);margin:8px auto 5px}html body .viewer-layout #flower-title{margin-top:10px;font-size:26px}html body .viewer-layout .hero-actions{margin-top:16px}html body .viewer-layout #viewer-status:empty{display:none}html body .viewer-layout .selection-card{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 210px);padding:20px;overflow-y:auto}html body .viewer-layout .selection-heading{margin-bottom:16px}html body .viewer-layout .selection-heading h2{font-size:24px}html body .viewer-layout .color-heading{margin-top:17px}html body .viewer-layout .color-option{gap:5px;min-height:61px;padding-top:6px;padding-bottom:6px}html body .viewer-layout .collection-summary{margin-top:17px;padding:11px 13px}html body .workspace #species-list{min-height:240px;max-height:calc(100dvh - 325px)}html body .workspace #combinations,html body .workspace .matrix-scroll{min-height:230px;max-height:calc(100dvh - 430px)}}@media (width<=700px){html:root{--flower-page-background:url(/flowers/editor/garden-sanctuary.jpg)}html body main>header,html body main[class]>header,html body .page>.topbar,html body #species-page>header{flex-wrap:wrap;gap:12px;min-height:64px;padding:12px 14px}html body .account-menu #account-email{font-size:10px}html body .account-menu .account-sign-out{padding:8px 11px;font-size:10px}html body main>section.intro{gap:12px;min-height:150px;margin:8px 0}html body main>section.intro img{width:100px;height:110px}html body main>section.intro p:last-child{font-size:14px}}