:root{--bg: #05060d;--panel: #101322d1;--panel-border: #788cdc2e;--accent: #7aa2ff;--accent-2: #c08bff;--text: #e8ecff;--muted: #9aa3c7;--shadow: 0 8px 30px #00000073}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}#space{position:fixed;top:0;right:0;bottom:0;left:0;display:block;cursor:crosshair;touch-action:none}#topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:18px;padding:12px 18px;pointer-events:none;z-index:10}.brand{display:flex;align-items:center;gap:10px}.logo{font-size:22px;color:var(--accent-2);filter:drop-shadow(0 0 8px var(--accent-2))}.title{font-size:18px;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hint{font-size:13px;color:var(--muted)}.icon-btn{pointer-events:auto;width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--muted);background:var(--panel);border:0px solid var(--panel-border);border-radius:50%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;text-decoration:none;transition:color .15s,border-color .15s,transform .1s}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}.icon-btn:active{transform:scale(.92)}#github-btn{margin-left:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;background:#04050bcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .15s ease}.modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 80px);overflow-y:auto;padding:24px 28px 20px;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;box-shadow:var(--shadow);color:var(--text)}.modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--panel-border);border-radius:8px;color:var(--muted);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.modal-close:hover{background:#ffffff1f;color:var(--text)}.modal-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:20px;font-weight:700}.modal-lead{margin:0 0 18px;font-size:13.5px;line-height:1.6;color:var(--muted)}.modal h3{margin:16px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent)}.modal ul{margin:0;padding-left:18px;font-size:13px;line-height:1.7;color:var(--text)}.modal ul b{color:var(--accent-2);font-weight:600}.modal-foot{margin:18px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#panel{position:fixed;top:56px;left:14px;width:300px;max-height:calc(100vh - 130px);overflow-y:auto;padding:6px;z-index:10}.block{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:14px 16px;margin-bottom:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.block h2{margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.row{display:grid;grid-template-columns:50px 1fr 82px;align-items:center;gap:8px;margin-bottom:12px;font-size:13px}.row:last-child{margin-bottom:0}.row input[type=range]{min-width:0}.row output{font-variant-numeric:tabular-nums;text-align:right;color:var(--accent);font-size:12px;white-space:nowrap}.row.check{grid-template-columns:18px 1fr}.row.check input{margin:0}select{grid-column:2 / 4;background:#ffffff0a;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:5px 8px;font-size:13px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 0 6px var(--accent);cursor:pointer}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.tip{margin:4px 0 0;font-size:11.5px;color:var(--muted);line-height:1.4}.scale-readout{margin:2px 0 12px;text-align:center;font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-grid button{background:#7aa2ff1a;border:1px solid var(--panel-border);color:var(--text);border-radius:9px;padding:9px 6px;font-size:12px;cursor:pointer;transition:background .15s,transform .1s}.preset-grid button:hover{background:#7aa2ff38}.preset-grid button:active{transform:scale(.96)}.preset-grid button.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:transparent;color:#0a0c16;font-weight:600}.preset-config{margin-top:12px;padding-top:12px;border-top:1px solid var(--panel-border)}.config-note{margin:-4px 0 10px;font-size:11.5px;color:var(--muted);line-height:1.4}.start-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;color:#0a0c16;font-weight:600;border-radius:9px;padding:9px 6px;font-size:13px;cursor:pointer;transition:transform .1s}.start-btn:active{transform:scale(.97)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center}.stats>div{display:flex;flex-direction:column;gap:3px}.stats span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.stats b{font-size:15px;color:var(--accent);font-variant-numeric:tabular-nums}.dropdown-option{color:#000}.tooltip{position:fixed;z-index:20;pointer-events:none;min-width:130px;padding:8px 10px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);font-size:12px}.tt-title{font-weight:700;color:var(--accent-2);margin-bottom:5px}.tt-row{display:flex;justify-content:space-between;gap:14px}.tt-row span{color:var(--muted)}.tt-row b{color:var(--text);font-variant-numeric:tabular-nums}#toolbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);z-index:10}#toolbar button{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text);border-radius:9px;padding:8px 12px;font-size:13px;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}#toolbar button.icon-only{padding:8px}#toolbar button:hover{background:#ffffff1f}#toolbar button:active{transform:scale(.95)}#toolbar button.primary{display:flex;justify-content:center;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:transparent;color:#0a0c16;width:100px;font-weight:600}#toolbar button.active{background:#7ae0ff38;border-color:#7ae0ff;color:#dff3ff}.sep{width:1px;height:22px;background:var(--panel-border);margin:0 2px}.zoomLabel{font-size:12px;color:var(--muted);padding:0 4px}.zoomLabel b{color:var(--accent);font-variant-numeric:tabular-nums}#panel::-webkit-scrollbar{width:8px}#panel::-webkit-scrollbar-thumb{background:#7aa2ff40;border-radius:8px}@media (max-width: 720px){.hint{display:none}#panel{width:260px}}