[data-tool="calculateur-durees-musicales"]{--music-duration-blue: var(--primary-dark,#123e78);--music-duration-purple: var(--outil-action,#5b2bc5);color: var(--outil-fonce)}[data-tool="calculateur-durees-musicales"] *,[data-tool="calculateur-durees-musicales"] *::before,[data-tool="calculateur-durees-musicales"] *::after{box-sizing: border-box}[data-tool="calculateur-durees-musicales"] .music-duration-intro{margin: 0 0 1rem;color: var(--outil-texte);font-size: 1.04rem;line-height: 1.5}[data-tool="calculateur-durees-musicales"] .music-duration-card{max-width: 58rem;margin-inline: auto;border: 1px solid var(--outil-bord);border-radius: 14px;background: var(--outil-surface);padding: 1rem;display: grid;gap: 0.9rem}[data-tool="calculateur-durees-musicales"] .music-duration-title{margin: 0;color: var(--outil-fonce);font-size: 1.08rem;font-weight: 900;line-height: 1.2;text-align: center}[data-tool="calculateur-durees-musicales"] .music-duration-topline{display: grid;grid-template-columns: minmax(14rem,0.72fr) minmax(22rem,1.28fr);gap: 0.9rem;align-items: stretch}[data-tool="calculateur-durees-musicales"] .music-duration-control-card,[data-tool="calculateur-durees-musicales"] .music-duration-group{min-width: 0;border: 1px solid var(--outil-bord);border-radius: 14px;background: #fff;padding: 0.85rem}[data-tool="calculateur-durees-musicales"] .music-duration-control-card{display: grid;align-content: center;gap: 0.65rem}[data-tool="calculateur-durees-musicales"] .music-duration-tempo-block{justify-items: center;text-align: center}[data-tool="calculateur-durees-musicales"] .music-duration-tempo-block{padding-inline: 0.75rem}[data-tool="calculateur-durees-musicales"] .music-duration-tempo-block .music-duration-stepper{grid-template-columns: auto minmax(7.5rem,10.5rem) auto}[data-tool="calculateur-durees-musicales"] .music-duration-control-title,[data-tool="calculateur-durees-musicales"] .music-duration-group-title{margin: 0;color: var(--outil-fonce);font-weight: 900;line-height: 1.15}[data-tool="calculateur-durees-musicales"] .music-duration-control-title{font-size: 1.45rem;text-align: center}[data-tool="calculateur-durees-musicales"] .music-duration-group-title{margin-bottom: 0.65rem;font-size: 1rem}[data-tool="calculateur-durees-musicales"] .music-duration-equals{margin: 0;color: var(--music-duration-purple);font-size: 1.15rem;font-weight: 900;line-height: 1}[data-tool="calculateur-durees-musicales"] .music-duration-stepper{display: grid;grid-template-columns: auto minmax(8rem,12.5rem) auto;gap: 0.42rem;align-items: center;justify-content: center;width: 100%}[data-tool="calculateur-durees-musicales"] .music-duration-step{inline-size: 2.55rem;block-size: 2.55rem;border: 1px solid var(--outil-bord);border-radius: 12px;background: #fff;color: var(--music-duration-purple);padding: 0;font: inherit;font-size: 1.2rem;font-weight: 900;line-height: 1;cursor: pointer;touch-action: none;user-select: none;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="calculateur-durees-musicales"] .music-duration-action-step{display: inline-flex;align-items: center;justify-content: center}[data-tool="calculateur-durees-musicales"] .music-duration-action-svg{inline-size: 1.05rem;block-size: 1.05rem;display: block}[data-tool="calculateur-durees-musicales"] .music-duration-step:hover,[data-tool="calculateur-durees-musicales"] .music-duration-step:focus-visible{border-color: var(--music-duration-purple);background: color-mix(in srgb,var(--music-duration-purple) 10%,#fff);color: var(--music-duration-purple);outline: none;box-shadow: 0 0 0 3px rgb(var(--outil-ombre-rgb) / 0.14)}[data-tool="calculateur-durees-musicales"] .music-duration-step:active{transform: translateY(1px)}[data-tool="calculateur-durees-musicales"] .music-duration-value-wrap,[data-tool="calculateur-durees-musicales"] .music-duration-measure-stepper input,[data-tool="calculateur-durees-musicales"] .music-duration-select{min-height: 2.55rem;border: 1px solid var(--outil-bord);border-radius: 12px;background: #fff;color: var(--music-duration-blue);font: inherit;font-weight: 900;outline: none}[data-tool="calculateur-durees-musicales"] .music-duration-value-wrap{min-width: 0;padding: 0.35rem 0.65rem;display: flex;align-items: center;justify-content: center;gap: 0.35rem}[data-tool="calculateur-durees-musicales"] .music-duration-value-wrap:focus-within,[data-tool="calculateur-durees-musicales"] .music-duration-measure-stepper input:focus,[data-tool="calculateur-durees-musicales"] .music-duration-select:focus,[data-tool="calculateur-durees-musicales"] .music-duration-signature-display:focus{border-color: var(--music-duration-purple);box-shadow: 0 0 0 3px rgb(var(--outil-ombre-rgb) / 0.14)}[data-tool="calculateur-durees-musicales"] .music-duration-value-wrap input{width: 5.2rem;border: 0;background: transparent;color: var(--music-duration-blue);padding: 0;font: inherit;font-size: 1.16rem;font-weight: 900;text-align: center;line-height: 1.2;outline: none}[data-tool="calculateur-durees-musicales"] .music-duration-unit{color: var(--outil-texte);font-size: 0.88rem;font-weight: 900;white-space: nowrap}[data-tool="calculateur-durees-musicales"] .music-duration-base,[data-tool="calculateur-durees-musicales"] .music-duration-status{min-height: 1.2rem;margin: 0;color: var(--outil-texte);font-size: 0.88rem;line-height: 1.3}[data-tool="calculateur-durees-musicales"] .music-duration-status{color: var(--music-duration-purple);font-weight: 800}[data-tool="calculateur-durees-musicales"] .music-duration-measure-controls{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 1.25rem;align-items: end}[data-tool="calculateur-durees-musicales"] .music-duration-measure-control{min-width: 0;display: grid;gap: 0.35rem;justify-items: center}[data-tool="calculateur-durees-musicales"] .music-duration-mini-label{width: 100%;color: var(--music-duration-blue);font-size: 0.78rem;font-weight: 850;line-height: 1.15;text-align: center}[data-tool="calculateur-durees-musicales"] .music-duration-measure-stepper{grid-template-columns: auto minmax(4rem,1fr) auto}[data-tool="calculateur-durees-musicales"] .music-duration-measure-stepper input{width: 100%;padding: 0.2rem 0.35rem;text-align: center;font-size: 1.05rem}[data-tool="calculateur-durees-musicales"] .music-duration-signature-stepper{width: 100%;display: grid;grid-template-columns: auto minmax(4.8rem,1fr) auto;gap: 0.42rem;align-items: center;justify-content: center}[data-tool="calculateur-durees-musicales"] .music-duration-signature-display{width: 100%;min-height: 2.55rem;border: 1px solid var(--outil-bord);border-radius: 12px;background: #fff;color: var(--music-duration-blue);padding: 0.2rem 0.45rem;font: inherit;font-size: 1.05rem;font-weight: 900;text-align: center;outline: none}[data-tool="calculateur-durees-musicales"] .music-duration-select{width: 100%;padding: 0.2rem 0.55rem;font-size: 1.05rem;cursor: pointer}[data-tool="calculateur-durees-musicales"] .music-duration-measure-summary{margin: 0.85rem 0 0.25rem;color: var(--music-duration-blue);font-size: 0.95rem;font-weight: 850;text-align: center}[data-tool="calculateur-durees-musicales"] .music-duration-measure-result{margin: 0.15rem 0 0;display: flex;align-items: baseline;justify-content: center;gap: 0.25rem;color: var(--outil-texte);font-size: 0.9rem;font-weight: 850}[data-tool="calculateur-durees-musicales"] .music-duration-measure-result strong{color: var(--music-duration-purple);font-size: 1.45rem;font-weight: 950;line-height: 1}[data-tool="calculateur-durees-musicales"] .music-duration-groups{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.8rem}[data-tool="calculateur-durees-musicales"] .music-duration-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.55rem}[data-tool="calculateur-durees-musicales"] .music-duration-row{min-width: 0;min-height: 8.1rem;border: 1px solid color-mix(in srgb,var(--outil-bord) 65%,#fff);border-radius: 12px;background: color-mix(in srgb,var(--outil-surface) 35%,#fff);padding: 0.6rem 0.5rem;display: grid;grid-template-rows: auto minmax(2.05rem,auto) auto;gap: 0.35rem;justify-items: center;align-content: center;text-align: center}[data-tool="calculateur-durees-musicales"] .music-duration-note-icon{inline-size: 2.45rem;block-size: 2.45rem;border-radius: 11px;background: #fff;color: var(--music-duration-blue);display: inline-flex;align-items: center;justify-content: center}[data-tool="calculateur-durees-musicales"] .music-duration-note-svg{inline-size: 1.9rem;block-size: 1.9rem;display: block}[data-tool="calculateur-durees-musicales"] .music-duration-note-name{max-width: 7rem;color: var(--music-duration-blue);font-size: 0.78rem;font-weight: 650;line-height: 1.13}[data-tool="calculateur-durees-musicales"] .music-duration-result{color: var(--outil-texte);font-size: 0.82rem;font-weight: 850;line-height: 1.1;white-space: nowrap}[data-tool="calculateur-durees-musicales"] .music-duration-result strong{color: var(--music-duration-purple);font-size: 1.08rem;font-weight: 950}@media (max-width: 900px){[data-tool="calculateur-durees-musicales"] .music-duration-topline,[data-tool="calculateur-durees-musicales"] .music-duration-groups{grid-template-columns: 1fr}}@media (max-width: 460px){[data-tool="calculateur-durees-musicales"] .music-duration-card{padding: 0.85rem}[data-tool="calculateur-durees-musicales"] .music-duration-stepper,[data-tool="calculateur-durees-musicales"] .music-duration-measure-stepper{grid-template-columns: auto minmax(0,1fr) auto}[data-tool="calculateur-durees-musicales"] .music-duration-measure-controls,[data-tool="calculateur-durees-musicales"] .music-duration-list{grid-template-columns: 1fr}[data-tool="calculateur-durees-musicales"] .music-duration-measure-controls{gap: 0.75rem}}