:root{color-scheme:dark;--bg:#101614;--panel:#17201b;--accent:#39ff7a;--text:#e4ece6;--muted:#9aac9f;--border:#2d3b32}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button,input,select,textarea{color:var(--text)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.app{max-width:1140px;margin:auto;padding:0 40px;position:relative}main{max-width:920px;margin:auto}.breadcrumbs{padding:28px 0 10px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.breadcrumbs a:hover{color:var(--accent)}.tool-intro{padding:27px 0 30px;max-width:760px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#9abcaa;margin:0 0 12px}h1{font-size:clamp(28px,4vw,42px);line-height:1.15;font-weight:550;letter-spacing:-1.4px;margin:0 0 14px}.tool-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);margin:0 0 16px;max-width:670px}.local-badge{font-size:11px;color:#b2c4b8;display:inline-flex;gap:8px;align-items:center}.local-badge i{width:5px;height:5px;background:var(--accent);border-radius:50%}.workspace{padding:26px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.input-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.file-label{font-size:12px;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #42594a;border-radius:7px;cursor:pointer;position:relative}.file-label:hover{border-color:var(--accent)}.file-label:focus-within{outline:2px solid var(--accent);outline-offset:4px}.file-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.encoding-label{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}select{background:#101813;border:1px solid var(--border);padding:8px;border-radius:6px;max-width:100%}.quiet{margin-left:auto;font-size:12px;color:var(--muted);border:0;background:none;padding:8px;text-decoration:underline;text-underline-offset:4px}.quiet:hover{color:var(--accent)}.editor-label{display:block;font-size:12px;margin-bottom:8px;color:var(--muted)}textarea{display:block;width:100%;min-height:210px;max-height:700px;resize:vertical;line-height:1.6;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;background:#0e1511;border:1px solid var(--border);border-radius:8px;padding:15px;tab-size:4;overflow-wrap:anywhere}.second-input{margin-top:20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.second-input textarea{grid-column:1/-1}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.option{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.option input,.option select{width:100%;height:42px;border:1px solid var(--border);border-radius:6px;background:#101813;padding:8px 10px;font-size:13px}.check-option{display:flex;gap:9px;align-items:center;font-size:12px;color:#b5c5ba;min-height:38px}.check-option input{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.run-actions{display:flex;gap:12px;align-items:center;margin-top:24px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:7px;padding:10px 17px;font-size:12px;border:1px solid #42594a;background:transparent;line-height:1.3;color:var(--text)}.primary{background:var(--accent);color:#102218;border-color:var(--accent);font-weight:650;gap:32px;min-width:168px}.primary:hover:not(:disabled){filter:brightness(1.08)}.secondary:hover{border-color:var(--accent)}#status{font-size:12px;color:var(--muted);min-height:20px;margin:20px 0 0;overflow-wrap:anywhere}#status.error{color:#ffb3a3}.result{border-top:1px solid var(--border);padding-top:22px;margin-top:22px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.result h2{margin:0;font-size:14px;font-weight:500}.result-actions{display:flex;gap:8px}.result textarea{min-height:230px}.result img{display:block;max-width:100%;max-height:600px;object-fit:contain;margin:auto;background:repeating-conic-gradient(#28352d 0% 25%,#19231d 0% 50%) 50%/18px 18px;border-radius:7px}.drop-zone{padding:32px 20px;border:1px dashed #526c5b;border-radius:10px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#121b15}.drop-zone.dragging{border-color:var(--accent);background:#173723}.drop-zone p{font-size:11px;color:var(--muted);margin:12px 0 4px}.drop-zone .quiet{margin:4px 0 0}.file-info{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.image-preview{display:flex;gap:10px;flex-wrap:wrap}.image-preview img{max-width:160px;max-height:110px;object-fit:contain;border-radius:5px;background:#101614}.guide{padding:30px 0 12px;color:var(--muted);font-size:13px;line-height:1.8}.guide h2,.related h2,.collection-note h2{font-size:16px;color:var(--text);font-weight:500;margin:14px 0 10px}.guide ol{padding-left:21px}.guide p{margin:9px 0}.ad-section{margin:24px 0 40px;min-height:130px;clear:both}.ad-label{text-align:center;color:var(--muted);font-size:10px;letter-spacing:.6px;margin-bottom:12px}.related{border-top:1px solid var(--border);padding:20px 0 40px}.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-links a{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:12px 14px;border:1px solid var(--border);border-radius:7px}.related-links a:hover{border-color:var(--accent);color:var(--accent)}.utility-page #bmc-wbtn{position:absolute!important;right:18px!important;bottom:18px!important}.utility-page .coffee-bubble{position:absolute;right:88px;bottom:26px}.directory main{max-width:none}.directory-intro{padding:65px 0 42px}.directory-intro h1{font-size:clamp(42px,6vw,70px);letter-spacing:-3px;line-height:1.04}.directory-intro h1 span{color:var(--accent)}.directory-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.8}.directory-controls{border-top:1px solid var(--border);padding:25px 0 20px}.search-label{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}#tool-search{width:100%;max-width:560px;border:1px solid #3d5445;border-radius:9px;background:#151f18;padding:13px 16px;color:var(--text);font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.filters button{background:none;border:1px solid var(--border);border-radius:100px;padding:8px 14px;color:var(--muted);font-size:12px}.filters button span{font-size:10px;opacity:.65;margin-left:5px}.filters button[aria-pressed=true]{border-color:#39ff7a80;color:var(--accent);background:#39ff7a0b}#directory-status{font-size:11px;color:var(--muted);margin:18px 0 0}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{display:block;background:#151e18;border:1px solid var(--border);border-radius:10px;padding:22px;min-height:195px;transition:background .15s,border-color .15s}.tool-card:hover{border-color:#5c8a6c;background:#1a2920}.card-category{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#9bbea7}.tool-card h3{font-size:17px;line-height:1.35;font-weight:500;letter-spacing:-.3px;margin:16px 0 10px}.tool-card h3 span{color:#71a182;white-space:nowrap}.tool-card p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.tool-card[data-category=timer]{border-color:#3c7550;background:#15251a}.collection-note{padding:40px 0 15px;color:var(--muted);font-size:13px;max-width:700px}#no-results{padding:40px 0;color:var(--muted)}
@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{min-height:180px}}
@media(max-width:600px){.app{padding:0 18px}.breadcrumbs{padding-top:20px}.tool-intro{padding:22px 0 24px}.workspace{padding:17px}.options{grid-template-columns:1fr;gap:13px}.input-actions{gap:8px}.encoding-label{flex-wrap:wrap}.input-actions .quiet{margin-left:0}.encoding-label select{max-width:135px}.result-heading{flex-wrap:wrap}.guide{font-size:12px}.related-links{grid-template-columns:1fr}textarea{font-size:12px;min-height:210px}.directory-intro{padding:40px 0 30px}.directory-intro h1{letter-spacing:-1.8px}.tool-grid{grid-template-columns:1fr;gap:10px}.tool-card{min-height:0;padding:20px}.tool-card h3{margin-top:10px}.filters{gap:7px}.filters button{font-size:11px;padding:7px 11px}.directory-controls{padding-top:20px}.drop-zone{padding:25px 10px}.result-actions .secondary{padding:9px 12px}.primary{min-width:148px;gap:22px}.related{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.device-workspace .run-actions{margin:0 0 20px}.device-stage:empty{display:none}.device-panel{display:flex;flex-direction:column;gap:16px}.device-surface{min-height:230px;border:1px dashed #526c5b;border-radius:10px;background:#121b15;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;touch-action:none;user-select:none}.device-surface:focus-visible{border-color:var(--accent)}.device-hint{font-size:12px;color:var(--muted);margin:0;max-width:420px}.device-grid{display:flex;flex-wrap:wrap;gap:8px}.device-chip{font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid var(--border);border-radius:100px;padding:7px 13px;color:var(--muted);background:#111a14}.device-chip.on{border-color:var(--accent);color:var(--accent);background:#39ff7a12}.device-live{min-height:34px}.device-readout{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:12px}.device-readout dt{color:var(--muted)}.device-readout dd{margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.device-canvas{width:100%;height:auto;max-height:420px;border:1px solid var(--border);border-radius:10px;background:#0e1511;touch-action:none}.device-chart{max-height:200px}.device-axes{display:grid;gap:8px}.device-axis{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.device-axis progress{width:100%;height:9px;accent-color:var(--accent)}.device-screen{height:min(58vh,420px);border-radius:10px;border:1px solid var(--border);cursor:pointer}.device-screen.is-full{height:100%;width:100%;border:0;border-radius:0}.device-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.device-controls .primary{min-width:0;gap:0;padding:10px 20px}.device-meter{height:16px;border-radius:100px;background:#0e1511;border:1px solid var(--border);overflow:hidden}.device-meter i{display:block;height:100%;width:0;background:var(--accent);transition:width .06s linear}.device-volume{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.device-volume input{flex:1;max-width:260px;accent-color:var(--accent)}.device-panel audio{width:100%}
@media(max-width:600px){.device-surface{min-height:190px}.device-readout{grid-template-columns:1fr;gap:3px 0}.device-readout dd{margin-bottom:8px}.device-axis{grid-template-columns:64px 1fr}.device-controls .primary{flex:1 0 42%}}
@media(prefers-reduced-motion:reduce){.device-meter i{transition:none}}
.device-video{position:relative;border-radius:10px;overflow:hidden;background:#0e1511;border:1px solid var(--border);aspect-ratio:16/9;max-width:100%}.device-video video{width:100%;height:100%;object-fit:contain;display:block}.device-video video.mirrored{transform:scaleX(-1)}.device-video-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.33% - 1px),#ffffff80 calc(33.33% - 1px) 33.33%,transparent 33.33% calc(66.66% - 1px),#ffffff80 calc(66.66% - 1px) 66.66%,transparent 66.66%),linear-gradient(to bottom,transparent calc(33.33% - 1px),#ffffff80 calc(33.33% - 1px) 33.33%,transparent 33.33% calc(66.66% - 1px),#ffffff80 calc(66.66% - 1px) 66.66%,transparent 66.66%)}.device-snapshot{max-width:min(100%,360px);border-radius:8px;border:1px solid var(--border)}.device-controls [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.device-controls select{min-height:42px}.device-banding{width:100%;display:block;padding:0}
.widget-drop{padding:22px 16px}.widget-big{font:600 clamp(30px,6vw,52px)/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1px;margin:4px 0;color:var(--accent);overflow-wrap:anywhere}.widget-pad{min-height:190px;width:100%;border:1px dashed #526c5b;border-radius:12px;background:#121b15;color:var(--muted);font-size:14px;touch-action:manipulation;user-select:none}.widget-pad:hover{border-color:var(--accent)}.widget-pad.flash{animation:widget-flash .18s ease-out}@keyframes widget-flash{from{background:#39ff7a33}to{background:#121b15}}
.widget-beats{display:flex;flex-wrap:wrap;gap:8px}.widget-beat{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;font:12px ui-monospace,monospace;color:var(--muted);background:#111a14}.widget-beat.accent{border-color:#39ff7a80}.widget-beat.on{background:var(--accent);color:#102218;border-color:var(--accent)}
.options .option input[type=range]{height:auto;padding:0;border:0;background:none;accent-color:var(--accent)}.option-wide{grid-column:1/-1}[aria-invalid=true]{border-color:#ffb3a3!important}
.widget-cents{position:relative;height:28px;border-radius:100px;background:linear-gradient(90deg,#3a2622,#17201b 40%,#17201b 60%,#3a2622);border:1px solid var(--border)}.widget-cents::after{content:"";position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background:#9aac9f80}.widget-cents i{position:absolute;top:3px;bottom:3px;left:50%;width:6px;margin-left:-3px;border-radius:3px;background:#ffb3a3;transition:left .08s linear}.widget-cents.good i{background:var(--accent)}.widget-cents span{display:none}
.widget-piano{max-height:120px;background:#101614}.widget-chroma{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:120px}.widget-chroma span{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}.widget-chroma i{display:block;width:100%;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px}.widget-chroma b{font:500 10px ui-monospace,monospace;color:var(--muted)}
.widget-link{margin:0;padding:0;align-self:flex-start}.widget-warning{margin:0;padding:10px 14px;border:1px solid #6b4a3f;border-radius:8px;background:#2a1b17;color:#ffcfbf;font-size:12px}.widget-alert{color:#ffcfbf}.widget-subhead{font-size:13px;font-weight:500;margin:6px 0 0}.widget-table dd{font-size:11px}.widget-cover{max-height:none;background:#fff}.is-busy .widget-drop{opacity:.6;pointer-events:none}
.widget-lyrics{min-height:140px}.widget-output{min-height:160px}.widget-lines{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:#0e1511}.widget-lines li{display:flex;gap:14px;padding:8px 12px;font-size:13px;cursor:pointer;border-bottom:1px solid #1c2720}.widget-lines li code{font-size:11px;color:var(--muted);flex-shrink:0;padding-top:2px}.widget-lines li.current{background:#39ff7a14;color:var(--accent)}.widget-lines li.current code{color:var(--accent)}.widget-sticky{position:sticky;top:0;z-index:2;background:var(--panel);padding:8px 0}.widget-sticky .option{flex-direction:row;align-items:center}.widget-sticky .option select{width:auto;height:42px}
@media(max-width:600px){.widget-beat{width:36px;height:36px}.widget-chroma{height:90px}.widget-lines li{gap:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.widget-pad.flash{animation:none}.widget-cents i{transition:none}}
.widget-chroma:empty{display:none}
.widget-scroll{overflow-x:auto;max-height:420px;border:1px solid var(--border);border-radius:8px}.widget-grid{border-collapse:collapse;width:100%;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.widget-grid th,.widget-grid td{padding:7px 10px;border-bottom:1px solid #1c2720;text-align:left;white-space:nowrap}.widget-grid th{position:sticky;top:0;background:#111a14;color:var(--muted);font-weight:500}.widget-grid tr.bad td{color:#ffcfbf;background:#2a1b17}.widget-scroll:empty,.widget-grid:empty{display:none}
.stage-preview{position:relative;border:1px solid var(--border);border-radius:12px;background:#050806;padding:28px 16px;text-align:center;overflow:hidden}.stage-preview-digits{font:700 clamp(44px,11vw,96px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#39ff7a;letter-spacing:.02em}.stage-preview[data-color=white] .stage-preview-digits{color:#f2f5f3}.stage-preview[data-color=cyan] .stage-preview-digits{color:#4fe3ff}.stage-preview-tag{position:absolute;top:10px;left:14px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}
.stage-presets{display:flex;flex-wrap:wrap;gap:8px}.stage-presets button{min-width:48px;min-height:40px;border:1px solid var(--border);border-radius:8px;background:#111a14;color:var(--muted);font-size:13px}.stage-presets button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.stage-open{text-decoration:none}.device-panel .options{margin:4px 0}
.guide .faq h3{font-size:13px;line-height:1.5;color:var(--text);font-weight:550;margin:18px 0 4px}.guide .faq p{margin:0 0 8px}
.calm-banner{display:block;margin:0 0 16px;padding:14px 18px;border:1px solid #3c5a4a;border-radius:10px;background:linear-gradient(90deg,#172019,#1d1a14);font-size:13px;color:var(--text)}.calm-banner:hover{border-color:var(--accent)}