[data-tool="frequence-note-avance"]{color: var(--outil-fonce)}[data-tool="frequence-note-avance"] *,[data-tool="frequence-note-avance"] *::before,[data-tool="frequence-note-avance"] *::after{box-sizing: border-box}[data-tool="frequence-note-avance"] .frequency-note-advanced-intro{margin: 0 0 1rem;color: var(--outil-texte);font-size: 1.04rem;line-height: 1.5}[data-tool="frequence-note-avance"] .frequency-note-advanced-card{min-width: 0;border: 1px solid var(--outil-bord);border-radius: 14px;background: var(--outil-surface);padding: 1rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-card + .frequency-note-advanced-card{margin-top: 1rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-title{margin: 0 0 0.9rem;color: var(--outil-fonce);font-size: 1.1rem;font-weight: 900;line-height: 1.2}[data-tool="frequence-note-avance"] .frequency-note-advanced-group{display: grid;gap: 0.45rem;min-width: 0}[data-tool="frequence-note-avance"] .frequency-note-advanced-group + .frequency-note-advanced-group{margin-top: 0.95rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-label{margin: 0;color: var(--outil-fonce);font-size: 0.95rem;font-weight: 900;line-height: 1.25}[data-tool="frequence-note-avance"] .frequency-note-advanced-selector{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));gap: 0.2rem;padding: 0.25rem;border: 1px solid var(--outil-bord);border-radius: 18px;background: #fff}[data-tool="frequence-note-avance"] .frequency-note-advanced-choice,[data-tool="frequence-note-avance"] .frequency-note-advanced-step,[data-tool="frequence-note-avance"] .frequency-note-advanced-small-choice{min-width: 0;border: 1px solid transparent;background: transparent;color: var(--outil-fonce);font: inherit;font-weight: 900;line-height: 1.15;cursor: pointer;text-align: center;transition: background 0.16s ease,color 0.16s ease,border-color 0.16s ease,box-shadow 0.16s ease,transform 0.12s ease}[data-tool="frequence-note-avance"] .frequency-note-advanced-choice{min-height: 2.9rem;border-radius: 13px;padding: 0.35rem 0.15rem;font-size: clamp(0.82rem,1.4vw,1rem);white-space: nowrap}[data-tool="frequence-note-avance"] .frequency-note-advanced-step{inline-size: 2.75rem;block-size: 2.75rem;border-radius: 12px;padding: 0;font-size: 1.28rem;border-color: var(--outil-bord);background: #fff}[data-tool="frequence-note-avance"] .frequency-note-advanced-choice:hover,[data-tool="frequence-note-avance"] .frequency-note-advanced-choice:focus-visible,[data-tool="frequence-note-avance"] .frequency-note-advanced-step:hover,[data-tool="frequence-note-avance"] .frequency-note-advanced-step:focus-visible,[data-tool="frequence-note-avance"] .frequency-note-advanced-small-choice:hover,[data-tool="frequence-note-avance"] .frequency-note-advanced-small-choice:focus-visible{border-color: var(--outil-action);box-shadow: 0 0 0 3px rgb(var(--outil-ombre-rgb) / 0.14)}[data-tool="frequence-note-avance"] .frequency-note-advanced-choice:active,[data-tool="frequence-note-avance"] .frequency-note-advanced-step:active,[data-tool="frequence-note-avance"] .frequency-note-advanced-small-choice:active{transform: translateY(1px)}[data-tool="frequence-note-avance"] .frequency-note-advanced-choice.is-active,[data-tool="frequence-note-avance"] .frequency-note-advanced-small-choice.is-active{border-color: var(--outil-action);background: var(--outil-action);color: #fff}[data-tool="frequence-note-avance"] .frequency-note-advanced-stepper{display: grid;gap: 0.45rem;align-items: center}[data-tool="frequence-note-avance"] .frequency-note-advanced-octave-stepper{grid-template-columns: auto minmax(5.6rem,7rem) auto;max-width: 14rem}[data-tool="frequence-note-avance"] input{width: 100%;min-height: 2.75rem;border: 1px solid var(--outil-bord);border-radius: 12px;background: #fff;color: var(--outil-fonce);padding: 0.48rem 0.7rem;font: inherit;font-size: 1rem;font-weight: 900;text-align: center}[data-tool="frequence-note-avance"] input:focus{border-color: var(--outil-action);outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.18);outline-offset: 2px}[data-tool="frequence-note-avance"] .frequency-note-advanced-result-layout{display: grid;grid-template-columns: minmax(260px,0.88fr) minmax(280px,1.12fr);gap: 1rem;align-items: stretch}[data-tool="frequence-note-avance"] .frequency-note-advanced-display{min-height: 12rem;border-radius: 16px;background: #fff;padding: 1rem 1.2rem;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center}[data-tool="frequence-note-avance"] .frequency-note-advanced-value-line{display: flex;justify-content: center;align-items: flex-end;gap: 0.35rem;width: 100%}[data-tool="frequence-note-avance"] .frequency-note-advanced-value{color: var(--outil-action);font-size: clamp(3rem,6.4vw,4.7rem);font-weight: 900;font-variant-numeric: tabular-nums;letter-spacing: -0.045em;line-height: 1}[data-tool="frequence-note-avance"] .frequency-note-advanced-unit{color: var(--outil-action);font-size: 1rem;font-weight: 900;line-height: 1;margin-bottom: 0.6rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-name{min-height: 1.25em;margin: 0.35rem 0 0;color: var(--primary-dark,var(--outil-fonce));font-size: 1.08rem;font-weight: 900;line-height: 1.2}[data-tool="frequence-note-avance"] .frequency-note-advanced-cents{margin: 0.6rem 0 0;color: var(--outil-texte);font-size: 0.9rem;font-weight: 800;line-height: 1.35}[data-tool="frequence-note-avance"] .frequency-note-advanced-cents strong{color: var(--outil-fonce)}[data-tool="frequence-note-avance"] .frequency-note-advanced-settings{min-width: 0;display: grid;gap: 0.85rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-setting-box{min-width: 0;border: 1px solid var(--outil-bord);border-radius: 14px;background: rgb(255 255 255 / 0.55);padding: 1rem;display: grid;gap: 0.6rem;align-content: center}[data-tool="frequence-note-avance"] .frequency-note-advanced-reference-stepper{grid-template-columns: auto minmax(9rem,16rem) auto;justify-content: center}[data-tool="frequence-note-avance"] .frequency-note-advanced-reference-input-wrap{min-width: 0;min-height: 2.75rem;border: 1px solid var(--outil-bord);border-radius: 12px;background: #fff;display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;overflow: hidden}[data-tool="frequence-note-avance"] .frequency-note-advanced-reference-input-wrap:focus-within{border-color: var(--outil-action);outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.18);outline-offset: 2px}[data-tool="frequence-note-avance"] .frequency-note-advanced-reference-input-wrap input{min-height: 2.65rem;border: 0;border-radius: 0;background: transparent;outline: 0;padding-inline: 0.7rem 0.2rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-reference-input-wrap input:focus{outline: 0;border: 0}[data-tool="frequence-note-avance"] .frequency-note-advanced-reference-unit{padding-right: 0.7rem;color: var(--outil-fonce);font-size: 0.95rem;font-weight: 900}[data-tool="frequence-note-avance"] .frequency-note-advanced-small-selector{display: flex;flex-wrap: wrap;gap: 0.38rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-small-choice{min-height: 2.45rem;border: 1px solid var(--outil-bord);border-radius: 999px;background: #fff;padding: 0.48rem 0.72rem;font-size: 0.92rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-audio-layout{display: grid;grid-template-columns: minmax(13rem,auto) minmax(11rem,1fr) minmax(16rem,1.4fr);gap: 1rem;align-items: end}[data-tool="frequence-note-avance"] .frequency-note-advanced-audio-buttons{display: flex;flex-wrap: wrap;gap: 0.55rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-audio-buttons .bouton{min-height: 2.75rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-range{padding: 0;min-height: 2.2rem;accent-color: var(--outil-action)}[data-tool="frequence-note-avance"] .frequency-note-advanced-audio-status{grid-column: 1 / -1;min-height: 1.2em;margin: 0;color: var(--outil-texte);font-size: 0.9rem;font-weight: 800}@media (max-width: 900px){[data-tool="frequence-note-avance"] .frequency-note-advanced-result-layout,[data-tool="frequence-note-avance"] .frequency-note-advanced-audio-layout{grid-template-columns: 1fr}}@media (max-width: 560px){[data-tool="frequence-note-avance"] .frequency-note-advanced-card{padding: 0.9rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-selector{overflow-x: auto}[data-tool="frequence-note-avance"] .frequency-note-advanced-choice{font-size: 0.82rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-value{font-size: clamp(2.7rem,13vw,4rem)}[data-tool="frequence-note-avance"] .frequency-note-advanced-reference-stepper{grid-template-columns: auto minmax(0,1fr) auto}}[data-tool="frequence-note-avance"] .frequency-note-advanced-temperament-selector{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.22rem;inline-size: min(100%,28rem);justify-self: center;padding: 0.22rem;border: 1px solid var(--outil-bord);border-radius: 999px;background: #fff}[data-tool="frequence-note-avance"] .frequency-note-advanced-temperament-selector .frequency-note-advanced-small-choice{border-color: transparent;border-radius: 999px;background: transparent;margin: 0}[data-tool="frequence-note-avance"] .frequency-note-advanced-temperament-selector .frequency-note-advanced-small-choice.is-active{border-color: var(--outil-action);background: var(--outil-action);color: #fff}[data-tool="frequence-note-avance"] .frequency-note-advanced-audio-layout{display: grid;grid-template-columns: minmax(280px,1.25fr) minmax(180px,0.75fr);grid-template-areas: "wave volume" "play play" "status status";gap: 1rem;align-items: end}[data-tool="frequence-note-avance"] .frequency-note-advanced-wave-group{grid-area: wave}[data-tool="frequence-note-avance"] .frequency-note-advanced-volume-group{grid-area: volume}[data-tool="frequence-note-avance"] .frequency-note-advanced-audio-action{grid-area: play;display: flex;justify-content: center}[data-tool="frequence-note-avance"] .frequency-note-advanced-audio-status{grid-area: status}[data-tool="frequence-note-avance"] .frequency-note-advanced-wave-selector{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.22rem;padding: 0.22rem;border: 1px solid var(--outil-bord);border-radius: 18px;background: #fff}[data-tool="frequence-note-avance"] .frequency-note-advanced-wave-choice{min-height: 4.2rem;border-color: transparent;border-radius: 14px;background: transparent;padding: 0.42rem 0.35rem;display: grid;justify-items: center;align-content: center;gap: 0.25rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-wave-choice.is-active{border-color: var(--outil-action);background: var(--outil-action);color: #fff}[data-tool="frequence-note-avance"] .frequency-note-advanced-wave-icon{inline-size: 2.65rem;block-size: 1.25rem;fill: none;stroke: currentColor;stroke-width: 2.1;stroke-linecap: round;stroke-linejoin: round}[data-tool="frequence-note-avance"] .frequency-note-advanced-play{min-width: 10rem;min-height: 3rem;cursor: pointer}[data-tool="frequence-note-avance"] .frequency-note-advanced-play-state{display: inline-flex;align-items: center;justify-content: center;gap: 0.45rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-play-icon{inline-size: 1.05rem;block-size: 1.05rem;fill: currentColor}[data-tool="frequence-note-avance"] .frequency-note-advanced-play-off{display: none}[data-tool="frequence-note-avance"] .frequency-note-advanced-play.is-playing .frequency-note-advanced-play-on{display: none}[data-tool="frequence-note-avance"] .frequency-note-advanced-play.is-playing .frequency-note-advanced-play-off{display: inline-flex}@media (max-width: 700px){[data-tool="frequence-note-avance"] .frequency-note-advanced-audio-layout{grid-template-columns: 1fr;grid-template-areas: "wave" "volume" "play" "status"}[data-tool="frequence-note-avance"] .frequency-note-advanced-wave-selector{grid-template-columns: repeat(2,minmax(0,1fr))}}[data-tool="frequence-note-avance"] .frequency-note-advanced-cents{margin: 1.05rem 0 0;padding-top: 0.75rem;border-top: 1px solid var(--outil-bord);color: var(--outil-texte);font-size: 0.92rem;font-weight: 800;line-height: 1.4}[data-tool="frequence-note-avance"] .frequency-note-advanced-cents[hidden]{display: none}[data-tool="frequence-note-avance"] .frequency-note-advanced-cents-equal{display: inline-block;margin-inline: 0.28rem;color: var(--outil-fonce);font-weight: 900}[data-tool="frequence-note-avance"] .frequency-note-advanced-cents strong{color: var(--outil-fonce);font-weight: 900}[data-tool="frequence-note-avance"] .frequency-note-advanced-wave-group>.frequency-note-advanced-label,[data-tool="frequence-note-avance"] .frequency-note-advanced-volume-label{text-align: center}[data-tool="frequence-note-avance"] .frequency-note-advanced-volume-group{justify-items: center}[data-tool="frequence-note-avance"] .frequency-note-advanced-volume-label strong{color: var(--outil-fonce);font-weight: 900}[data-tool="frequence-note-avance"] .frequency-note-advanced-range{width: min(100%,16rem);cursor: pointer}[data-tool="frequence-note-avance"] .frequency-note-advanced-play{border: 2px solid var(--outil-action);cursor: pointer;user-select: none;transition: transform 0.1s ease,box-shadow 0.12s ease,background 0.16s ease,color 0.16s ease,border-color 0.16s ease}[data-tool="frequence-note-avance"] .frequency-note-advanced-play:hover,[data-tool="frequence-note-avance"] .frequency-note-advanced-play:focus-visible{box-shadow: 0 0 0 3px rgb(var(--outil-ombre-rgb) / 0.18)}[data-tool="frequence-note-avance"] .frequency-note-advanced-play:active{transform: translateY(2px) scale(0.98);box-shadow: inset 0 3px 8px rgb(0 0 0 / 0.18)}[data-tool="frequence-note-avance"] .frequency-note-advanced-play.is-playing{background: #fff !important;color: var(--outil-action) !important;border-color: var(--outil-action) !important}[data-tool="frequence-note-avance"] .frequency-note-advanced-play.is-playing:hover,[data-tool="frequence-note-avance"] .frequency-note-advanced-play.is-playing:focus-visible{background: rgb(var(--outil-ombre-rgb) / 0.08) !important}[data-tool="frequence-note-avance"] .frequency-note-advanced-selector{grid-template-columns: repeat(8,minmax(0,1fr));gap: 0.22rem;padding: 0.25rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-choice{min-height: 2.85rem;padding-inline: 0.14rem;display: flex;align-items: center;justify-content: center;font-size: clamp(0.86rem,1.4vw,1rem)}[data-tool="frequence-note-avance"] .frequency-note-advanced-sharp-choice{font-size: 1.18rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-name{margin: 0;font-size: clamp(1.32rem,2.2vw,1.7rem)}[data-tool="frequence-note-avance"] .frequency-note-advanced-equals{margin: 0.12rem 0 0.18rem;color: var(--outil-texte);font-size: 1.45rem;font-weight: 900;line-height: 1}[data-tool="frequence-note-avance"] .frequency-note-advanced-cents{margin-top: 0.9rem}@media (max-width: 560px){[data-tool="frequence-note-avance"] .frequency-note-advanced-selector{overflow-x: visible}[data-tool="frequence-note-avance"] .frequency-note-advanced-choice{min-height: 2.8rem;font-size: 0.82rem}}[data-tool="frequence-note-avance"] .frequency-note-advanced-selector{display: grid;grid-template-columns: 1fr;gap: 0.25rem;padding: 0.28rem;border: 1px solid var(--outil-bord);border-radius: 18px;background: #fff}[data-tool="frequence-note-avance"] .frequency-note-advanced-row{display: grid;gap: 0.22rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-row[hidden]{display: none}[data-tool="frequence-note-avance"] .frequency-note-advanced-row-natural{grid-template-columns: repeat(7,minmax(0,1fr))}[data-tool="frequence-note-avance"] .frequency-note-advanced-row-accidental-equal{grid-template-columns: repeat(5,minmax(0,1fr))}[data-tool="frequence-note-avance"] .frequency-note-advanced-row-accidental-split{grid-template-columns: repeat(10,minmax(0,1fr))}[data-tool="frequence-note-avance"] .frequency-note-advanced-choice{min-height: 2.85rem;padding: 0.42rem 0.14rem;display: flex;align-items: center;justify-content: center;font-size: clamp(0.78rem,1.2vw,0.96rem);white-space: nowrap}[data-tool="frequence-note-avance"] .frequency-note-advanced-row-accidental-equal .frequency-note-advanced-choice,[data-tool="frequence-note-avance"] .frequency-note-advanced-row-accidental-split .frequency-note-advanced-choice{font-size: clamp(0.72rem,1.05vw,0.88rem)}@media (max-width: 560px){[data-tool="frequence-note-avance"] .frequency-note-advanced-selector{gap: 0.22rem;padding: 0.24rem;overflow-x: visible}[data-tool="frequence-note-avance"] .frequency-note-advanced-row{gap: 0.18rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-choice{min-height: 2.62rem;font-size: 0.74rem}[data-tool="frequence-note-avance"] .frequency-note-advanced-row-accidental-equal .frequency-note-advanced-choice,[data-tool="frequence-note-avance"] .frequency-note-advanced-row-accidental-split .frequency-note-advanced-choice{font-size: 0.64rem}}