:root{--panel:#111311e6;--line:#ffffff26;--text:#f2f2ed;--muted:#9da39a;--accent:#e44b32}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--text);background:#20231f;margin:0;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif}.car-test{width:100vw;height:100dvh;min-height:420px;position:relative;overflow:hidden}.car-test canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.experiments{z-index:2;flex-direction:column;gap:6px;width:190px;display:flex;position:absolute;top:16px;left:16px}.experiments button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;height:34px;padding:0 13px;font-size:11px;font-weight:700}.settings{z-index:2;border:1px solid var(--line);background:var(--panel);scrollbar-color:var(--accent) transparent;scrollbar-width:thin;width:340px;max-height:calc(100dvh - 32px);padding:12px 13px;position:absolute;top:16px;right:16px;overflow-y:auto}.settings section+section{margin-top:16px}.settings h2{color:var(--text);letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:11px}.preset-manager select,.preset-name{width:100%;height:32px;color:var(--text);font:inherit;background:#202320;border:1px solid #ffffff2e;border-radius:0;padding:0 9px;font-size:10px}.preset-name{margin-top:6px}.preset-name::placeholder{color:#747a72}.preset-actions{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:7px;display:grid}.preset-actions button{height:29px;color:var(--text);cursor:pointer;background:#292c29;border:1px solid #fff3;font-size:9px}.preset-actions button:last-child{border-color:var(--accent);grid-column:1/-1}.preset-actions button:hover:not(:disabled){border-color:var(--accent)}.preset-actions button:disabled{color:#5e635d;cursor:default;opacity:.55}.preset-state{color:#7fc66d;margin-top:7px;font-size:9px}.preset-state.dirty{color:#e1a253}.setting{padding:5px 0;display:block}.setting>span{color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:10px;display:flex}.setting output{color:var(--text);font-variant-numeric:tabular-nums;font-size:10px}.setting input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:16px;margin:2px 0 0}.setting input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--progress), #ffffff29 var(--progress) 100%);height:3px}.setting input::-moz-range-track{background:#ffffff29;height:3px}.setting input::-moz-range-progress{background:var(--accent);height:3px}.setting input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:0;width:9px;height:13px;margin-top:-5px}.setting input::-moz-range-thumb{background:#fff;border:0;border-radius:0;width:9px;height:13px}@media (max-width:600px){.experiments{top:12px;left:12px}.settings{width:calc(100% - 24px);max-height:calc(100dvh - 66px);top:54px;right:12px}}