*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}#root{min-height:100vh}.shell{color:#16241b;--surface:#fff;--surface2:#f0f4ee;--tint:#eaf6ee;--ink:#16241b;--muted:#5a7a65;--faint:#8aa095;--line:#00000017;--green:#15803d;--green-ink:#15803d;--navbg:#f4f6f0e0;background:#f4f6f0;flex-direction:column;min-height:100vh;display:flex}.shell.dark{color:#e9f1ec;--surface:#161f19;--surface2:#1e2a22;--tint:#18271d;--ink:#e9f1ec;--muted:#a3b4a8;--faint:#7c8d81;--line:#ffffff1a;--green:#34a663;--green-ink:#7fd29a;--navbg:#0e1611d1;background:#0e1611}@keyframes fadeup{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulsering{0%,to{box-shadow:0 0 #15803d4d}50%{box-shadow:0 0 0 8px #15803d00}}.preset-card{cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;transition:transform .15s;box-shadow:0 6px 18px -12px #16241b4d}.preset-card:hover{transform:translateY(-3px)}.upload-area{cursor:pointer;background:var(--surface);text-align:center;border:2px dashed #15803d66;border-radius:24px;padding:clamp(30px,5vw,46px) 28px;position:relative;overflow:hidden;box-shadow:0 20px 50px -22px #16241b47}input[type=range]{appearance:none;background:var(--line);cursor:pointer;width:100%;height:4px;accent-color:var(--green);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--green);cursor:pointer;border-radius:50%;width:16px;height:16px}input[type=range]::-moz-range-thumb{background:var(--green);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.custom-input{border:1px solid var(--line);background:var(--surface2);width:100%;color:var(--ink);border-radius:8px;outline:none;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;transition:border-color .15s}.custom-input:focus{border-color:#6d28d9}.custom-input::-webkit-inner-spin-button{opacity:.5}.custom-input::-webkit-outer-spin-button{opacity:.5}