:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060d18;--panel:#102038e0;--border:#78aadc38;--accent:#7eb8e8;--muted:#dcebffa6;font-family:SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse 120% 80% at 50% -20%, #132a4a, var(--bg));color:#e8f1ff;min-height:100vh;margin:0}#root{min-height:100vh}.app{flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:1rem 1.25rem 1.25rem;display:flex}.header{margin-bottom:.75rem}.header h1{letter-spacing:.04em;margin:0;font-size:1.35rem;font-weight:600}.subtitle{color:var(--muted);margin:.35rem 0 0;font-size:.85rem}.main{flex:1;grid-template-columns:1fr minmax(260px,320px);gap:1rem;min-height:0;display:grid}@media (width<=900px){.main{grid-template-rows:minmax(320px,55vh) auto;grid-template-columns:1fr}}.canvas-wrap{border:1px solid var(--border);border-radius:12px;min-height:420px;overflow:hidden;box-shadow:0 12px 40px #00000073}.panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-self:start;padding:1rem 1.1rem}.panel h2{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .85rem;font-size:.95rem;font-weight:600}.info-grid{flex-direction:column;gap:.65rem;margin:0;display:flex}.info-grid .row{grid-template-columns:5.5rem 1fr;align-items:start;gap:.5rem;display:grid}.info-grid .row.span{grid-template-columns:1fr}.info-grid dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.75rem}.info-grid dd{margin:0;font-size:.9rem}.info-grid .row.span dd{line-height:1.55}.flower-row .flower-name{color:#f0f6ff;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.flower-frame{background:#060e1ca6;border:1px solid #78aadc47;border-radius:10px;max-height:200px;overflow:hidden}.flower-img-link{outline:none;line-height:0;display:block}.flower-img-link:focus-visible{box-shadow:0 0 0 2px var(--accent)}.flower-img{object-fit:cover;vertical-align:middle;width:100%;height:auto;max-height:200px;display:block}