.bmm-harmony{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bmm-space-5)}.bmm-harmony__wheel-wrap{display:grid;gap:var(--bmm-space-2);justify-items:center;text-align:center}.bmm-harmony__wheel{width:100%;max-width:16.875rem;aspect-ratio:1;touch-action:none;cursor:pointer}.bmm-harmony__marker{pointer-events:none;stroke:var(--bmm-color-marker);stroke-width:3;filter:drop-shadow(0 0 1px var(--bmm-color-marker-edge))}.bmm-harmony__controls,.bmm-harmony__base{display:grid;gap:var(--bmm-space-4);align-content:start}.bmm-harmony__native{flex:none;width:3.5rem}.bmm-harmony__fieldset{min-width:0;padding:0;margin:0;border:0}.bmm-harmony__fieldset .bmm-field__label{padding:0;margin-bottom:var(--bmm-space-1)}.bmm-harmony__generate{display:flex;flex-wrap:wrap;gap:var(--bmm-space-2)}.bmm-harmony__status:empty{display:none}.bmm-harmony__status{font-size:var(--bmm-font-size-sm);font-weight:600}.bmm-harmony__slider{display:grid;grid-template-columns:1fr auto;gap:var(--bmm-space-1) var(--bmm-space-3);align-items:center}.bmm-harmony__slider .bmm-range{grid-column:1 / -1}.bmm-harmony__slider-value{font-family:var(--bmm-font-mono);font-size:var(--bmm-font-size-sm)}.bmm-harmony__result-title{margin-bottom:var(--bmm-space-3);font-size:var(--bmm-font-size-lg)}.bmm-harmony__result-source{font-size:var(--bmm-font-size-sm);font-weight:400;color:var(--bmm-color-muted)}.bmm-harmony__palette .bmm-swatch{position:relative}.bmm-harmony__palette .bmm-swatch__chip{height:5.5rem}.bmm-harmony__lock-hint{margin-top:var(--bmm-space-2)}.bmm-harmony__actions{display:flex;flex-wrap:wrap;gap:var(--bmm-space-2);align-items:center;margin-top:var(--bmm-space-4)}.bmm-harmony__share{margin-top:var(--bmm-space-2)}.bmm-harmony__subtitle{font-size:var(--bmm-font-size-md)}.bmm-harmony__preview{display:grid;gap:var(--bmm-space-3);padding-top:var(--bmm-space-4);border-top:1px solid var(--bmm-color-border)}.bmm-harmony__mock{overflow:hidden;font-size:var(--bmm-font-size-sm);color:var(--bmm-mock-text, var(--bmm-color-text));background:var(--bmm-mock-bg, var(--bmm-color-bg));border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-md)}.bmm-harmony__mock-bar{display:flex;flex-wrap:wrap;gap:var(--bmm-space-2) var(--bmm-space-4);align-items:center;justify-content:space-between;padding:var(--bmm-space-2) var(--bmm-space-4);background:var(--bmm-mock-surface, var(--bmm-color-surface))}.bmm-harmony__mock-logo{font-weight:700}.bmm-harmony__mock-body{display:grid;gap:var(--bmm-space-3);justify-items:start;padding:var(--bmm-space-4)}.bmm-harmony__mock-title{font-size:var(--bmm-font-size-lg);font-weight:700;line-height:1.25}.bmm-harmony__mock-link{font-weight:600;color:var(--bmm-mock-primary, var(--bmm-color-accent));text-decoration:underline}.bmm-harmony__mock-button{display:inline-block;padding:var(--bmm-space-2) var(--bmm-space-4);font-weight:600;color:var(--bmm-mock-button-ink, #fff);background:var(--bmm-mock-primary, var(--bmm-color-accent));border-radius:var(--bmm-radius-sm)}.bmm-harmony__mock-card{display:grid;gap:var(--bmm-space-2);justify-items:start;width:100%;padding:var(--bmm-space-3);background:var(--bmm-mock-surface, var(--bmm-color-surface));border-radius:var(--bmm-radius-sm)}.bmm-harmony__mock-badge{padding:0 var(--bmm-space-2);font-size:.75rem;font-weight:700;color:var(--bmm-mock-badge-ink, #fff);background:var(--bmm-mock-accent, var(--bmm-color-accent));border-radius:99rem}.bmm-harmony__roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--bmm-space-2) var(--bmm-space-4);font-size:var(--bmm-font-size-sm)}.bmm-harmony__role{display:grid;grid-template-columns:1.5rem auto 1fr;column-gap:var(--bmm-space-2);align-items:center}.bmm-harmony__role-chip{width:1.5rem;height:1.5rem;grid-row:span 2;border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-harmony__role-name{font-weight:600}.bmm-harmony__role code{font-family:var(--bmm-font-mono);font-size:.75rem}.bmm-harmony__role-source{grid-column:2 / -1;font-size:.75rem;color:var(--bmm-color-muted)}.bmm-harmony__checks{display:grid;gap:var(--bmm-space-2);font-size:var(--bmm-font-size-sm)}.bmm-harmony__check{display:flex;flex-wrap:wrap;gap:var(--bmm-space-1) var(--bmm-space-2);align-items:center}.bmm-harmony__check-level{min-width:4.5rem;padding:0 var(--bmm-space-2);font-size:.75rem;font-weight:700;text-align:center;border:1px solid currentcolor;border-radius:99rem}.bmm-harmony__check-level.is-pass{color:var(--bmm-color-success)}.bmm-harmony__check-level.is-fail{color:var(--bmm-color-danger)}.bmm-harmony__check-fix,.bmm-harmony__grid-link{font-size:var(--bmm-font-size-sm)}.bmm-harmony__editor{display:grid;gap:var(--bmm-space-3);padding-top:var(--bmm-space-4);border-top:1px solid var(--bmm-color-border)}.bmm-harmony__rows{display:grid;gap:var(--bmm-space-2)}.bmm-harmony__row{display:grid;grid-template-columns:2.75rem minmax(0,1fr) minmax(0,1fr);gap:var(--bmm-space-2);align-items:center;padding:var(--bmm-space-2);background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-harmony__row-actions{display:flex;grid-column:1 / -1;gap:var(--bmm-space-1);justify-content:flex-end}.bmm-harmony__editor>.bmm-button{justify-self:start}.bmm-harmony__paste{padding-top:var(--bmm-space-3);border-top:1px solid var(--bmm-color-border)}.bmm-harmony__paste-input{min-height:5rem;resize:vertical}.bmm-harmony__paste .bmm-button{justify-self:start}@media(min-width:48rem){.bmm-harmony__row{grid-template-columns:2.75rem minmax(0,1fr) minmax(0,1fr) auto}.bmm-harmony__row-actions{grid-column:auto}.bmm-harmony{grid-template-columns:18rem minmax(0,1fr);column-gap:var(--bmm-space-6)}.bmm-harmony__wheel{max-width:18rem}.bmm-harmony__wheel-wrap{grid-row:1 / span 2;grid-column:1}.bmm-harmony__controls{grid-row:1;grid-column:2}.bmm-harmony__result{grid-row:2 / span 2;grid-column:2}.bmm-harmony__base{grid-row:3;grid-column:1}.bmm-harmony__preview,.bmm-harmony__editor{grid-column:1 / -1}.bmm-harmony__preview{grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:var(--bmm-space-5);align-items:start}.bmm-harmony__preview>:not(.bmm-harmony__mock){grid-column:2}.bmm-harmony__preview>.bmm-harmony__subtitle{grid-column:1 / -1}.bmm-harmony__mock{grid-row:2 / span 5;grid-column:1}}