@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--panel-bg:#04040ad1;--panel-border:#00dcff2e;--accent:#00dcff;--accent2:#f47;--text:#c8e6ffd9;--text-dim:#96b4d280;--font:"Space Mono", "Courier New", monospace;--track-bg:#00c8ff14;--thumb-color:#00dcff}html,body{width:100%;height:100%;font-family:var(--font);cursor:crosshair;background:#050508;overflow:hidden}#app{display:none}#canvas{cursor:crosshair;display:block;position:fixed;inset:0}#panel{z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;border-radius:2px;min-width:240px;position:fixed;top:20px;right:20px;box-shadow:0 0 0 1px #00dcff0a,0 8px 40px #0009,inset 0 1px #ffffff0a}.panel-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex}.panel-title{letter-spacing:.18em;color:var(--accent);text-shadow:0 0 12px #00dcff99;font-size:10px;font-weight:700}.panel-header button{border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:1px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;line-height:1;transition:color .15s,border-color .15s;display:flex}.panel-header button:hover{color:var(--accent);border-color:var(--accent)}.panel-body{flex-direction:column;gap:10px;padding:14px;display:flex}label{letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;flex-direction:column;gap:5px;font-size:9px;display:flex}label span{color:var(--accent);float:right;font-weight:700}label.row{flex-direction:row;justify-content:space-between;align-items:center}label.checkbox-row{color:var(--text);flex-direction:row;align-items:center;gap:8px}input[type=range]{appearance:none;background:var(--track-bg);cursor:pointer;border:none;border-radius:0;outline:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--thumb-color);cursor:pointer;border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #00dcffcc}input[type=range]::-moz-range-thumb{background:var(--thumb-color);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #00dcffcc}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#00dcff4d,#00dcff14)}input[type=checkbox]{appearance:none;border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:1px;flex-shrink:0;width:12px;height:12px;position:relative}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background:#050508;position:absolute;inset:2px}select{border:1px solid var(--panel-border);color:var(--accent);font-family:var(--font);letter-spacing:.1em;cursor:pointer;background:#00dcff0f;border-radius:1px;outline:none;padding:3px 6px;font-size:9px}select:hover{border-color:var(--accent)}#btn-reset{color:var(--accent2);font-family:var(--font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#ff447714;border:1px solid #ff44774d;border-radius:1px;margin-top:2px;padding:7px 12px;font-size:9px;transition:background .15s,box-shadow .15s}#btn-reset:hover{background:#ff44772e;box-shadow:0 0 12px #ff44774d}.hint{letter-spacing:.08em;color:var(--text-dim);text-align:center;margin-top:2px;font-size:8px;line-height:1.5}body:after{content:"";pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}