:root{
--bg:#0b0f14;
--panel:#101622;
--accent:#87f7cf;
--muted:#9fb2c7;
--ink:#eaf2ff;
--soil:#47362a;
--pot:#7b5840;
--flower:#ffd9f5;
--leaf:#5ce39d;
--stem:#46c07f;
--warn:#ffb054;
--grid-gap:14px;
--radius:16px;
--shadow:0 6px 20px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0; font:16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
background: radial-gradient(1200px 800px at 20% -10%, #162033 0%, var(--bg) 55%) no-repeat,
radial-gradient(900px 600px at 120% 120%, #0f1420 0%, var(--bg) 60%) no-repeat,
var(--bg);
color:var(--ink);
}
header{
display:flex; align-items:center; justify-content:space-between; gap:16px;
padding:18px clamp(14px, 4vw, 28px);
}
.logo{
display:flex; align-items:center; gap:14px;
}
.sprout{
width:36px; height:36px; border-radius:12px; background:linear-gradient(180deg,#17322a,#0e221b);
display:grid; place-items:center; box-shadow:inset 0 0 0 1px rgba(135,247,207,.15), var(--shadow);
}
.sprout svg{display:block}
h1{margin:0; font-size: clamp(20px, 2.2vw, 28px); letter-spacing:.3px}
.tagline{color:var(--muted); font-size:14px}
.wrap{
padding:0 clamp(14px, 4vw, 28px) 28px;
display:grid; grid-template-columns: 320px 1fr; gap:22px;
}
@media (max-width: 980px){
.wrap{grid-template-columns: 1fr; }
}
.panel{
background:linear-gradient(180deg, #111a27, #0f1724);
border:1px solid rgba(135,247,207,.2);
border-radius: var(--radius);
padding:16px;
box-shadow:var(--shadow);
}
.panel h2{
margin:0 0 10px; font-size:15px; text-transform:uppercase; letter-spacing:.12em; color:var(--accent)
}
.controls{display:grid; gap:14px}
.row{display:grid; gap:8px}
label{font-size:13px; color:var(--muted)}
input[type="file"]{color:var(--muted)}
.btn, .select, .range, .toggle{
width:100%; border-radius:12px; background:#0b111c; border:1px solid #223149; color:var(--ink);
padding:10px 12px; cursor:pointer;
}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:600}
.btn.primary{background:l