:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{color:#e8ecf2;background:#05070c;width:100%;height:100%;margin:0;padding:0;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.os{pointer-events:none;z-index:5;position:fixed;inset:0}.topbar{-webkit-backdrop-filter:blur(14px)saturate(140%);letter-spacing:.04em;color:#e8ecf2d9;pointer-events:auto;background:#0a0e1673;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:18px;padding:8px 16px;font-size:12px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.topbar .dot{background:var(--accent,#7cf0c6);width:6px;height:6px;box-shadow:0 0 10px var(--accent,#7cf0c6);border-radius:50%}.topbar .sep{background:#ffffff1f;width:1px;height:12px}.topbar .mono{font-variant-numeric:tabular-nums}.corner{letter-spacing:.14em;text-transform:uppercase;color:#e8ecf28c;font-size:11px;position:absolute}.corner.tl{top:20px;left:24px}.corner.tr{text-align:right;top:20px;right:24px}.corner.bl{bottom:20px;left:24px}.corner.br{text-align:right;bottom:20px;right:24px}.crosshair{border:1px solid #e8ecf259;width:10px;height:10px;position:absolute}.crosshair.tl{border-bottom:none;border-right:none;top:16px;left:16px}.crosshair.tr{border-bottom:none;border-left:none;top:16px;right:16px}.crosshair.bl{border-top:none;border-right:none;bottom:16px;left:16px}.crosshair.br{border-top:none;border-left:none;bottom:16px;right:16px}.hint{letter-spacing:.18em;text-transform:uppercase;color:#e8ecf280;gap:18px;font-size:11px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hint kbd{color:#e8ecf2bf;background:#ffffff0a;border:1px solid #ffffff26;border-radius:4px;margin-right:6px;padding:2px 6px;font-family:inherit;font-size:10px}.tweaks{-webkit-backdrop-filter:blur(18px)saturate(140%);color:#e8ecf2;z-index:20;background:#0a0e16c7;border:1px solid #ffffff14;border-radius:12px;width:280px;padding:16px 16px 14px;font-size:12px;display:none;position:fixed;top:70px;right:20px;box-shadow:0 30px 60px #00000073}.tweaks.open{display:block}.tweaks h3{letter-spacing:.22em;text-transform:uppercase;color:#e8ecf2a6;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:11px;display:flex}.tweaks h3 .close{cursor:pointer;color:#e8ecf273;letter-spacing:0;font-size:14px}.tweaks h3 .close:hover{color:#fff}.row{margin-bottom:10px}.row label{color:#e8ecf2bf;letter-spacing:.04em;justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.row label .val{font-variant-numeric:tabular-nums;color:var(--accent,#7cf0c6)}.row input[type=range]{appearance:none;background:#ffffff1f;border-radius:2px;outline:none;width:100%;height:3px}.row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent,#7cf0c6);cursor:grab;width:12px;height:12px;box-shadow:0 0 8px var(--accent,#7cf0c6);border:2px solid #05070c;border-radius:50%}.row input[type=range]::-moz-range-thumb{background:var(--accent,#7cf0c6);cursor:grab;border:2px solid #05070c;border-radius:50%;width:12px;height:12px}.presets{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.preset{letter-spacing:.08em;text-transform:uppercase;color:#e8ecf2bf;cursor:pointer;text-align:center;background:#ffffff05;border:1px solid #ffffff1f;border-radius:6px;padding:6px 4px;font-family:inherit;font-size:10px}.preset:hover{color:#fff;background:#ffffff0f}.preset.active{border-color:var(--accent,#7cf0c6);color:var(--accent,#7cf0c6);background:#7cf0c614}.palettes{gap:6px;margin-bottom:10px;display:flex}.pal{cursor:pointer;border:1px solid #ffffff1a;border-radius:4px;flex:1;height:22px;position:relative}.pal.active{border-color:#fff;box-shadow:0 0 0 1px #ffffff4d}.actions{gap:6px;margin-top:12px;display:flex}.btn{letter-spacing:.1em;text-transform:uppercase;color:#e8ecf2d9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:7px;font-family:inherit;font-size:10px}.btn:hover{color:#fff;background:#ffffff14}.btn.primary{background:var(--accent,#7cf0c6);border-color:var(--accent,#7cf0c6);color:#05070c;font-weight:600}.btn.primary:hover{filter:brightness(1.1)}#fps{letter-spacing:.18em;color:#e8ecf259;pointer-events:none;z-index:5;font-variant-numeric:tabular-nums;font-size:10px;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.os,.hint,.tweaks,#fps{display:none!important}#version-badge,#preset-badge,#brush-badge{z-index:6;letter-spacing:.18em;color:#e8ecf28c;pointer-events:none;font-variant-numeric:tabular-nums;font-family:inherit;font-size:10px;position:fixed}#version-badge{top:12px;left:14px}#preset-badge{pointer-events:auto;cursor:pointer;font:inherit;letter-spacing:.18em;color:#e8ecf28c;font-variant-numeric:tabular-nums;text-transform:uppercase;background:0 0;border:none;padding:4px 6px;font-size:10px;top:12px;right:14px}#preset-badge:hover{color:#fff}#preset-badge.locked{color:var(--accent,#7cf0c6)}#brush-badge{bottom:60px;left:14px}#audio-badge{z-index:6;pointer-events:auto;cursor:pointer;font:inherit;letter-spacing:.18em;color:#e8ecf28c;text-transform:uppercase;font-variant-numeric:tabular-nums;background:0 0;border:none;padding:4px 10px;font-size:10px;position:fixed;bottom:12px;left:14px}#audio-badge:hover{color:#fff}#audio-badge.on{color:var(--accent,#7cf0c6)}#mic-badge{z-index:6;pointer-events:auto;cursor:pointer;font:inherit;letter-spacing:.18em;color:#e8ecf28c;text-transform:uppercase;font-variant-numeric:tabular-nums;background:0 0;border:none;padding:4px 10px;font-size:10px;position:fixed;bottom:36px;left:14px}#mic-badge:hover{color:#fff}#mic-badge.on{color:var(--accent,#7cf0c6)}#tune-badge{z-index:6;pointer-events:auto;cursor:pointer;font:inherit;letter-spacing:.18em;color:#e8ecf28c;text-transform:uppercase;font-variant-numeric:tabular-nums;background:0 0;border:none;padding:4px 10px;font-size:10px;position:fixed;top:12px;left:50%;transform:translate(-50%)}#tune-badge:hover{color:#fff}#tune-badge.open{color:var(--accent,#7cf0c6)}#tune-panel{z-index:8;-webkit-backdrop-filter:blur(18px)saturate(140%);color:#e8ecf2d9;background:#0a0e16eb;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:360px;max-width:calc(100vw - 24px);font-family:inherit;display:flex;position:fixed;top:12px;bottom:12px;right:12px;box-shadow:0 30px 60px #00000080}#tune-panel[hidden]{display:none}#tune-panel header{letter-spacing:.18em;text-transform:uppercase;color:#e8ecf28c;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;display:flex}#tune-panel header button{color:#e8ecf273;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}#tune-panel header button:hover{color:#fff}#tune-panel section{padding:10px 14px;overflow-y:auto}#tune-panel section.metrics{font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#e8ecf2b3;border-bottom:1px solid #ffffff0f;flex:none;grid-template-columns:repeat(2,1fr);gap:4px 12px;font-size:10px;display:grid}#tune-panel section.metrics .row{justify-content:space-between;display:flex}#tune-panel section.metrics .row .v{color:var(--accent,#7cf0c6)}#tune-panel section.metrics .bands{grid-column:1/-1;align-items:flex-end;gap:3px;height:36px;margin-top:4px;display:flex}#tune-panel section.metrics .bands .bar{background:var(--accent,#7cf0c6);border-radius:1px;flex:1;min-height:1px}#tune-panel section.controls{flex:auto}#tune-panel .group{margin-bottom:12px}#tune-panel .group h4{letter-spacing:.18em;text-transform:uppercase;color:#e8ecf273;margin:0 0 6px;font-size:10px}#tune-panel .field{grid-template-columns:1fr 56px;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:grid}#tune-panel .field label{color:#e8ecf299}#tune-panel .field .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--accent,#7cf0c6)}#tune-panel .field input[type=range]{appearance:none;background:#ffffff1a;border-radius:2px;grid-column:1/-1;width:100%;height:3px;margin:2px 0 4px}#tune-panel .field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent,#7cf0c6);cursor:grab;border:2px solid #05070c;border-radius:50%;width:12px;height:12px}#tune-panel .field select{color:#e8ecf2d9;width:100%;font:inherit;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;grid-column:1/-1;padding:4px 6px;font-size:11px}#tune-panel footer{border-top:1px solid #ffffff0f;flex:none;gap:6px;padding:10px 14px;display:flex}#tune-panel footer button{color:#e8ecf2d9;cursor:pointer;font:inherit;letter-spacing:.16em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:6px;font-size:10px}#tune-panel footer button:hover{color:#fff;background:#ffffff1a}#tune-panel footer button.primary{background:var(--accent,#7cf0c6);border-color:var(--accent,#7cf0c6);color:#05070c}#preset-picker{z-index:7;-webkit-backdrop-filter:blur(18px)saturate(140%);letter-spacing:.12em;color:#e8ecf2d9;text-transform:uppercase;background:#0a0e16e0;border:1px solid #ffffff14;border-radius:10px;min-width:180px;max-height:70vh;padding:6px;font-family:inherit;font-size:11px;position:fixed;top:36px;right:14px;overflow-y:auto;box-shadow:0 30px 60px #00000073}#preset-picker[hidden]{display:none}#preset-picker button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:6px;padding:7px 10px;display:block}#preset-picker button:hover{color:#fff;background:#ffffff0f}#preset-picker button.active{color:var(--accent,#7cf0c6)}#preset-picker button.random{color:var(--accent,#7cf0c6);border-bottom:1px solid #ffffff14;margin-bottom:4px}#contact{z-index:10;flex-direction:column;align-items:flex-end;gap:8px;font-family:inherit;display:flex;position:fixed;bottom:20px;right:20px}#contact-toggle{letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px)saturate(140%);color:#e8ecf2d9;cursor:pointer;background:#0a0e1673;border:1px solid #ffffff14;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:11px;transition:background .2s,color .2s}#contact-toggle:hover,#contact-toggle[aria-expanded=true]{color:#fff;background:#0a0e16bf}#contact-toggle:focus-visible{outline-offset:2px;outline:1px solid #fff6}#contact-links{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0a0e16c7;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1px;min-width:160px;padding:6px;display:flex;box-shadow:0 30px 60px #00000073}#contact-links[hidden]{display:none}#contact-links a{letter-spacing:.18em;text-transform:uppercase;color:#e8ecf2bf;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 14px;font-size:11px;text-decoration:none;transition:background .15s,color .15s}#contact-links a:hover,#contact-links a:focus-visible{color:#fff;background:#ffffff0f;outline:none}