:root{--bg:#0b100d;--panel:#111914;--panel2:#17221a;--line:#28372d;--text:#edf4ed;--muted:#91a096;--green:#b8f28a;--green2:#d5ffad;font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}.top{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#0b100df2;position:sticky;top:0;z-index:3}.brand{font:700 21px 'Space Grotesk';color:var(--text);text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green);color:#13200e;font-size:17px}.muted{color:#9aaa9d;font-weight:500}.topright{display:flex;align-items:center;gap:20px}.local{font-size:12px;color:#a6b4a9}.local i,.canvas-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a9ee79;margin-right:7px;box-shadow:0 0 12px #a9ee79}.quiet,.primary,.secondary,.iconbtn{border:0;border-radius:9px;padding:11px 16px;font-weight:700}.quiet{background:transparent;color:#dce8dc}.primary{background:var(--green);color:#14200f}.primary:hover{background:var(--green2)}.secondary{background:#253329;color:#e8f1e8;border:1px solid #3a4c3e}.layout{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{padding:28px 24px;border-right:1px solid var(--line);background:#0e1510}.eyebrow,.section-head{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#94a59a}.sidebar h1{font:600 29px 'Space Grotesk';letter-spacing:-1px;margin:9px 0 7px}.intro{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 24px}.field-label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}textarea,select,input[type=number]{width:100%;border:1px solid #304036;background:#121c15;color:#eaf3eb;border-radius:9px;padding:11px;outline:none}textarea{resize:vertical;line-height:1.5;font-size:12px}textarea:focus,select:focus,input:focus{border-color:#9bdc70}.hint{font-size:10px;line-height:1.5;color:#819187;margin-top:7px}.section-head{display:flex;justify-content:space-between;margin:23px 0 11px;padding-top:16px;border-top:1px solid #253229}.count{color:#68776d}.presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preset{border:1px solid #28382d;background:#121a15;color:#e8f1e8;border-radius:9px;padding:8px;display:flex;align-items:center;gap:8px;text-align:left;min-width:0}.preset.active{border-color:#9cda72;background:#1b291d;box-shadow:inset 0 0 0 1px #9cda7240}.swatch{width:30px;height:30px;flex:none;border-radius:7px}.swatch.alpine{background:linear-gradient(#e4a46f,#6d8c91 50%,#1d3b36)}.swatch.desert{background:linear-gradient(#f8b36c,#b65f42 55%,#4b3028)}.swatch.coast{background:linear-gradient(#a9c6c8,#488e9b 55%,#183f49)}.swatch.forest{background:linear-gradient(#a5b78a,#416a4b 55%,#132a20)}.swatch.canyon{background:linear-gradient(#f2ad72,#b75a39 55%,#482b26)}.swatch.night{background:linear-gradient(#172642,#435b78 55%,#101b2b)}.preset b,.preset small{display:block}.preset b{font-size:10px}.preset small{font-size:9px;color:#92a095;margin-top:3px;white-space:nowrap}.control{display:block;margin:14px 0}.control>span{display:flex;justify-content:space-between;color:#cbd7cc;font-size:11px;margin-bottom:7px}.control output{color:var(--green)}select{padding:9px;font-size:11px}.control input[type=range]{width:100%;accent-color:#b8f28a}.seedrow{display:flex;gap:7px}.seedrow input{font-size:11px;padding:8px}.iconbtn{background:#253329;color:#d9e9d9;padding:0 14px}.actions{display:grid;gap:8px;margin-top:22px}.wide{width:100%;padding:13px}.privacy{font-size:10px;text-align:center;color:#75847a;margin:14px 0}.work{padding:35px clamp(22px,4vw,60px);min-width:0;background:radial-gradient(ellipse at 50% 0,#17261b 0,transparent 55%)}.workhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.workhead h2{font:600 23px 'Space Grotesk';margin:5px 0 0;letter-spacing:-.6px}.canvasmeta{font-size:11px;color:#91a096}.dotsep{padding:0 8px;color:#54665a}.canvas-wrap{position:relative;background:#111a14;border:1px solid #344638;border-radius:13px;padding:10px;box-shadow:0 24px 70px #0008}.canvas-wrap canvas{width:100%;height:auto;display:block;border-radius:7px;background:#1d302b}.canvas-badge{position:absolute;top:22px;left:22px;background:#101911d9;border:1px solid #ffffff26;border-radius:20px;padding:7px 10px;font-size:9px;letter-spacing:1px;color:#e7f1e7}.below{display:flex;justify-content:space-between;align-items:center;margin:20px 2px}.tips{display:flex;align-items:center;gap:11px}.tipicon{width:34px;height:34px;border-radius:10px;background:#1b2a1d;color:var(--green);display:grid;place-items:center;font-size:19px}.tips b,.tips small,.stats small{display:block}.tips b{font-size:11px}.tips small{font-size:10px;color:#8f9d92;margin-top:3px}.stats{display:flex;gap:25px;text-align:center}.stats b{font:600 15px 'Space Grotesk'}.stats small{font-size:9px;color:#85958a;margin-top:3px}.notice{border:1px solid #344437;background:#121b15;border-radius:10px;padding:13px 15px;display:grid;gap:5px}.notice b{font-size:10px;color:#c9e7b3}.notice span{font-size:10px;line-height:1.6;color:#9ba99e}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;transition:.2s;background:#d5ffad;color:#14200f;border-radius:9px;padding:11px 17px;font-weight:700;font-size:12px;z-index:9;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.layout{grid-template-columns:300px 1fr}.sidebar{padding:22px 17px}.presets{grid-template-columns:1fr}.work{padding:25px 20px}}@media(max-width:650px){.top{padding:0 14px;height:60px}.topright{gap:7px}.local{display:none}.quiet{font-size:10px;padding:9px}.topright .primary{font-size:10px;padding:10px}.layout{display:flex;flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.presets{grid-template-columns:repeat(2,minmax(0,1fr))}.work{padding:23px 13px}.workhead h2{font-size:20px}.below{align-items:flex-start;gap:15px;flex-direction:column}.stats{width:100%;justify-content:space-around}.canvas-wrap{padding:5px}.canvas-badge{top:12px;left:12px;font-size:8px}.brand{font-size:18px}}