[data-tool="frequence-note"]{color: var(--outil-fonce)}[data-tool="frequence-note"] *,[data-tool="frequence-note"] *::before,[data-tool="frequence-note"] *::after{box-sizing: border-box}[data-tool="frequence-note"] .frequency-note-intro{margin: 0 0 1rem;color: var(--outil-texte);font-size: 1.04rem;line-height: 1.5}[data-tool="frequence-note"] .frequency-note-card{min-width: 0;border: 1px solid var(--outil-bord);border-radius: 14px;background: var(--outil-surface);padding: 1rem}[data-tool="frequence-note"] .frequency-note-card + .frequency-note-card{margin-top: 1rem}[data-tool="frequence-note"] .frequency-note-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"] .frequency-note-group{display: grid;gap: 0.45rem;min-width: 0}[data-tool="frequence-note"] .frequency-note-group + .frequency-note-group{margin-top: 0.95rem}[data-tool="frequence-note"] .frequency-note-label{margin: 0;color: var(--outil-fonce);font-size: 0.95rem;font-weight: 900;line-height: 1.25}[data-tool="frequence-note"] .frequency-note-choice,[data-tool="frequence-note"] .frequency-note-step{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"] .frequency-note-choice{min-height: 2.85rem;border-radius: 14px;padding: 0.45rem 0.16rem;font-size: clamp(0.78rem,1.25vw,0.96rem);white-space: nowrap;display: flex;align-items: center;justify-content: center}[data-tool="frequence-note"] .frequency-note-step{inline-size: 2.75rem;block-size: 2.75rem;border-radius: 12px;padding: 0;font-size: 1.28rem;touch-action: none;user-select: none;border-color: var(--outil-bord);background: #fff}[data-tool="frequence-note"] .frequency-note-choice:hover,[data-tool="frequence-note"] .frequency-note-choice:focus-visible,[data-tool="frequence-note"] .frequency-note-step:hover,[data-tool="frequence-note"] .frequency-note-step:focus-visible{border-color: var(--outil-action);box-shadow: 0 0 0 3px rgb(var(--outil-ombre-rgb) / 0.14)}[data-tool="frequence-note"] .frequency-note-choice:active,[data-tool="frequence-note"] .frequency-note-step:active{transform: translateY(1px)}[data-tool="frequence-note"] .frequency-note-choice.is-active{border-color: var(--outil-action);background: var(--outil-action);color: #fff}[data-tool="frequence-note"] .frequency-note-stepper{display: grid;gap: 0.45rem;align-items: center}[data-tool="frequence-note"] .frequency-note-octave-stepper{grid-template-columns: auto minmax(5.6rem,7rem) auto;max-width: 14rem}[data-tool="frequence-note"] 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"] input:focus{border-color: var(--outil-action);outline: 3px solid rgb(var(--outil-ombre-rgb) / 0.18);outline-offset: 2px}[data-tool="frequence-note"] .frequency-note-result-layout{display: grid;grid-template-columns: minmax(260px,0.95fr) minmax(260px,1.05fr);gap: 1rem;align-items: stretch}[data-tool="frequence-note"] .frequency-note-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"] .frequency-note-name{min-height: 1.25em;margin: 0;color: var(--primary-dark,var(--outil-fonce));font-size: clamp(1.32rem,2.2vw,1.7rem);font-weight: 900;line-height: 1.2}[data-tool="frequence-note"] .frequency-note-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"] .frequency-note-value-line{display: flex;justify-content: center;align-items: flex-end;gap: 0.35rem;width: 100%}[data-tool="frequence-note"] .frequency-note-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"] .frequency-note-unit{color: var(--outil-action);font-size: 1rem;font-weight: 900;line-height: 1;margin-bottom: 0.6rem}[data-tool="frequence-note"] .frequency-note-reference-box{min-width: 0;border: 1px solid var(--outil-bord);border-radius: 14px;background: rgb(255 255 255 / 0.55);padding: 1rem;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 0.7rem}[data-tool="frequence-note"] .frequency-note-reference-box .frequency-note-label{width: 100%}[data-tool="frequence-note"] .frequency-note-reference-stepper{grid-template-columns: auto minmax(9rem,16rem) auto;justify-content: center}[data-tool="frequence-note"] .frequency-note-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"] .frequency-note-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"] .frequency-note-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"] .frequency-note-reference-input-wrap input:focus{outline: 0;border: 0}[data-tool="frequence-note"] .frequency-note-reference-unit{padding-right: 0.7rem;color: var(--outil-fonce);font-size: 0.95rem;font-weight: 900}@media (max-width: 860px){[data-tool="frequence-note"] .frequency-note-result-layout{grid-template-columns: 1fr}}@media (max-width: 520px){[data-tool="frequence-note"] .frequency-note-card{padding: 0.9rem}[data-tool="frequence-note"] .frequency-note-choice{min-height: 2.85rem;border-radius: 14px;padding: 0.45rem 0.16rem;font-size: clamp(0.78rem,1.25vw,0.96rem);white-space: nowrap;display: flex;align-items: center;justify-content: center}[data-tool="frequence-note"] .frequency-note-value{font-size: clamp(2.7rem,13vw,4rem)}[data-tool="frequence-note"] .frequency-note-reference-stepper{grid-template-columns: auto minmax(0,1fr) auto;width: 100%}}[data-tool="frequence-note"] .frequency-note-selector{display: grid;gap: 0.25rem;padding: 0.28rem;border: 1px solid var(--outil-bord);border-radius: 18px;background: #fff}[data-tool="frequence-note"] .frequency-note-row{display: grid;gap: 0.22rem}[data-tool="frequence-note"] .frequency-note-row-natural{grid-template-columns: repeat(7,minmax(0,1fr))}[data-tool="frequence-note"] .frequency-note-row-accidental{grid-template-columns: repeat(5,minmax(0,1fr))}[data-tool="frequence-note"] .frequency-note-row-accidental .frequency-note-choice{font-size: clamp(0.74rem,1.15vw,0.9rem)}@media (max-width: 520px){[data-tool="frequence-note"] .frequency-note-selector{gap: 0.22rem;padding: 0.24rem}[data-tool="frequence-note"] .frequency-note-row{gap: 0.18rem}[data-tool="frequence-note"] .frequency-note-choice{min-height: 2.65rem;font-size: 0.75rem}[data-tool="frequence-note"] .frequency-note-row-accidental .frequency-note-choice{font-size: 0.69rem}}