.tools-page{min-height:100vh}.tools-header{text-align:center;background:#0000004d;border-bottom:1px solid #00ff781a;padding:4rem 2rem 3rem}.tools-header__inner{max-width:700px;margin:0 auto}.tools-header__label{letter-spacing:.3em;color:#00ff7899;margin-bottom:.5rem;font-family:monospace;font-size:.7rem;font-weight:700}.tools-header__title{letter-spacing:.1em;color:#fff;margin-bottom:1rem;font-family:Rajdhani,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1}.tools-header__sub{color:#ffffff59;letter-spacing:.05em;font-family:monospace;font-size:.85rem}.tools-content{padding:2rem}.tools-content__inner{grid-template-columns:200px 1fr;align-items:start;gap:2rem;max-width:900px;margin:0 auto;display:grid}.tool-tabs{flex-direction:column;gap:.25rem;display:flex;position:sticky;top:80px}.tool-tab{color:#fff6;letter-spacing:.1em;cursor:pointer;text-align:left;background:#0000004d;border:1px solid #ffffff0d;border-radius:3px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:monospace;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.tool-tab:hover{color:#ffffffb3;border-color:#00ff7833}.tool-tab--active{color:#00ff78d9;background:#00ff780f;border-color:#00ff784d}.tool-tab__icon{font-size:1rem;line-height:1}.tool-area{background:#0006;border:1px solid #ffffff0f;border-radius:4px;overflow:hidden}.tool-area__header{background:#00ff7808;border-bottom:1px solid #00ff781a;padding:1rem 1.5rem}.tool-area__title{letter-spacing:.2em;color:#00ff78b3;font-family:monospace;font-size:.8rem;font-weight:700}.tool-area__desc{color:#ffffff40;letter-spacing:.05em;margin-top:.2rem;font-family:monospace;font-size:.65rem}.tool-panel{padding:1.5rem}.tool-canvas{background:#000;border:1px solid #00ff781a;border-radius:3px;width:100%;height:auto;margin-bottom:1rem;display:block}.tool-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn-start{color:#00ff78e6;letter-spacing:.15em;cursor:pointer;background:#00ff781a;border:1px solid #00ff7866;border-radius:3px;padding:.6rem 1.2rem;font-family:monospace;font-size:.75rem;font-weight:700;transition:all .2s}.btn-start:hover{background:#00ff7833}.btn-stop{color:#ff6464e6;letter-spacing:.15em;cursor:pointer;background:#ff3c3c1a;border:1px solid #ff3c3c66;border-radius:3px;padding:.6rem 1.2rem;font-family:monospace;font-size:.75rem;font-weight:700;transition:all .2s}.btn-stop:hover{background:#ff3c3c33}.btn-action{color:#b48cffe6;letter-spacing:.15em;cursor:pointer;background:#9664ff1a;border:1px solid #9664ff66;border-radius:3px;padding:.6rem 1.2rem;font-family:monospace;font-size:.75rem;font-weight:700;transition:all .2s}.btn-action:hover{background:#9664ff33}.btn-action:disabled{opacity:.5;cursor:default}.btn-small{color:#fff6;letter-spacing:.1em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:3px;padding:.4rem .8rem;font-family:monospace;font-size:.7rem;font-weight:700}.btn-small:hover{color:#fff;border-color:#ffffff40}.active-dot{color:#ff3c3ccc;letter-spacing:.1em;font-family:monospace;font-size:.7rem;animation:1s step-end infinite blink}.bpm-tool{flex-direction:column;align-items:center;gap:2rem;padding:1.5rem;display:flex}.bpm-display{text-align:center}.bpm-display__value{letter-spacing:-.02em;color:#ffffff26;font-family:monospace;font-size:5rem;font-weight:700;line-height:1;transition:all .2s}.bpm-display__value--active{color:#00ff78e6;text-shadow:0 0 30px #00ff5066}.bpm-display__label{color:#ffffff4d;letter-spacing:.3em;margin-top:.25rem;font-family:monospace;font-size:.7rem}.bpm-tap{color:#fff;letter-spacing:.15em;cursor:pointer;background:#ffffff0a;border:3px solid #ffffff1f;border-radius:50%;width:140px;height:140px;font-family:Rajdhani,monospace;font-size:.9rem;font-weight:700;transition:all 50ms}.bpm-tap--flash{background:#5800b1;background:lab(23.205% 81.3904 -91.474);border-color:#9d66ff;border-color:lab(54.3707% 64.5798 -90.1353);box-shadow:0 0 40px #7800ea80;box-shadow:0 0 40px lab(36.0446% 72.3192 -90.4223/.5)}.bpm-row{align-items:center;gap:1rem;display:flex}.bpm-row__count{color:#ffffff4d;font-family:monospace;font-size:.75rem}.bpm-grid{align-items:center;gap:6px;display:flex}.bpm-grid__tick{background:#ffffff1f;border-radius:2px;width:10px;height:12px}.bpm-grid__tick--major{background:#9247ffcc;background:lab(48.3301% 66.6859 -90.1491/.8);height:24px}.tuner-tool{flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex}.tuner-note{letter-spacing:-.02em;color:#ffffff1a;text-align:center;font-family:monospace;font-size:5rem;font-weight:700;line-height:1;transition:all .15s}.tuner-note--in{color:#00ff78f2;text-shadow:0 0 30px #00ff5080}.tuner-note--off{color:#ffdc00e6;text-shadow:0 0 30px #ffc80066}.tuner-status{text-align:center;margin-top:.25rem;font-family:monospace;font-size:.85rem}.tuner-status--in{color:#00ff78b3}.tuner-status--off{color:#ffdc00b3}.tuner-meter{width:280px;position:relative}.tuner-meter__bar{background:#ffffff0f;border-radius:3px;height:6px;position:relative;overflow:hidden}.tuner-meter__needle{border-radius:2px;width:4px;height:100%;transition:left .1s,background .2s;position:absolute;top:0;transform:translate(-50%)}.tuner-meter__center{background:#ffffff4d;width:1px;height:12px;position:absolute;top:-3px;left:50%}.tuner-meter__labels{justify-content:space-between;margin-top:6px;font-family:monospace;font-size:.65rem;display:flex}.tuner-meter__label{color:#ffffff40}.tuner-meter__label--center{color:#fff6}.tuner-ring{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:300px;display:flex}.tuner-ring__note{color:#ffffff80;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:monospace;font-size:.7rem;transition:all .1s;display:flex}.tuner-ring__note--in{color:#00ff78e6;background:#00ff7833;border-color:#00ff7899}.tuner-ring__note--off{color:#ffdc00e6;background:#ffdc0033;border-color:#ffdc0099}.synth-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.synth-row__label{color:#ffffff4d;letter-spacing:.2em;font-family:monospace;font-size:.7rem}.synth-preset-btn{color:#ffffff80;letter-spacing:.12em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:2px;padding:.4rem .8rem;font-family:monospace;font-size:.75rem;font-weight:700}.synth-preset-btn--active{color:#fff;background:#5800b1;background:lab(23.205% 81.3904 -91.474);border-color:#9d66ff;border-color:lab(54.3707% 64.5798 -90.1353)}.synth-octave-btn{color:#ffffff59;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:2px;padding:.4rem .6rem;font-family:monospace;font-size:.7rem}.synth-octave-btn--active{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.synth-keyboard{-webkit-user-select:none;user-select:none;height:120px;margin-bottom:1rem;position:relative}.synth-keyboard__whites{gap:2px;height:100%;display:flex}.synth-key-white{cursor:pointer;background:#ffffffe6;border:1px solid #0003;border-radius:0 0 4px 4px;flex:1;justify-content:center;align-items:flex-end;height:100%;padding-bottom:8px;transition:background 50ms,box-shadow 50ms;display:flex;position:relative}.synth-key-white--pressed{background:#b697ff;background:lab(66.3325% 61.2661 -90.2258);box-shadow:0 0 20px #9247ff80;box-shadow:0 0 20px lab(48.3301% 66.6859 -90.1491/.5)}.synth-key-white__label{color:#0000004d;font-family:monospace;font-size:.55rem}.synth-key-white--pressed .synth-key-white__label{color:#fff}.synth-key-black{cursor:pointer;z-index:2;background:#111;border:1px solid #ffffff1a;border-radius:0 0 3px 3px;width:6%;height:62%;transition:all 50ms;position:absolute;top:0;box-shadow:0 4px 8px #00000080}.synth-key-black--pressed{background:#5800b1;background:lab(23.205% 81.3904 -91.474);border-color:#9d66ff;border-color:lab(54.3707% 64.5798 -90.1353);box-shadow:0 0 15px #7800ea99;box-shadow:0 0 15px lab(36.0446% 72.3192 -90.4223/.6)}.synth-hint{color:#fff3;text-align:center;letter-spacing:.1em;font-family:monospace;font-size:.65rem}.midi-tool{flex-direction:column;gap:1.5rem;padding:1rem;display:flex}.midi-intro{color:#fff6;font-family:monospace;font-size:.75rem;line-height:1.6}.midi-wave-wrap{background:#000;border:1px solid #ffffff0f;border-radius:4px;position:relative;overflow:hidden}.midi-wave-wrap canvas{width:100%;height:auto;display:block}.midi-wave-overlay{color:#fff3;letter-spacing:.2em;background:#0009;justify-content:center;align-items:center;font-family:monospace;font-size:.65rem;display:flex;position:absolute;inset:0}.midi-detect{color:#ffffff4d;letter-spacing:.15em;font-family:monospace;font-size:.65rem;position:absolute;top:8px;left:12px}.midi-detect__note{color:#a980ff;color:lab(60.3678% 62.7966 -90.166);font-weight:700}.midi-rec-badge{align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:12px}.midi-rec-badge__dot{background:#ff3c3ce6;border-radius:50%;width:6px;height:6px;animation:1s step-end infinite blink}.midi-rec-badge__label{color:#ff6464cc;letter-spacing:.15em;font-family:monospace;font-size:.6rem}.midi-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.midi-timeline{background:#0006;border:1px solid #ffffff0d;border-radius:4px;min-height:80px;padding:1rem;position:relative;overflow:hidden}.midi-timeline__empty{color:#ffffff26;font-family:monospace;font-size:.7rem}.midi-timeline__notes{flex-wrap:wrap;gap:.4rem;display:flex}.midi-note-chip{color:#b697ff;color:lab(66.3325% 61.2661 -90.2258);text-align:center;background:#5800b14d;background:lab(23.205% 81.3904 -91.474/.3);border:1px solid #9247ff80;border:1px solid lab(48.3301% 66.6859 -90.1491/.5);border-radius:3px;min-width:36px;padding:3px 8px;font-family:monospace;font-size:.7rem}.midi-summary{color:#ffffff40;font-family:monospace;font-size:.65rem}.rec-intro{color:#fff6;margin-bottom:1.25rem;font-family:monospace;font-size:.75rem;line-height:1.6}.rec-wave-wrap{background:#000;border:1px solid #00ff781f;border-radius:4px;margin-bottom:1.25rem;position:relative;overflow:hidden}.rec-wave{width:100%;height:auto;display:block}.rec-wave-overlay{color:#ffffff40;letter-spacing:.25em;background:#0009;justify-content:center;align-items:center;font-family:monospace;font-size:.7rem;display:flex;position:absolute;inset:0}.rec-wave-badge{align-items:center;gap:6px;display:flex;position:absolute;top:10px;right:14px}.rec-wave-badge__dot{background:#ff3c3ce6;border-radius:50%;width:6px;height:6px;animation:1s step-end infinite blink}.rec-wave-badge__label{color:#ff6464d9;letter-spacing:.2em;font-family:monospace;font-size:.6rem}.rec-status{background:#0006;border:1px solid #ffffff0d;border-radius:4px;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:grid}.rec-time{flex-direction:column;gap:.2rem;display:flex}.rec-time__value{letter-spacing:.04em;color:#00ff78d9;text-shadow:0 0 18px #00ff5040;font-family:monospace;font-size:2.4rem;font-weight:700;line-height:1}.rec-time__label{letter-spacing:.3em;color:#ffffff4d;font-family:monospace;font-size:.6rem}.rec-meta{flex-direction:column;gap:.35rem;display:flex}.rec-meta__row{justify-content:space-between;gap:1rem;font-family:monospace;font-size:.7rem;display:flex}.rec-meta__k{color:#ffffff59;letter-spacing:.2em}.rec-meta__v{color:#ffffffbf}.rec-controls{margin-bottom:1rem}.rec-encoding{letter-spacing:.2em;color:#00ff78a6;font-family:monospace;font-size:.7rem;animation:1s step-end infinite blink}.rec-player{filter:invert(.85)hue-rotate(180deg);border-radius:3px;width:100%;margin-top:.5rem}.sun-wrap{aspect-ratio:16/10;background:radial-gradient(#14002866 0%,#04000c 80%);border:1px solid #ffffff0f;border-radius:4px;width:100%;position:relative;overflow:hidden}.sun-wrap--fs{aspect-ratio:auto;border:none;border-radius:0;width:100vw;height:100vh}.sun-canvas{width:100%;height:100%;display:block}.sun-overlay{background:#04000c8c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.sun-hint{color:#fff6;letter-spacing:.12em;text-align:center;max-width:380px;font-family:monospace;font-size:.7rem;line-height:1.6}.sun-fs-btn{color:#ffffffbf;letter-spacing:.2em;cursor:pointer;background:#0000008c;border:1px solid #ffffff1f;border-radius:3px;padding:.5rem .9rem;font-family:monospace;font-size:.65rem;font-weight:700;transition:all .15s;position:absolute;top:12px;right:12px}.sun-fs-btn:hover{color:#fff;background:#000000bf;border-color:#9247ff80;border-color:lab(48.3301% 66.6859 -90.1491/.5)}.sun-live{letter-spacing:.2em;color:#00ff78bf;align-items:center;gap:6px;font-family:monospace;font-size:.65rem;display:flex;position:absolute;top:14px;left:14px}.sun-live__dot{background:#00ff78d9;border-radius:50%;width:7px;height:7px;animation:1.4s step-end infinite blink;box-shadow:0 0 10px #00ff7899}@media (max-width:800px){.tools-content{padding:1rem}.tools-content__inner{grid-template-columns:1fr;gap:1rem}.tool-tabs{flex-flow:wrap;position:static}.tools-header{padding:3rem 1rem 2rem}.rec-status{grid-template-columns:1fr}}