:root{color-scheme:dark;color:#e5e7eb;background-color:#020617;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at top,#0f172a 0,#020617 55%);min-height:100vh;margin:0}.app-root{flex-direction:column;max-width:1000px;min-height:100vh;margin:0 auto;padding:24px 16px 32px;display:flex}.app-header{text-align:center;margin-bottom:24px}.app-title{letter-spacing:.05em;margin:0 0 4px;font-size:2.4rem}.app-subtitle{color:#9ca3af;margin:0;font-size:.95rem}.app-main{flex:1;justify-content:center;align-items:flex-start;display:flex}.app-footer{text-align:center;color:#6b7280;margin-top:24px;font-size:.8rem}.garden{width:100%}.garden-layout{flex-direction:column;align-items:stretch;gap:16px;display:flex}@media (width>=768px){.garden-layout{flex-direction:row;align-items:flex-start}}.garden-canvas-wrapper{background:radial-gradient(circle at 0 0,#0b1120,#020617);border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px;display:flex;box-shadow:0 0 0 1px #94a3b826,0 18px 45px #0f172abf}.grid-canvas{image-rendering:pixelated;cursor:crosshair;border-radius:8px}.controls{background:#020617;border-radius:12px;flex-direction:column;gap:12px;min-width:260px;padding:12px 16px;display:flex;box-shadow:0 0 0 1px #94a3b859,0 18px 45px #0f172ad9}.controls-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.controls-field{align-items:center;gap:6px;font-size:.85rem;display:flex}.controls button{color:#e5e7eb;cursor:pointer;background:#0f172a;border:none;border-radius:999px;padding:6px 12px;font-size:.85rem;transition:background .15s,transform 50ms}.controls button:hover{background:#1e293b}.controls button:active{transform:scale(.97)}.controls button:disabled{opacity:.5;cursor:default}.controls select,.controls input[type=range]{font-size:.85rem}.palette{flex-wrap:wrap;gap:6px;display:flex}.palette-swatch{cursor:pointer;border:2px solid #0000;border-radius:999px;width:20px;height:20px;padding:0}.palette-swatch--selected{border-color:#e5e7eb;box-shadow:0 0 0 2px #94a3b873}.garden-hint{text-align:center;color:#9ca3af;margin-top:14px;font-size:.85rem}