*{box-sizing:border-box}html,body{color:#dfe9e4;background:#0b1512;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#root{min-height:100dvh}.em-app{flex-direction:column;min-height:100dvh;display:flex}.em-canvas-wrap{z-index:5;background:#0b1512;padding:8px 8px 4px;position:sticky;top:0}.em-canvas{aspect-ratio:16/9;touch-action:none;background:#0d1c16;border-radius:10px;width:100%;display:block}.em-panels{padding:8px 12px calc(24px + env(safe-area-inset-bottom))}.em-group{background:#101f19;border:1px solid #1d3a2e;border-radius:12px;margin-bottom:10px;padding:10px 12px}.em-group h2{color:#4fd8a8;margin:0 0 8px;font-size:13px;font-weight:600}.em-row{align-items:center;gap:8px;margin:6px 0;display:flex}.em-row label{color:#b8c8c0;flex:0 0 42%;font-size:12px;line-height:1.25}.em-row input[type=range]{touch-action:pan-y;accent-color:#37d0ff;flex:1;min-width:0}.em-row select{color:#dfe9e4;background:#0d1a14;border:1px solid #24473a;border-radius:8px;flex:1;padding:6px 8px;font-size:13px}.em-row input[type=color]{background:0 0;border:none;width:44px;height:30px;padding:0}.em-val{text-align:right;color:#7fe0bd;font-variant-numeric:tabular-nums;flex:0 0 34px;font-size:12px}.em-presets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.em-presets button,.em-btns button{color:#dfe9e4;touch-action:manipulation;cursor:pointer;background:#16352a;border:1px solid #2c5a47;border-radius:10px;padding:8px 14px;font-size:14px}.em-presets button:active,.em-btns button:active{background:#1f4c3b}.em-btns{gap:8px;margin-top:6px;display:flex}.em-note{color:#6e857c;text-align:center;padding:6px 0 2px;font-size:11px}@media (width>=900px){.em-app{flex-direction:row;align-items:flex-start;gap:12px;max-width:1400px;margin:0 auto;padding:12px}.em-canvas-wrap{flex:auto;padding:0;position:sticky;top:12px}.em-panels{flex:0 0 380px;max-height:calc(100dvh - 24px);padding:0 4px 24px 0;overflow-y:auto}}