:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:light;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block}.settings-panel{position:fixed;z-index:10;top:12px;left:50%;display:grid;grid-template-columns:auto repeat(7,minmax(88px,1fr)) auto auto;gap:12px;align-items:end;width:min(1380px,calc(100% - 24px));padding:12px 14px;color:#17351f;background:#f7fff5eb;border:1px solid rgb(37 102 53 / 24%);border-radius:14px;box-shadow:0 8px 30px #12301b33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%)}.settings-panel__title{align-self:center;white-space:nowrap}.settings-panel__field{display:grid;gap:5px;min-width:0;font-size:12px;font-weight:650}.settings-panel__field span{display:flex;justify-content:space-between;gap:8px}.settings-panel__field output{color:#28733c;font-variant-numeric:tabular-nums}.settings-panel__field input{width:100%;accent-color:#398d4d}.settings-panel__toggle{display:flex;gap:6px;align-items:center;align-self:center;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}.settings-panel__toggle input{accent-color:#398d4d}.settings-panel button{min-height:36px;padding:0 14px;color:#fff;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer;background:#347d45;border:0;border-radius:9px}.settings-panel button:hover{background:#286b39}@media (max-width: 850px){.settings-panel{grid-template-columns:repeat(2,minmax(120px,1fr));max-height:calc(100vh - 24px);overflow-y:auto}.settings-panel__title,.settings-panel__toggle,.settings-panel button{grid-column:1 / -1}}