.seo-visual[data-seo-demo=tuner-product] .tuner-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:10px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.seo-visual[data-seo-demo=tuner-product] .tuner-panel{--tuner-glow-green: #43d88a;--tuner-glow-amber: #f2b54e;--tuner-glow-red: #f46a67;--tuner-text-green: #43d88a;--tuner-text-amber: #f2b54e;--tuner-text-red: #f46a67;width:min(100%,390px);height:min(684px,calc(100dvh - 20px));min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;border:7px solid #30343a;border-radius:35px;padding:18px 17px 16px;background:#23262b;color:#f5f6f7;box-shadow:inset 0 0 0 1px #454b51,0 22px 60px #00000073}.seo-visual[data-seo-demo=tuner-product] .tuner-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.seo-visual[data-seo-demo=tuner-product] .tuner-header-actions{display:flex;align-items:center;gap:8px}.seo-visual[data-seo-demo=tuner-product] .tuner-header h2{min-width:0;margin:0;font-size:23px;font-weight:700}.seo-visual[data-seo-demo=tuner-product] .tuner-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #484e56;border-radius:50%;background:transparent;color:#edf0f3;cursor:pointer;font-size:22px}.seo-visual[data-seo-demo=tuner-product] .tuner-icon-button:hover{border-color:var(--color-primary)}.seo-visual[data-seo-demo=tuner-product] .tuner-icon-button .s2f-icon{width:20px;height:20px}.seo-visual[data-seo-demo=tuner-product] .tuner-instruments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.seo-visual[data-seo-demo=tuner-product] .tuner-instrument-choice{position:relative;min-width:0;cursor:pointer}.seo-visual[data-seo-demo=tuner-product] .tuner-instrument-choice input{position:absolute;width:1px;height:1px;opacity:0}.seo-visual[data-seo-demo=tuner-product] .tuner-instrument-tile{display:flex;min-height:64px;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:6px 2px;border:1px solid #444b53;border-radius:12px;background:#191c21;color:#d8dee4;font-size:11px;font-weight:650;line-height:1.2;text-align:center}.seo-visual[data-seo-demo=tuner-product] .tuner-instrument-choice input:checked+.tuner-instrument-tile{border-color:#157d90;background:#0d738c;color:#fff;font-weight:700}.seo-visual[data-seo-demo=tuner-product] .tuner-instrument-choice input:focus-visible+.tuner-instrument-tile{outline:2px solid var(--color-primary);outline-offset:2px}.seo-visual[data-seo-demo=tuner-product] .tuner-settings{position:relative;flex:0 0 auto}.seo-visual[data-seo-demo=tuner-product] #tuner-settings-toggle svg{width:20px;height:20px}.seo-visual[data-seo-demo=tuner-product] #tuner-settings-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.seo-visual[data-seo-demo=tuner-product] .tuner-settings-body{position:absolute;z-index:5;top:52px;right:-52px;display:flex;flex-direction:column;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg);box-shadow:0 10px 30px #0000004d;font-size:13px}.seo-visual[data-seo-demo=tuner-product] .tuner-settings-body[hidden]{display:none}.seo-visual[data-seo-demo=tuner-product] .tuner-settings-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.seo-visual[data-seo-demo=tuner-product] .tuner-settings-row[hidden]{display:none}.seo-visual[data-seo-demo=tuner-product] .tuner-a4-setting{display:flex;align-items:center;gap:8px}.seo-visual[data-seo-demo=tuner-product] .tuner-settings input,.seo-visual[data-seo-demo=tuner-product] .tuner-settings select{min-height:40px;border:1px solid var(--color-border);border-radius:8px;padding:6px;background:var(--color-card);color:var(--color-text);font:inherit}.seo-visual[data-seo-demo=tuner-product] .tuner-settings input{width:62px}.seo-visual[data-seo-demo=tuner-product] .tuner-settings select{display:block;max-width:100%;margin-top:5px}.seo-visual[data-seo-demo=tuner-product] .tuner-settings-done{min-height:40px;padding:7px 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);font:inherit;font-weight:650;cursor:pointer}.seo-visual[data-seo-demo=tuner-product] .tuner-settings-done:hover{border-color:var(--color-primary)}.seo-visual[data-seo-demo=tuner-product] .tuner-listening{display:flex;align-items:center;gap:10px;min-height:40px;color:#e0ece4;font-size:14px;font-weight:650}.seo-visual[data-seo-demo=tuner-product] .tuner-mic-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:11px;color:#eafff1;background:#15803d;box-shadow:inset 0 1px #ffffff38,0 4px 10px #0000001f}.seo-visual[data-seo-demo=tuner-product] .tuner-waveform{width:clamp(58px,20vw,80px);height:26px;margin-left:auto;flex:0 0 auto;overflow:visible}.seo-visual[data-seo-demo=tuner-product] .tuner-wave-baseline{fill:none;stroke:#a8beb261;stroke-width:1}.seo-visual[data-seo-demo=tuner-product] .tuner-wave-path{fill:none;stroke:#68e4a0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgb(67 227 132 / 30%))}.seo-visual[data-seo-demo=tuner-product] .tuner-listening:not(.has-signal) .tuner-wave-path{stroke:#a8beb294;filter:none}.seo-visual[data-seo-demo=tuner-product] .tuner-listening.is-paused .tuner-mic-icon{background:var(--color-muted)}.seo-visual[data-seo-demo=tuner-product] .tuner-readout{display:flex;flex:1 0 auto;min-height:330px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.seo-visual[data-seo-demo=tuner-product] .tuner-panel.is-error{gap:8px}.seo-visual[data-seo-demo=tuner-product] .tuner-panel.is-error .tuner-readout{min-height:230px}.seo-visual[data-seo-demo=tuner-product] .tuner-panel.is-error .tuner-note{display:none}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-held .tuner-note,.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-held .tuner-cents{color:var(--color-muted)}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-held .tuner-dial{--tuner-needle-color: #93a1a8}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-dimmed .tuner-dial .tuner-needle{opacity:.45}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-held .tuner-dial .tuner-arc-glow{opacity:0}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-unstable .tuner-dial{--tuner-needle-color: var(--tuner-glow-red)}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-unstable .tuner-note,.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-unstable .tuner-cents{color:var(--color-muted)}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-unstable .tuner-dial #tuner-glass-face stop:first-child{stop-color:#41242a;stop-opacity:1}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-unstable .tuner-dial #tuner-glass-face stop:last-child{stop-color:#280f13;stop-opacity:1}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-unstable .tuner-dial .tuner-arc-glow{opacity:0}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-unstable .tuner-dial .tuner-glass-backlight{opacity:0;transition:none}.seo-visual[data-seo-demo=tuner-product] .tuner-readout.is-unstable .tuner-dial .tuner-glass{stroke:var(--tuner-glow-red)}.seo-visual[data-seo-demo=tuner-product] .tuner-note{font-size:clamp(72px,22vw,86px);line-height:1;font-weight:750;letter-spacing:-.05em;transition:color .16s ease-out}.seo-visual[data-seo-demo=tuner-product] .tuner-dial{--tuner-needle-color: var(--tuner-glow-green);width:min(320px,100%);height:auto;margin-top:8px;overflow:visible;color:var(--tuner-needle-color)}.seo-visual[data-seo-demo=tuner-product] .tuner-glass{fill:url(#tuner-glass-face);stroke:#859fac7a;stroke-width:1.5}.seo-visual[data-seo-demo=tuner-product] .tuner-glass-backlight{fill:url(#tuner-glass-backlight);opacity:0;transition:opacity .18s ease-out}.seo-visual[data-seo-demo=tuner-product] .tuner-dial.accuracy-near #tuner-glass-face stop:first-child{stop-color:#24413b;stop-opacity:1}.seo-visual[data-seo-demo=tuner-product] .tuner-dial.accuracy-near #tuner-glass-face stop:last-child{stop-color:#102820;stop-opacity:1}.seo-visual[data-seo-demo=tuner-product] .tuner-dial.accuracy-near .tuner-glass{stroke:#548f77}.seo-visual[data-seo-demo=tuner-product] .tuner-dial.accuracy-near .tuner-glass-backlight{opacity:1}.seo-visual[data-seo-demo=tuner-product] .tuner-glass-reflection{fill:url(#tuner-glass-shine);opacity:.8}.seo-visual[data-seo-demo=tuner-product] .tuner-arc-glow{fill:none;stroke:currentColor;stroke-width:6;filter:blur(9px);opacity:0;transition:opacity .16s ease-out}.seo-visual[data-seo-demo=tuner-product] .tuner-dial.has-reading .tuner-arc-glow{opacity:.3}.seo-visual[data-seo-demo=tuner-product] .tuner-arc{fill:none;stroke:#a7beca7f;stroke-width:2.3}.seo-visual[data-seo-demo=tuner-product] .tuner-arc-target{stroke:var(--tuner-glow-green);opacity:.82}.seo-visual[data-seo-demo=tuner-product] .tuner-dial-tick{stroke:#d3e2e8c7;stroke-width:1.3;stroke-linecap:round}.seo-visual[data-seo-demo=tuner-product] .tuner-dial-tick.major{stroke:#f1f7f8;stroke-width:2}.seo-visual[data-seo-demo=tuner-product] .tuner-needle{opacity:0;transform-origin:160px 168px;transition:transform .1s ease-out,opacity .12s}.seo-visual[data-seo-demo=tuner-product] .tuner-dial.has-reading .tuner-needle{opacity:1}.seo-visual[data-seo-demo=tuner-product] .tuner-needle-glow{fill:currentColor;filter:blur(5px);opacity:.7}.seo-visual[data-seo-demo=tuner-product] .tuner-needle-shadow{fill:#000000b3;transform:translate(2px,2px);filter:blur(2px)}.seo-visual[data-seo-demo=tuner-product] .tuner-needle-face{fill:currentColor;filter:drop-shadow(0 0 7px currentColor)}.seo-visual[data-seo-demo=tuner-product] .tuner-needle-hub{fill:#16232a;stroke:#95a9b1;stroke-width:1.6}.seo-visual[data-seo-demo=tuner-product] .tuner-needle-cap{fill:currentColor}.seo-visual[data-seo-demo=tuner-product] .tuner-needle-pin{fill:#eefaff}.seo-visual[data-seo-demo=tuner-product] .tuner-dial.accuracy-near{--tuner-needle-color: var(--tuner-glow-green)}.seo-visual[data-seo-demo=tuner-product] .tuner-dial.accuracy-mid{--tuner-needle-color: var(--tuner-glow-amber)}.seo-visual[data-seo-demo=tuner-product] .tuner-dial.accuracy-far{--tuner-needle-color: var(--tuner-glow-red)}.seo-visual[data-seo-demo=tuner-product] .tuner-scale{display:flex;justify-content:space-between;width:min(300px,94%);margin-top:2px;color:#a5adb6;font-size:12px;font-variant-numeric:tabular-nums}.seo-visual[data-seo-demo=tuner-product] .tuner-note.accuracy-near{color:var(--tuner-text-green)}.seo-visual[data-seo-demo=tuner-product] .tuner-note.accuracy-mid{color:var(--tuner-text-amber)}.seo-visual[data-seo-demo=tuner-product] .tuner-note.accuracy-far{color:var(--tuner-text-red)}.seo-visual[data-seo-demo=tuner-product] .tuner-cents,.seo-visual[data-seo-demo=tuner-product] .tuner-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.seo-visual[data-seo-demo=tuner-product] .tuner-bottom{display:flex;flex-direction:column;gap:10px}.seo-visual[data-seo-demo=tuner-product] .tuner-strings{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.seo-visual[data-seo-demo=tuner-product] .tuner-string{display:flex;align-items:center;justify-content:center;flex:1 0 40px;min-width:40px;min-height:44px;border:1px solid var(--color-border);border-radius:9px;padding:8px 4px;background:var(--color-bg);color:var(--color-text);text-align:center;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.seo-visual[data-seo-demo=tuner-product] #tuner-auto{min-width:max-content;padding-inline:10px}.seo-visual[data-seo-demo=tuner-product] .tuner-string.is-selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.seo-visual[data-seo-demo=tuner-product] .tuner-string.is-detected:not(.is-selected){border-color:#28b76b;box-shadow:inset 0 0 0 1px #28b76b}.seo-visual[data-seo-demo=tuner-product] .tuner-strings.has-board{align-items:flex-end;gap:4px;overflow:visible}.seo-visual[data-seo-demo=tuner-product] .tuner-strings.has-board #tuner-auto{flex:0 1 auto;min-width:44px;max-width:94px;min-height:43px;padding-inline:5px;overflow-wrap:anywhere;font-size:clamp(10px,2.7vw,13px)}.seo-visual[data-seo-demo=tuner-product] .tuner-string-board{position:relative;flex:1;min-width:0;height:74px}.seo-visual[data-seo-demo=tuner-product] .tuner-board-head{position:absolute;z-index:1;top:0;left:0;width:100%;height:15px;overflow:visible;filter:drop-shadow(0 2px 2px #000a)}.seo-visual[data-seo-demo=tuner-product] .tuner-board-wood{fill:#604d3e;stroke:#806a57;stroke-width:1}.seo-visual[data-seo-demo=tuner-product] .tuner-board-head-shine{fill:none;stroke:#aa8d70;stroke-width:.7;opacity:.65}.seo-visual[data-seo-demo=tuner-product] .tuner-board-peg{position:absolute;z-index:4;top:4px;width:6px;height:6px;border:1px solid #415055;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle at 35% 28%,#f5faf8,#aabbbc 48%,#688086);box-shadow:0 1px 1px #090e0eaa,0 0 0 1px #c2d0cb33;pointer-events:none}.seo-visual[data-seo-demo=tuner-product] .tuner-board-peg.is-detected{border-color:#45cc87;background:radial-gradient(circle at 35% 28%,#e6fff0,#5fe1a3 50%,#208b5b);box-shadow:0 0 4px #5fe1a3}.seo-visual[data-seo-demo=tuner-product] .tuner-board-peg.is-selected{border-color:#53d3e8;background:radial-gradient(circle at 35% 28%,#e9fcff,#65dff4 50%,#168ea6);box-shadow:0 0 4px #65dff4}.seo-visual[data-seo-demo=tuner-product] .tuner-board-neck{position:absolute;bottom:0;display:grid;grid-template-columns:repeat(var(--tuner-board-strings),minmax(0,1fr));width:100%;height:43px;overflow:hidden;border-radius:7px}.seo-visual[data-seo-demo=tuner-product] .tuner-board-wires{position:absolute;z-index:3;top:0;left:0;width:100%;height:74px;pointer-events:none}.seo-visual[data-seo-demo=tuner-product] .tuner-board-wires path{fill:none;stroke-linecap:round;stroke-linejoin:round}.seo-visual[data-seo-demo=tuner-product] .tuner-board-wire-shadow{stroke:#081113a6;transform:translate(1px,1px)}.seo-visual[data-seo-demo=tuner-product] .tuner-board-wire{stroke:#b9c9c9;filter:drop-shadow(0 0 1px #e9ffff77)}.seo-visual[data-seo-demo=tuner-product] .tuner-board-wire.is-detected{stroke:#5fe1a3;filter:drop-shadow(0 0 2px #5fe1a3)}.seo-visual[data-seo-demo=tuner-product] .tuner-board-wire.is-selected{stroke:#65dff4;filter:drop-shadow(0 0 2px #65dff4)}.seo-visual[data-seo-demo=tuner-product] .tuner-board-note{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:0;min-height:43px;height:43px;align-self:center;justify-self:stretch;margin:0;border:0;border-radius:0;padding:0;background:transparent;color:#f3f7f7;font:inherit;font-size:11px;font-weight:750;text-shadow:0 1px #151b1d;cursor:pointer}.seo-visual[data-seo-demo=tuner-product] .tuner-board-note:before{position:absolute;z-index:-1;top:2px;left:50%;box-sizing:border-box;width:min(40px,calc(100% - 1px));aspect-ratio:1;transform:translate(-50%);border:1px solid #8b9ba0;border-radius:50%;background:linear-gradient(#27343a,#161d21);box-shadow:0 2px 3px #1b0f09aa,inset 0 1px #fff2;content:""}.seo-visual[data-seo-demo=tuner-product] .tuner-board-note.is-selected{color:#fff}.seo-visual[data-seo-demo=tuner-product] .tuner-board-note.is-selected:before{border-color:#6de4f8;background:#0d829d;box-shadow:0 0 0 1px #38c2db66,0 2px 3px #1b0f09aa}.seo-visual[data-seo-demo=tuner-product] .tuner-board-note.is-detected:not(.is-selected){color:#9cf4c2}.seo-visual[data-seo-demo=tuner-product] .tuner-board-note.is-detected:not(.is-selected):before{border-color:#65dea3;box-shadow:0 0 0 1px #65dea35c,0 2px 3px #1b0f09aa}.seo-visual[data-seo-demo=tuner-product] .tuner-board-note:focus-visible{outline:2px solid #b5f2fb;outline-offset:-2px}.seo-visual[data-seo-demo=tuner-product] .tuner-toggle{width:100%;min-height:48px;border:0;border-radius:12px;background:var(--color-primary);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.seo-visual[data-seo-demo=tuner-product] .tuner-toggle:hover{background:var(--color-primary-dark)}.seo-visual[data-seo-demo=tuner-product] .tuner-error{margin:0;padding:11px 12px;border:1px solid var(--color-border);border-radius:12px;background:#ffffff0a;color:var(--color-text);font-size:12px;line-height:1.45;text-align:left}.seo-visual[data-seo-demo=tuner-product] .tuner-error p{margin:0 0 6px;font-weight:650}.seo-visual[data-seo-demo=tuner-product] .tuner-error-browser{margin-bottom:7px;color:var(--color-muted);font-size:11px}.seo-visual[data-seo-demo=tuner-product] .tuner-error ol{margin:0;padding-left:19px}.seo-visual[data-seo-demo=tuner-product] .tuner-error li+li{margin-top:5px}.seo-visual[data-seo-demo=tuner-product] #tuner-copy-link{margin-top:10px;min-height:38px;padding:6px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);font:inherit;font-weight:650;cursor:pointer}.seo-visual[data-seo-demo=tuner-product] #tuner-permission-link{width:100%;margin-top:7px;padding:7px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-bg);color:var(--color-text);font:inherit}.seo-visual[data-seo-demo=tuner-product] #tuner-permission-link[hidden]{display:none}.seo-visual[data-seo-demo=tuner-product] .tuner-privacy{margin:0;color:var(--color-muted);font-size:11px;line-height:1.4;text-align:center}@media (max-width: 640px){.seo-visual[data-seo-demo=tuner-product] .tuner-overlay{padding:8px;background:#101115;-webkit-backdrop-filter:none;backdrop-filter:none}.seo-visual[data-seo-demo=tuner-product] .tuner-panel{width:100%;height:calc(100dvh - 16px);max-height:none;padding:max(12px,env(safe-area-inset-top)) 17px max(14px,env(safe-area-inset-bottom))}}@media (max-height: 600px){.seo-visual[data-seo-demo=tuner-product] .tuner-panel{gap:6px}.seo-visual[data-seo-demo=tuner-product] .tuner-readout{min-height:260px}.seo-visual[data-seo-demo=tuner-product] .tuner-panel.is-error .tuner-readout{min-height:200px}.seo-visual[data-seo-demo=tuner-product] .tuner-note{font-size:64px}.seo-visual[data-seo-demo=tuner-product] .tuner-dial{width:min(260px,86%);margin-top:2px}.seo-visual[data-seo-demo=tuner-product] .tuner-scale{width:min(260px,86%)}}.seo-visual[data-seo-demo=tuner-product]{--color-bg:#18181b;--color-card:#27272a;--color-primary:#0891b2;--color-primary-dark:#0e7490;--color-text:#e4e4e7;--color-muted:#a1a1aa;--color-border:#3f3f46;display:block;margin:28px 0 32px;width:100%;font-family:Inter,system-ui,sans-serif}.seo-visual[data-seo-demo=tuner-product],.seo-visual[data-seo-demo=tuner-product] *{box-sizing:border-box}.seo-visual[data-seo-demo=tuner-product] svg{display:block}.seo-visual[data-seo-demo=tuner-product] .tuner-panel{height:auto;max-height:none;margin-inline:auto;overflow:visible}.seo-visual[data-seo-demo=tuner-product] .tuner-string{flex:1 1 0;min-width:0}.seo-visual[data-seo-demo=tuner-product] .tuner-auto-long{flex:0 0 auto;min-width:max-content;padding-inline:8px;white-space:nowrap}.seo-visual[data-seo-demo=tuner-product] .tuner-icon-button,.seo-visual[data-seo-demo=tuner-product] .tuner-instrument-choice,.seo-visual[data-seo-demo=tuner-product] .tuner-string{cursor:default}.seo-visual[data-seo-demo=tuner-product] .tuner-needle,.seo-visual[data-seo-demo=tuner-product] .tuner-note,.seo-visual[data-seo-demo=tuner-product] .tuner-arc-glow{transition:none}.seo-visual[data-seo-demo=tuner-product] .tuner-instrument-choice input{pointer-events:none}.seo-visual[data-seo-demo=tuner-product] figcaption{margin-top:12px;color:var(--color-muted);font-size:13.5px;line-height:1.5}@media (max-width:420px){.seo-visual[data-seo-demo=tuner-product] .tuner-panel{height:auto;padding:15px 12px 13px;gap:9px}.seo-visual[data-seo-demo=tuner-product] .tuner-readout{min-height:270px}.seo-visual[data-seo-demo=tuner-product] .tuner-instrument-tile{font-size:10px}.seo-visual[data-seo-demo=tuner-product] .tuner-strings{gap:4px}.seo-visual[data-seo-demo=tuner-product] .tuner-string{flex:1 1 0;min-width:0;padding:8px 2px;font-size:11px}.seo-visual[data-seo-demo=tuner-product] .tuner-auto-long{flex:3.1 1 0;font-size:10px;white-space:nowrap}}
