@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-pv="frame"], :scope {
    --ad-radius: var(--mr-radius-md);
    --ad-radius-card: var(--mr-radius-lg);
    --ad-radius-row: var(--mr-radius-sm);
    --mr-scheme: dark light;

    --ad-state-weight: var(--mr-weight-semibold);
    --ad-font-data: var(--mr-font-body);

    --ad-mark: 0.4rem;
    --ad-mark-cross: 0.72rem;
}
[data-mr] {
    --ad-ink: var(--mr-fg);
    --ad-ink-quiet: var(--mr-fg-muted);
    --ad-ink-spent: var(--mr-fg-subtle);

    --ad-page: var(--mr-bg);
    --ad-panel: var(--mr-bg-raised);
    --ad-well: var(--mr-bg-sunken);

    --ad-line: var(--mr-border);
    --ad-line-quiet: var(--mr-border-subtle);
    --ad-line-strong: var(--mr-border-strong);

    --ad-hover-bg: var(--mr-bg-sunken);
    --ad-select-bg: var(--mr-primary-subtle);
    --ad-select-ink: var(--ad-ink);
    --ad-accent: var(--mr-primary);
    --ad-select-bar: var(--ad-accent);

    --ad-line-state: var(--mr-primary-emphasis);
    --ad-line-tint: var(--ad-line-quiet);
}
[data-pv="frame"], :scope {
    --mr-pad-cell: var(--mr-space-2);
    --mr-row-height: 2.25rem;
    --mr-control-height: max(var(--mr-target-min), 2rem);
    --mr-gap-column: var(--mr-space-4);
}
[data-mr-density="compact"] {
    --mr-pad-cell: var(--mr-space-1);
    --mr-row-height: 1.75rem;
    --mr-control-height: max(var(--mr-target-min), 1.75rem);
    --mr-gap-column: var(--mr-space-3);
}
[data-mr-density="cozy"] {
    --mr-pad-cell: var(--mr-space-2);
    --mr-row-height: 2.25rem;
    --mr-control-height: max(var(--mr-target-min), 2rem);
    --mr-gap-column: var(--mr-space-4);
}
[data-mr-density="comfortable"] {
    --mr-pad-cell: var(--mr-space-3);
    --mr-row-height: 2.75rem;
    --mr-control-height: max(var(--mr-target-min), 2.25rem);
    --mr-gap-column: var(--mr-space-5);
}
[data-mr] {
    --ad-row-part: calc(var(--mr-row-height) - 2 * var(--mr-pad-cell));
    --ad-row-action: max(var(--ad-row-part), calc(var(--mr-control-height) - var(--mr-gap-pair)));

    --ad-gap: var(--mr-gap-inline);
    --ad-measure-tree: 22rem;
    --ad-text: var(--mr-text-row);
    --ad-text-meta: var(--mr-text-meta);
    --ad-section-gap: var(--mr-gap-section);
    --ad-section-rule: var(--mr-gap-pair);
}
[data-mr-surface="outlined"], [data-mr-surface="flat"], [data-mr-surface="elevated"],
[data-mr-surface="accented"] {
    --mr-surface-line: var(--ad-line);
    --mr-surface-line-width: var(--mr-border-width-sm);
    --mr-surface-shadow: none;
}
[data-mr-surface="flat"] { --mr-surface-line: transparent; }
[data-mr-surface="elevated"] { --mr-surface-bg: var(--ad-panel); --mr-surface-shadow: none; }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
:is([data-mr="admin.panel.title"], [data-mr="admin.palette.group.title"]) {
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    font-weight: var(--ad-state-weight);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
:is([data-mr="admin.panel.title"], [data-mr="admin.palette.group.title"]) {
    display: block;
    inline-size: 100%;
    padding-block-end: var(--ad-section-rule);
    border-block-end: var(--mr-border-width-sm) solid var(--ad-line-tint);
    margin-block-end: var(--ad-gap);
}
[data-mr="admin.toolbar.label"] {
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
}
[data-mr="layout"],
[data-mr="layout.row"],
[data-mr="layout.cell"] { color: var(--ad-ink); }
[data-mr="layout.cell"]:is([data-mr-tone], [data-mr-surface]) {
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius);
    box-shadow: none;
}
a[data-mr][href][data-mr="sidebar.toggle"],
a[data-mr][href][data-mr="stepper.step.marker"] {
    text-decoration: none;
}
[data-mr="admin"] {
    container: mr-admin / inline-size;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    min-block-size: 100vh;
    background: var(--ad-page);
    color: var(--ad-ink);
    font-family: var(--mr-font-body);
}
[data-mr="admin.head"] {
    flex: 1 0 100%;
    display: flex;
    flex-direction: column;
    gap: var(--mr-gap-heading);
    padding: var(--mr-pad-page) var(--mr-pad-page) var(--mr-pad-block);
}
[data-mr="admin.head"]:has(> [data-mr="locale-switch"]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--mr-gap-inline);
    row-gap: var(--mr-gap-heading);
    align-items: start;
}
[data-mr="admin.head"]:has(> [data-mr="locale-switch"]) > * { grid-column: 1; }
[data-mr="admin.head"] > [data-mr="locale-switch"] { grid-column: 2; grid-row: 1 / span 3; justify-self: end; }
[data-mr="admin.head.eyebrow"] { margin: 0; }
[data-mr="admin.head.title"] {
    margin: 0;
    font-size: var(--mr-text-heading-4);
    font-weight: var(--mr-weight-semibold);
    line-height: var(--mr-leading-heading);
}
[data-mr="admin.head.lede"] {
    margin: 0;
    max-inline-size: var(--mr-measure);
    font-size: var(--mr-text-reading);
    line-height: var(--mr-leading-reading);
    color: var(--ad-ink);
}
[data-mr="admin.panel"] {
    --ad-panel-measure: var(--mr-measure-band);
    flex: 0 0 var(--ad-panel-measure);
    display: flex;
    flex-direction: column;
    gap: var(--mr-gap-stack);
    min-inline-size: 0;
    padding: var(--mr-pad-block);

    background: transparent;

    border-inline-end: var(--mr-border-width-sm) solid var(--ad-line);
    border-inline-start: 0;
}
[data-mr="admin.panel"][data-mr-side="inline-start"] {
    border-inline-end: var(--mr-border-width-sm) solid var(--ad-line);
    border-inline-start: 0;
}
[data-mr="admin.panel"][data-mr-side="inline-end"] {
    --ad-panel-measure: var(--mr-measure-card);
    border-inline-end: 0;
    border-inline-start: var(--mr-border-width-sm) solid var(--ad-line);
}
[data-mr="admin.stage"] {
    flex: 1 1 var(--mr-measure);
    display: flex;
    flex-direction: column;
    gap: var(--mr-gap-section);
    min-inline-size: 0;
    padding: var(--mr-pad-block);
    background: var(--ad-page);
}
[data-mr="admin.panel.title"],
[data-mr="admin.toolbar.label"],
[data-mr="admin.palette.group.title"] {
    margin: 0;
}
[data-mr="admin.toolbar"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mr-gap-inline);
    padding-block-end: var(--mr-gap-stack);
    border-block-end: var(--mr-border-width-sm) solid var(--ad-line);
}
[data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child {
    position: sticky;
    inset-block-start: 0;
    z-index: 3;
    background: var(--ad-panel);
}
[data-mr="admin.palette"] { display: flex; flex-direction: column; gap: var(--mr-gap-stack); min-inline-size: 0; }
[data-mr="admin.palette.group"] { display: flex; flex-direction: column; gap: var(--mr-gap-pair); }
[data-mr="admin.palette.items"] { display: flex; flex-wrap: wrap; gap: var(--mr-gap-inline); }
[data-mr="admin.palette.items"] > [data-mr="chip"][draggable="true"] { cursor: grab; }
[data-mr="admin.history"] { display: flex; flex-direction: column; gap: var(--mr-gap-inline); min-inline-size: 0; }
[data-mr="admin.history.item"] {
    inline-size: 100%;
    min-block-size: var(--mr-row-height);
    padding-block: 0;
    padding-inline: var(--mr-pad-cell);
    border: 0;
    border-radius: var(--ad-radius-row);
    background: none;
    color: var(--ad-ink);
    font-family: var(--ad-font-data);
    font-size: var(--ad-text-meta);
    line-height: var(--mr-leading-control);
    text-align: start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
[data-mr="admin.history.item"]:hover { background: var(--ad-hover-bg); color: var(--ad-ink); }
[data-mr="admin.history.actions"] { display: flex; gap: var(--mr-gap-inline); margin-block-start: var(--mr-gap-pair); }
[data-mr="admin.history.actions"] > [data-mr="button"] { flex: 1 1 0; justify-content: center; }
[data-mr="admin.stage.body"],
[data-mr="admin.panel.body"] { display: flex; flex-direction: column; gap: var(--mr-gap-stack); min-inline-size: 0; }
[data-mr="admin.section"] { display: flex; flex-direction: column; gap: var(--mr-gap-pair); min-inline-size: 0; }
[data-mr="admin.section"] + [data-mr="admin.section"] { padding-block-start: var(--mr-gap-stack); border-block-start: var(--mr-border-width-sm) solid var(--ad-line-quiet); }
[data-mr="admin.section.title"] {
    margin: 0;
    font-size: var(--mr-text-title);
    font-weight: var(--ad-state-weight);
    line-height: var(--mr-leading-heading);
    color: var(--ad-ink);
}
[data-mr="admin.section.note"] { margin: 0; max-inline-size: var(--mr-measure); font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
@container mr-admin (max-inline-size: 59.999rem) {
    [data-mr="admin.panel"]:not([data-mr-open="true"]) { display: none; }
    [data-mr="admin.panel"][data-mr-open="true"] {
        position: absolute;
        z-index: var(--mr-z-overlay);
        inset-block: 0;
        inline-size: min(var(--mr-measure-card), 100%);
        overflow-y: auto;
        background: var(--ad-well);
    }
    [data-mr="admin.panel"][data-mr-open="true"][data-mr-side="inline-start"] { inset-inline-start: 0; border-inline-end: var(--mr-border-width-md) solid var(--ad-line-strong); }
    [data-mr="admin.panel"][data-mr-open="true"][data-mr-side="inline-end"] { inset-inline-end: 0; border-inline-start: var(--mr-border-width-md) solid var(--ad-line-strong); }
    [data-mr="admin.panel"][data-mr-open="true"] > [data-mr="icon-button"]:first-child { align-self: flex-end; }

    [data-mr="admin.panel"][data-mr-open="true"]:not([data-mr-side="inline-end"]):not(:has(~ [data-mr="admin.stage"])) {
        position: static;
        inset-block: auto;
        flex: 1 0 100%;
        inline-size: 100%;
        overflow-y: visible;
        border-inline: 0;
    }
    [data-mr="admin.stage"] { flex-basis: 100%; }
    [data-mr="admin.head"] { padding: var(--mr-pad-block); }
}
@container mr-admin (max-inline-size: 47.999rem) {
    [data-mr="admin.panel"][data-mr-open="true"] { inline-size: 100%; }
}
[data-mr="admin"] { background: var(--ad-page); color: var(--ad-ink); font-size: var(--ad-text); }
[data-mr="admin.head"] {
    gap: var(--mr-gap-pair);
    padding: var(--mr-pad-block) var(--mr-pad-page);
    background: var(--ad-panel);
    border-block-end: var(--mr-border-width-sm) solid var(--ad-line);
}
[data-mr="admin.head.eyebrow"] {
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    font-weight: var(--ad-state-weight);
    letter-spacing: var(--mr-tracking-wider);
    text-transform: uppercase;
}
[data-mr="admin.head.title"] { font-size: var(--mr-text-heading-5); font-weight: var(--ad-state-weight); color: var(--ad-ink); }
[data-mr="admin.head.lede"] { font-size: var(--ad-text); color: var(--ad-ink-quiet); }
[data-mr="admin.panel"],
[data-mr="admin.panel"][data-mr-side] {
    gap: var(--mr-gap-inline);
    padding: var(--mr-pad-block) var(--mr-pad-cell);
    background: var(--ad-well);
}
[data-mr="admin.panel"], [data-mr="admin.panel"] [data-mr] { --ad-hover-bg: color-mix(in oklch, var(--mr-bg-sunken), var(--mr-fg) 8%); }
:is([data-mr="admin.panel.title"], [data-mr="admin.palette.group.title"]) {
    padding-inline: var(--mr-pad-cell);
    padding-block-end: 0;
    border-block-end: 0;
    margin-block-end: var(--mr-gap-pair);
    letter-spacing: var(--mr-tracking-wide);
}
[data-mr="admin.stage"] { gap: var(--mr-gap-stack); padding: var(--mr-pad-block) var(--mr-pad-page); background: var(--ad-page); }
[data-mr="admin.stage"] > [data-mr="admin.stage.body"] {
    padding: var(--mr-pad-block);
    background: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
}
[data-mr="admin.stage"] > [data-mr="admin.stage.body"]:has(> :is([data-mr="admin.section"], [data-mr="admin.fold"])) {
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
}
[data-mr="admin.toolbar"] { gap: var(--mr-gap-pair); padding-block: 0; border-block-end: 0; }
[data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child {
    margin-inline: calc(var(--mr-pad-page) * -1);
    margin-block-start: calc(var(--mr-pad-block) * -1);
    padding: var(--mr-pad-cell) var(--mr-pad-page);
    background: var(--ad-panel);
    border-block-end: var(--mr-border-width-sm) solid var(--ad-line);
}
[data-mr="admin.toolbar.label"] { color: var(--ad-ink); font-size: var(--ad-text); font-weight: var(--ad-state-weight); }
[data-mr="admin.section"] { gap: var(--mr-gap-inline); }
[data-mr="admin.section"] + [data-mr="admin.section"] { padding-block-start: var(--mr-gap-section); border-block-start-color: var(--ad-line); }
[data-mr="admin.stage"] [data-mr="admin.section"]:not([data-mr="admin.section"] *) {
    padding: var(--mr-pad-block);
    background: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
}
[data-mr="admin.section.title"] { font-size: var(--mr-text-heading-6); }
[data-mr="admin.history.item"][aria-current] { background: var(--ad-select-bg); box-shadow: inset var(--mr-border-width-md) 0 0 var(--ad-select-bar); }
@container mr-admin (max-inline-size: 59.999rem) {
    [data-mr="admin.head"] { padding: var(--mr-pad-cell) var(--mr-pad-block); }
    [data-mr="admin.stage"] { padding: var(--mr-pad-cell); }
    [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child {
        margin-inline: calc(var(--mr-pad-cell) * -1);
        margin-block-start: calc(var(--mr-pad-cell) * -1);
        padding-inline: var(--mr-pad-cell);
    }
    [data-mr="admin.stage"] > [data-mr="admin.stage.body"] { padding: var(--mr-pad-cell); }
}
[data-mr="form.note"] > code:only-child {
    display: block;
    columns: 2;
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    background: var(--ad-well);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius);
    color: var(--ad-ink);
    font-size: var(--ad-text);
    line-height: var(--mr-leading-reading);
    white-space: pre-line;
}
[data-mr="admin.palette.group.title"] {
    display: flex;
    align-items: center;
    gap: var(--mr-gap-pair);
    min-block-size: var(--mr-target-min);
    border: 0;
    background: none;
    font-family: inherit;
    text-align: start;
    cursor: pointer;
    transition: color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="admin.palette.group.title"]::before { content: "\25B8"; color: var(--ad-ink-quiet); transition: transform var(--mr-duration-fast) var(--mr-ease-standard); }
[data-mr="admin.palette.group.title"]:hover { color: var(--ad-select-ink); }
[data-mr="admin.palette.group"][data-mr-expanded="true"] > [data-mr="admin.palette.group.title"]::before { transform: rotate(90deg); }
[data-mr="admin.palette.group"][data-mr-expanded="false"] > [data-mr="admin.palette.group.title"] { margin-block-end: 0; }
[data-mr="admin.palette.group.body"]:not([hidden]) { display: flex; flex-direction: column; gap: var(--mr-gap-pair); min-inline-size: 0; }
@media (prefers-reduced-motion: reduce) { [data-mr="admin.palette.group.title"], [data-mr="admin.palette.group.title"]::before { transition: none; } }
}
}
@scope (:root) to ([data-mr-presentation]) {
[data-mr="admin.fold"] { display: flex; flex-direction: column; gap: var(--mr-gap-pair); min-inline-size: 0; padding-block-start: var(--mr-gap-stack); border-block-start: var(--mr-border-width-sm) solid var(--ad-line-quiet); }
[data-mr="admin.fold.title"] {
    display: flex;
    align-items: center;
    gap: var(--mr-gap-pair);
    min-block-size: var(--mr-target-min);
    list-style: none;
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text);
    font-weight: var(--ad-state-weight);
    cursor: pointer;
    transition: color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="admin.fold.title"]::-webkit-details-marker { display: none; }
[data-mr="admin.fold.title"]::before { content: "\25B8"; transition: transform var(--mr-duration-fast) var(--mr-ease-standard); }
[data-mr="admin.fold.title"]:hover { color: var(--ad-select-ink); }
[data-mr="admin.fold"][open] > [data-mr="admin.fold.title"] { color: var(--ad-ink); }
[data-mr="admin.fold"][open] > [data-mr="admin.fold.title"]::before { transform: rotate(90deg); }
[data-mr="admin.fold.body"] { display: flex; flex-direction: column; gap: var(--mr-gap-stack); min-inline-size: 0; padding-block-start: var(--mr-gap-pair); }
@media (prefers-reduced-motion: reduce) { [data-mr="admin.fold.title"], [data-mr="admin.fold.title"]::before { transition: none; } }
[data-mr="form.fields"] > [data-mr="admin.fold"] { grid-column: 1 / -1; }
[data-mr="admin.head"]:has(> :is([data-mr="admin.head.actions"], [data-mr="admin.account"])) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    column-gap: var(--mr-gap-inline);
    row-gap: var(--mr-gap-pair);
    align-items: center;
}
[data-mr="admin.head"]:has(> :is([data-mr="admin.head.actions"], [data-mr="admin.account"])) > * { grid-column: 1; }
[data-mr="admin.head"]:has(> :is([data-mr="admin.head.actions"], [data-mr="admin.account"])) > [data-mr="locale-switch"] { grid-column: 3; grid-row: 1 / span 2; }
[data-mr="admin.head"] > [data-mr="admin.head.actions"] {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--mr-gap-pair);
    min-inline-size: 0;
}
[data-mr="admin.head.actions"] > form { display: contents; }
[data-mr="admin.head.actions"] > :is(p, [data-mr="field.hint"], [data-mr="alert"]) {
    flex: 1 0 100%;
    margin: 0;
    text-align: end;
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
}
[data-mr="admin.head"] > [data-mr="admin.account"] { grid-column: 4; grid-row: 1 / span 2; justify-self: end; position: relative; }
[data-mr="admin.account.name"] {
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-pair);
    min-block-size: var(--mr-target-min);
    padding-inline: var(--mr-pad-inline);
    background: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius);
    color: var(--ad-ink);
    font-weight: var(--ad-state-weight);
    list-style: none;
    cursor: pointer;
    white-space: nowrap;
}
[data-mr="admin.account.name"]::-webkit-details-marker { display: none; }
[data-mr="admin.account.name"]::after { content: "\25BE"; color: var(--ad-ink-quiet); }
[data-mr="admin.account.name"]:hover { background: var(--ad-hover-bg); }
[data-mr="admin.account"] > [data-mr="context-menu"] {
    position: absolute;
    z-index: 3;
    inset-block-start: calc(100% + var(--mr-gap-pair));
    inset-inline-end: 0;
}
@container mr-admin (max-inline-size: 47.999rem) {
    [data-mr="admin.head"] > [data-mr="admin.head.actions"] { grid-column: 1 / -1; grid-row: auto; justify-content: flex-start; }
    [data-mr="admin.head.actions"] > :is(p, [data-mr="field.hint"], [data-mr="alert"]) { text-align: start; }
}
[data-mr="admin.head"]:has(> :is([data-mr="admin.head.menu"], [data-mr="admin.head.crumbs"], [data-mr="admin.head.save"])) {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: var(--mr-gap-inline);
    row-gap: var(--mr-gap-pair);
    padding-block: var(--mr-pad-block);
    min-block-size: calc(var(--mr-control-height) + 2 * var(--mr-pad-block));
}
[data-mr="admin.head"] > [data-mr="admin.head.menu"] { flex: none; display: none; align-items: center; }
[data-mr="admin.head"] > [data-mr="admin.head.crumbs"] { flex: 0 1 auto; min-inline-size: 0; display: flex; align-items: center; }
[data-mr="admin.head"]:has(> :is([data-mr="admin.head.menu"], [data-mr="admin.head.crumbs"], [data-mr="admin.head.save"])) > [data-mr="admin.head.actions"] { flex: 1 1 auto; margin-inline-start: auto; }
@container mr-admin (max-inline-size: 59.999rem) {
    [data-mr="admin.head"] > [data-mr="admin.head.menu"] { display: flex; }
}
[data-mr="admin.head"] > [data-mr="admin.head.save"] {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
}
[data-mr="admin.head.save"] > [data-mr="save-bar"] { min-block-size: 100%; }
[data-mr="admin.head"]:has(> [data-mr="admin.head.save"]) > :not([data-mr="admin.head.save"]) { visibility: hidden; }
[data-mr="admin.panel.foot"] {
    position: sticky;
    inset-block-end: 0;
    z-index: 1;
    margin-block-start: auto;
    display: flex;
    flex-direction: column;
    gap: var(--mr-gap-pair);
    min-inline-size: 0;
    padding-block: var(--ad-gap) 0;
    border-block-start: var(--mr-border-width-sm) solid var(--ad-line);
    background-color: var(--ad-well);
}
[data-mr="admin.panel.foot"] > [data-mr="button"] { justify-content: flex-start; }
[data-mr="admin.panel.foot"] > p { margin: 0; padding-inline: var(--mr-pad-inline); color: var(--ad-ink-quiet); font-size: var(--ad-text-meta); }
[data-mr="admin.toasts"] {
    position: fixed;
    inset-block-end: var(--mr-pad-page);
    inset-inline-end: var(--mr-pad-page);
    z-index: var(--mr-z-toast);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--mr-gap-inline);
    max-inline-size: calc(100% - 2 * var(--mr-pad-page));
    pointer-events: none;
}
[data-mr="admin.toasts"] > * { pointer-events: auto; }
@container mr-admin (max-inline-size: 47.999rem) {
    [data-mr="admin.toasts"] {
        inset-inline: var(--mr-pad-cell);
        max-inline-size: none;
        align-items: center;
    }
}
[data-mr="admin.head.save"] > p {
    flex: 1 1 auto;
    margin: 0;
    padding-inline: var(--mr-pad-page);
    align-self: stretch;
    display: flex;
    align-items: center;
    background-color: var(--mr-fg);
    color: var(--mr-bg);
    font-size: var(--ad-text);
    font-weight: var(--mr-weight-medium);
}
[data-mr="admin.toasts"] > p {
    margin: 0;
    padding: var(--mr-gap-inline) var(--mr-pad-cell);
    border-radius: var(--ad-radius);
    background-color: var(--mr-fg);
    color: var(--mr-bg);
    box-shadow: var(--mr-shadow-lg);
    font-size: var(--ad-text);
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="alert.dismiss"] {
    min-block-size: 0;
    block-size: var(--ad-row-part);
    border-radius: var(--ad-radius);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    cursor: pointer;

    white-space: nowrap;
}
[data-mr="alert.dismiss"] {
    display: inline-grid;
    place-items: center;
    min-inline-size: var(--ad-row-part);
}
[data-mr="alert.dismiss"] > [data-pv-placeholder] {
    display: none;
}
[data-mr="alert.dismiss"]:not(:has(:not([data-pv-placeholder])))::before,
[data-mr="alert.dismiss"]:not(:has(:not([data-pv-placeholder])))::after {
    content: "";
    grid-area: 1 / 1;
    inline-size: var(--ad-mark-cross);
    block-size: var(--mr-border-width-sm);
    background-color: currentColor;
}
[data-mr="alert.dismiss"]:not(:has(:not([data-pv-placeholder])))::before { rotate: 45deg; }
[data-mr="alert.dismiss"]:not(:has(:not([data-pv-placeholder])))::after { rotate: -45deg; }
[data-mr="alert.body"] { color: var(--ad-ink); }
[data-mr="alert"] {
    color: var(--mr-tone-emphasis);
    border-color: var(--mr-tone-emphasis);
}
[data-mr="alert"] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--ad-gap);
    padding: var(--mr-pad-cell) var(--mr-pad-cell);

    border: 0;
    color: var(--ad-ink);
}
[data-mr="alert"] { background-color: var(--mr-tone-subtle); border-radius: var(--ad-radius); }
[data-mr="alert"][data-mr-variant="solid"] { background-color: var(--mr-tone); color: var(--mr-on-tone); }
[data-mr="alert"][data-mr-variant="outline"] { background-color: transparent; border: var(--mr-border-width-sm) solid var(--mr-tone-emphasis); }
[data-mr="alert.icon"] { display: inline-grid; place-items: center; inline-size: 1.1em; block-size: 1.1em; color: var(--mr-tone-emphasis); }
[data-mr="alert"][data-mr-variant="solid"] [data-mr="alert.icon"] { color: inherit; }
[data-mr="alert.title"] { margin: 0; font-size: var(--ad-text); font-weight: var(--ad-state-weight); }
[data-mr="alert.body"] { font-size: var(--ad-text); }
[data-mr="alert"][data-mr-variant="solid"] [data-mr="alert.body"] { color: inherit; }
[data-mr="alert.body"] > * { margin: 0; }
[data-mr="alert.actions"] { display: flex; flex-wrap: wrap; gap: var(--mr-gap-inline); margin-block-start: var(--mr-gap-stack); }
[data-mr="alert.actions.item"] { color: inherit; text-decoration: underline; text-decoration-thickness: var(--mr-border-width-sm); text-underline-offset: 0.2em; min-block-size: auto; }
[data-mr="alert.actions.item"][data-mr-emphasis="strong"] { font-weight: var(--ad-state-weight); }
[data-mr="alert.dismiss"] { background: none; border: 0; color: inherit; align-self: start; }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
:is([data-mr="badge"])[data-mr] {
    font-family: var(--ad-font-data);
    font-variant-numeric: tabular-nums;
}
[data-mr="badge"][data-mr-tone][data-mr-variant="outline"] {
    background-color: transparent;
    border-color: var(--mr-tone);
    color: var(--mr-tone-emphasis);
}
[data-mr="badge"][data-mr-tone][aria-pressed="true"] {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone);
    color: var(--mr-on-tone, var(--mr-bg));
    font-weight: var(--ad-state-weight);
}
[data-mr="badge"][data-mr][aria-pressed="true"] {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone-emphasis);
    color: var(--mr-on-tone);
    font-weight: var(--ad-state-weight);
}
[data-mr="badge"][data-mr-tone] {
    color: var(--mr-tone-emphasis);
    border-color: var(--mr-tone-emphasis);
}
[data-mr="badge"] {
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-pair);

    padding: var(--mr-pad-cell) calc(var(--mr-pad-cell) + var(--mr-gap-pair));
    border: var(--mr-border-width-sm) solid transparent;
    font-size: var(--ad-text-meta);
    font-weight: var(--mr-weight-medium);
    line-height: 1.6;
    white-space: nowrap;
}
[data-mr="badge"] { background-color: var(--mr-tone-subtle); color: var(--mr-tone-emphasis); }
[data-mr="badge"][data-mr-variant="solid"] { background-color: var(--mr-tone); color: var(--mr-on-tone); }
[data-mr="badge"][data-mr-variant="outline"] { background-color: transparent; border-color: var(--mr-tone-emphasis); color: var(--mr-tone-emphasis); }
[data-mr="badge"] { border-radius: var(--mr-radius-pill); }
[data-mr="badge"][data-mr-shape="square"] { border-radius: var(--ad-radius); }
[data-mr="badge.icon"] { display: inline-grid; place-items: center; inline-size: 0.5em; block-size: 0.5em; border-radius: var(--mr-radius-pill); background-color: currentColor; }
[data-mr="badge"] {
    padding: 0 var(--mr-pad-cell);
    min-block-size: calc(var(--mr-control-height) - var(--mr-gap-inline));
    font-size: var(--ad-text-meta);
    font-weight: var(--mr-weight-medium);
    line-height: var(--mr-leading-tight);
}
[data-mr="badge"]:is(:not([data-mr-variant]), [data-mr-variant="subtle"]) { border-color: transparent; }
[data-mr="badge"][data-mr-tone="neutral"]:is(:not([data-mr-variant]), [data-mr-variant="subtle"]) { background-color: var(--ad-well); color: var(--ad-ink-quiet); border-color: var(--ad-line); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="brand"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}
[data-mr="brand"] {
    display: inline-grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 0 var(--mr-gap-pair);
    min-block-size: var(--mr-control-height);
    color: var(--ad-ink);
    text-decoration: none;
}
[data-mr="brand.lockup"] { display: inline-flex; align-items: center; gap: var(--mr-gap-pair); grid-column: 1; }
[data-mr="brand.mark"] {
    grid-column: 1;
    display: inline-grid;
    place-items: center;
    flex: none;
    inline-size: var(--mr-glyph-figure);
    block-size: var(--mr-glyph-figure);
    border-radius: var(--ad-radius);
    background: var(--mr-tone);
    color: var(--mr-on-tone);
    font-size: var(--ad-text-meta);
    font-weight: var(--mr-weight-semibold);
    overflow: hidden;
}
[data-mr="brand.mark"]:has(img, svg, picture) { inline-size: auto; background: none; color: var(--ad-ink); border-radius: 0; overflow: visible; }
[data-mr="brand.mark"] :is(img, svg, picture) { display: block; inline-size: auto; block-size: 100%; }
[data-mr="brand"]:has(> [data-mr="brand.tagline"]) > :is([data-mr="brand.mark"], [data-mr="brand.lockup"]) { grid-row: 1 / span 2; }
[data-mr="brand.name"] { grid-column: 2; font-size: var(--ad-text); font-weight: var(--mr-weight-semibold); letter-spacing: var(--mr-tracking-tight); line-height: var(--mr-leading-tight); }
[data-mr="brand.tagline"] { grid-column: 2; font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); line-height: var(--mr-leading-tight); }
[data-mr="brand.divider"] { align-self: stretch; inline-size: var(--mr-border-width-sm); background: var(--ad-line); }
[data-mr="brand"]:not(:has([data-mr="brand.mark"])) { grid-template-columns: auto; }
[data-mr="brand"]:not(:has([data-mr="brand.mark"])) > :is([data-mr="brand.name"], [data-mr="brand.tagline"]) { grid-column: 1; }
a[data-mr="brand"]:hover > [data-mr="brand.name"] { text-decoration: underline; }
[data-mr="brand"][data-mr-labels="name"] > [data-mr="brand.tagline"],
[data-mr="brand"][data-mr-labels="hidden"] > :is([data-mr="brand.name"], [data-mr="brand.tagline"]) { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-mr="brand"]:is([data-mr-labels="name"], [data-mr-labels="hidden"]) > :is([data-mr="brand.mark"], [data-mr="brand.lockup"]) { grid-row: auto; }
[data-mr="brand"][data-mr-labels="hidden"] { grid-template-columns: auto; column-gap: 0; }
[data-mr="brand"][data-mr-labels="hidden"]:not(:has([data-mr="brand.mark"])) > [data-mr="brand.name"] { position: static; inline-size: auto; block-size: auto; overflow: visible; clip-path: none; }
[data-mr="brand"][data-mr-mark="hidden"] { grid-template-columns: auto; }
[data-mr="brand"][data-mr-mark="hidden"] > :is([data-mr="brand.mark"], [data-mr="brand.lockup"]) { display: none; }
[data-mr="brand"][data-mr-mark="hidden"] > :is([data-mr="brand.name"], [data-mr="brand.tagline"]) { grid-column: 1; }
@container mr-fold (min-width: 0) {
[data-mr="brand"][data-mr-fold="adaptive"] > [data-mr="brand.tagline"] { display: none; }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="breadcrumb"] {
    display: block;
    color: var(--ad-ink-quiet);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
}
[data-mr="breadcrumb.list"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--mr-gap-inline);
    margin: 0;
    padding: 0;
    list-style: none;
}
[data-mr="breadcrumb.item"] { display: flex; align-items: center; gap: var(--mr-gap-inline); min-inline-size: 0; }
[data-mr="breadcrumb.item"] + [data-mr="breadcrumb.item"]::before {
    content: "";
    flex: none;
    inline-size: calc(var(--mr-glyph-chevron) * 0.4);
    block-size: calc(var(--mr-glyph-chevron) * 0.4);
    border-block-start: var(--mr-border-width-sm) solid var(--ad-ink-spent);
    border-inline-end: var(--mr-border-width-sm) solid var(--ad-ink-spent);
    transform: rotate(45deg);
}
[data-mr="breadcrumb.link"] {
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    min-block-size: var(--mr-target-min);
    padding: 0;
    border: 0;
    border-radius: var(--ad-radius-row);
    background: none;
    color: var(--ad-ink-quiet);
    font: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: color var(--mr-duration-fast) var(--mr-ease-standard);
}
a[data-mr="breadcrumb.link"]:hover { color: var(--ad-ink); text-decoration: underline; text-underline-offset: 0.15em; }
[data-mr="breadcrumb.link"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-sm); }
[data-mr="breadcrumb.link"][aria-current="page"] { color: var(--ad-ink); font-weight: var(--mr-weight-medium); cursor: default; }
[data-mr="breadcrumb.icon"] { flex: none; display: inline-grid; place-items: center; inline-size: var(--mr-glyph-mark); block-size: var(--mr-glyph-mark); color: var(--ad-ink-spent); }
[data-mr="breadcrumb.icon"] > svg { inline-size: 100%; block-size: 100%; }
a[data-mr="breadcrumb.link"]:hover [data-mr="breadcrumb.icon"] { color: currentcolor; }
[data-mr="breadcrumb"][data-mr-overflow="scroll"] > [data-mr="breadcrumb.list"] { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
[data-mr="breadcrumb"][data-mr-overflow="scroll"] [data-mr="breadcrumb.item"] { flex: none; min-inline-size: auto; }
[data-mr="breadcrumb"][data-mr-overflow="scroll"] [data-mr="breadcrumb.link"] { white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { [data-mr="breadcrumb.link"] { transition: none; } }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="button"]:not([data-mr-tone]):not([data-mr-pending]):not([data-mr-tone]:not([data-mr-tone="neutral"]) *) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}
[data-mr="button"][data-mr-tone="neutral"]:not([data-mr-pending]) {
    --mr-tone: var(--mr-fg-muted);
    --mr-on-tone: var(--mr-bg);
    --mr-tone-subtle: var(--mr-bg-sunken);
    --mr-tone-emphasis: var(--mr-fg-muted);
}
[data-mr="button"] {
    min-block-size: var(--mr-control-height);
    border-radius: var(--ad-radius);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    cursor: pointer;
}
[data-mr="button"][data-mr-tone][data-mr-variant]:not([data-mr-variant="solid"]):not([aria-pressed="true"]) {
    background-color: transparent;
    border-color: var(--mr-tone);
    color: var(--mr-tone-emphasis);
}
[data-mr="button"][data-mr-tone][aria-pressed="true"] {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone);
    color: var(--mr-on-tone, var(--mr-bg));
    font-weight: var(--ad-state-weight);
}
[data-mr="button"][data-mr][aria-pressed="true"] {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone-emphasis);
    color: var(--mr-on-tone);
    font-weight: var(--ad-state-weight);
}
[data-mr="button"][data-mr]:is(:disabled, [aria-disabled="true"]) {
    background-color: var(--ad-well);
    border-color: var(--ad-line-quiet);
    color: var(--mr-spent-ink, var(--mr-fg-subtle));
    cursor: not-allowed;
}
[data-mr="button"] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    gap: var(--mr-gap-inline);

    padding-block: var(--mr-pad-cell);
    padding-inline: calc(var(--mr-pad-cell) * 2 + var(--mr-gap-pair));
    min-inline-size: var(--mr-control-height);
    border: var(--mr-border-width-sm) solid transparent;
    font-weight: var(--mr-weight-medium);
    line-height: var(--mr-leading-control);
    white-space: nowrap;
}
[data-mr="button"] { background-color: var(--mr-tone); color: var(--mr-on-tone); }
[data-mr="button"][data-mr-variant="outline"] { background-color: transparent; border-color: var(--mr-tone); color: var(--mr-tone-emphasis); }
[data-mr="button"][data-mr-variant="ghost"] { background-color: transparent; color: var(--mr-tone-emphasis); }
[data-mr="button"][data-mr-variant="link"] {
    background-color: transparent;
    padding-inline: 0;
    min-block-size: auto;
    color: var(--mr-tone-emphasis);
    text-decoration: underline;
    text-decoration-thickness: var(--mr-border-width-sm);
    text-underline-offset: 0.2em;
}
[data-mr="button"]:is([data-mr-variant="outline"], [data-mr-variant="ghost"]):hover { background-color: var(--mr-tone-subtle); }
[data-mr="button"]:hover { background-color: var(--mr-tone-emphasis); }
[data-mr="button"][data-mr-shape="pill"] { border-radius: var(--mr-radius-pill); }
[data-mr="button"][data-mr-shape="icon"] { padding: 0; inline-size: var(--mr-control-height); border-radius: var(--ad-radius); }
[data-mr="button.icon"] { display: inline-flex; inline-size: 1em; block-size: 1em; }
[data-mr="button"][data-mr-emphasis="subtle"] { border-color: transparent; }
[data-mr="button"][data-mr-emphasis="strong"] {
    border-width: var(--mr-border-width-md, 2px);
    border-color: var(--mr-tone-emphasis);
    color: var(--mr-tone-emphasis);
    font-weight: var(--ad-state-weight);
}
[data-mr="button"][data-mr-emphasis="strong"] {
    background-color: var(--mr-tone-emphasis);
    border-color: var(--mr-tone-emphasis);
    color: var(--mr-on-tone);
}
[data-mr="button"][data-mr-emphasis="subtle"] {
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
    font-weight: var(--mr-weight-medium);
}
[data-mr="button"]:has([data-mr="button.icon"][data-mr-position="trailing"]) { grid-template-columns: auto auto; }
[data-mr="button.icon"][data-mr-position="trailing"] { grid-row: 1; grid-column: 2; }
[data-mr="button"] { padding-block: 0; padding-inline: var(--mr-pad-inline); font-size: var(--ad-text); }
[data-mr="button"]:not([data-mr-tone])[data-mr-variant="outline"]:not([aria-pressed="true"]) {
    background-color: var(--ad-panel);
    border-color: var(--ad-line-strong);
    color: var(--ad-ink);
}
[data-mr="button"]:not([data-mr-tone])[data-mr-variant="ghost"]:not([aria-pressed="true"]) { color: var(--ad-ink); }
[data-mr="button"]:not([data-mr-tone]):is([data-mr-variant="outline"], [data-mr-variant="ghost"]):not([aria-pressed="true"]):hover {
    background-color: var(--ad-hover-bg);
    border-color: var(--ad-line-strong);
}
[data-mr="button"][data-mr-variant="ghost"] { border-color: transparent; }
[data-mr="button"][data-mr-tone]:not([data-mr-tone="neutral"])[data-mr-variant="outline"] { background-color: var(--ad-panel); }
[data-mr="button"][data-mr-variant="link"] { padding-inline: 0; box-shadow: none; }
[data-mr="button"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-md); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="cards.set"] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
    gap: var(--mr-gap-stack);
    margin: 0;
    padding: 0;
    list-style: none;
}
[data-mr="cards"] {
    display: flex;
    flex-direction: column;
    gap: var(--mr-gap-pair);
    min-inline-size: 0;
    padding: var(--mr-pad-block);
    background: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
    color: var(--ad-ink);
    font-size: var(--ad-text);
}
[data-mr="cards"][data-mr-surface="flat"] { border-color: transparent; background: var(--ad-well); }
[data-mr="cards"][data-mr-surface="accented"] { border-block-start: var(--mr-border-width-md) solid var(--ad-accent); }
[data-mr="cards.media"] {
    margin: calc(var(--mr-pad-block) * -1) calc(var(--mr-pad-block) * -1) 0;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: var(--ad-well);
    border-start-start-radius: var(--ad-radius-card);
    border-start-end-radius: var(--ad-radius-card);
}
[data-mr="cards.eyebrow"] {
    margin: 0;
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    font-weight: var(--ad-state-weight);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
}
[data-mr="cards.badge"] { align-self: flex-start; margin: 0; color: var(--ad-ink-quiet); font-size: var(--ad-text-meta); }
[data-mr="cards.title"] {
    margin: 0;
    font-size: var(--mr-text-heading-6);
    font-weight: var(--ad-state-weight);
    line-height: var(--mr-leading-heading);
    color: var(--ad-ink);
}
[data-mr="cards.link"] { color: inherit; text-decoration: none; }
[data-mr="cards.link"]:hover { text-decoration: underline; }
[data-mr="cards.body"] { color: var(--ad-ink-quiet); line-height: var(--mr-leading-reading); }
[data-mr="cards.body"] > * { margin: 0; }
[data-mr="cards.body"] > * + * { margin-block-start: var(--mr-gap-pair); }
[data-mr="cards.meta"] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mr-gap-pair) var(--mr-gap-inline);
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
}
[data-mr="cards.footer"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mr-gap-pair); margin-block-start: auto; }
[data-mr="cards.actions"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mr-gap-pair); padding-block-start: var(--mr-gap-pair); }
[data-mr="cards"] :is([data-mr="button"], [data-mr="cards.actions.item"]) { flex: 0 0 auto; align-self: flex-start; inline-size: auto; }
[data-mr="cards.actions"] > [data-mr="button"] { align-self: center; }
[data-mr="cards.actions.item"] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-inline);
    background: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line-strong);
    border-radius: var(--ad-radius);
    color: var(--ad-ink);
    font-weight: var(--mr-weight-medium);
    text-decoration: none;
    white-space: nowrap;
}
[data-mr="cards.actions.item"]:hover { background: var(--ad-hover-bg); }
[data-mr="cards.actions.item"][data-mr-emphasis="strong"] { background: var(--mr-tone); border-color: var(--mr-tone); color: var(--mr-on-tone); }
[data-mr="cards.actions.item"][data-mr-emphasis="strong"]:hover { background: var(--mr-tone-emphasis); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="chip"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-pair);
    min-block-size: var(--mr-target-min);
    padding-inline: var(--mr-gap-inline);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--mr-radius-pill);
    background-color: var(--ad-well);
    color: var(--ad-ink-quiet);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text-meta);
    line-height: var(--mr-leading-control);
    white-space: nowrap;
    cursor: default;
}
button[data-mr="chip"] { cursor: pointer; }
button[data-mr="chip"]:hover { border-color: var(--ad-line-strong); color: var(--ad-ink); }
[data-mr="chip"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-sm); }
[data-mr="chip.icon"]:not(:has(svg, img)) { flex: none; inline-size: 0.6em; block-size: 0.6em; border-radius: 50%; background-color: currentColor; }
[data-mr="chip.icon"]:has(svg, img) { flex: none; display: inline-grid; place-items: center; inline-size: 1em; block-size: 1em; }
[data-mr="chip.icon"] > :is(svg, img) { inline-size: 100%; block-size: 100%; }
[data-mr="chip.remove"] {
    flex: none;
    display: inline-grid;
    place-items: center;
    inline-size: 1.4em;
    block-size: 1.4em;
    margin-inline-end: calc(var(--mr-gap-pair) * -1);
    padding: 0;
    border: 0;
    border-radius: var(--ad-radius-row);
    background: none;
    color: inherit;
    cursor: pointer;
}
[data-mr="chip.remove"]:hover { background-color: var(--ad-hover-bg); color: var(--ad-ink); }
[data-mr="chip.remove"] > [data-pv-placeholder] { display: none; }
[data-mr="chip.remove"]:not(:has(:not([data-pv-placeholder])))::before { content: "\2715"; font-size: 0.85em; }
[data-mr="chip.remove"]:disabled { background-color: transparent; cursor: not-allowed; }
[data-mr="chip"][data-mr-tone]:is(:not([data-mr-variant]), [data-mr-variant="subtle"]) { background-color: var(--mr-tone-subtle); border-color: transparent; color: var(--mr-tone-emphasis); }
[data-mr="chip"][data-mr-tone="neutral"]:is(:not([data-mr-variant]), [data-mr-variant="subtle"]) { background-color: var(--ad-well); border-color: var(--ad-line); color: var(--ad-ink-quiet); }
[data-mr="chip"][data-mr-variant="solid"] { background-color: var(--mr-tone); border-color: transparent; color: var(--mr-on-tone); }
[data-mr="chip"][data-mr-variant="outline"] { background-color: transparent; border-color: var(--ad-line-strong); color: var(--ad-ink-quiet); }
[data-mr="chip"][data-mr-tone]:not([data-mr-tone="neutral"])[data-mr-variant="outline"] { border-color: var(--mr-tone); color: var(--mr-tone-emphasis); }
button[data-mr="chip"][aria-pressed="true"] { background-color: var(--ad-select-bg); border-color: var(--ad-line-state); color: var(--ad-ink); font-weight: var(--ad-state-weight); }
button[data-mr="chip"][data-mr-tone][aria-pressed="true"] { background-color: var(--mr-tone); border-color: var(--mr-tone-emphasis); color: var(--mr-on-tone); }
[data-mr="chip"][data-mr]:is(:disabled, [aria-disabled="true"]) { background-color: var(--ad-well); border-color: var(--ad-line-quiet); color: var(--mr-spent-ink, var(--mr-fg-subtle)); font-weight: var(--mr-weight-regular); cursor: not-allowed; }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="content-editor.shell"] {
        flex: 1 1 100%;
        min-inline-size: 0;
        display: flex;
        flex-direction: column;
        max-block-size: 100vh;
    }
[data-mr="content-editor"] {
        position: relative;
        flex: 1 1 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        min-block-size: 0;

        overflow-y: auto;
    }
[data-mr="content-editor"] > [data-mr="admin.panel"],
    [data-mr="content-editor"] > [data-mr="admin.stage"] { overflow-y: auto; }
[data-mr="content-editor"] > * { max-block-size: 100%; min-block-size: 0; }
[data-mr="content-editor.origin"] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--mr-gap-stack);
        padding: var(--mr-pad-cell) var(--mr-pad-inline);

        background: transparent;
        border-block-end: var(--mr-border-width-sm) solid var(--mr-border);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
    }
[data-mr="content-editor.origin.back"],
    [data-mr="content-editor.origin.done"] {
        padding: var(--mr-pad-cell) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        color: var(--mr-fg);
        text-decoration: none;
    }
[data-mr="content-editor.origin.back"]:hover,
    [data-mr="content-editor.origin.done"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="content-editor.origin.done"] {
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor"] [data-mr="chip"],
    [data-mr="content-editor.bar.line"] > *,
    [data-mr="content-editor.origin"] > * { white-space: nowrap; }
[data-mr="content-editor.origin.crumb"] { color: var(--mr-fg-muted); }
[data-mr="content-editor.origin.crumb"]::after { content: " \203a"; }
[data-mr="content-editor.origin.name"] { color: var(--mr-fg); font-weight: var(--mr-weight-medium); }
[data-mr="content-editor.origin.fixed"] {
        padding: var(--mr-gap-run) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) dashed var(--mr-border);
        border-radius: var(--mr-radius-sm);
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
    }
[data-mr="content-editor.origin.spacer"] { flex: 1; }
[data-mr="content-editor.origin.state"],
    [data-mr="content-editor.origin.published"] {
        padding: var(--mr-gap-run) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid transparent;
        border-radius: var(--mr-radius-sm);
        color: var(--mr-fg-muted);
    }
[data-mr="content-editor.origin.state"][data-mr-pending="unsaved"] {
        border-color: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.origin.published"] { border-style: dashed; border-color: var(--mr-border); }
[data-mr="content-editor.origin.published"][data-mr-tone] {
        border-style: solid;
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.origin.checks"] {
        padding: var(--mr-gap-run) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        cursor: pointer;
    }
[data-mr="content-editor.origin.checks"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="content-editor.origin.checks"][data-mr-tone] {
        border-color: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.origin.done"][data-mr-pending="unsaved"] {
        border-color: var(--mr-tone-emphasis);
        background: none;
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.canvas"] {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-stack);
        inline-size: 100%;
        margin-inline: auto;
        padding: var(--mr-pad-inline) 0;
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: var(--mr-bg);
        color: var(--mr-fg);
        font-family: var(--mr-font-body);
        font-size: var(--mr-text-reading);
        line-height: var(--mr-leading-reading);
    }
[data-mr="content-editor.canvas"][data-mr-preview="xlarge"]   { max-inline-size: var(--mr-breakpoint-xxl); }
[data-mr="content-editor.canvas"][data-mr-preview="desktop"]  { max-inline-size: var(--mr-breakpoint-xl); }
[data-mr="content-editor.canvas"][data-mr-preview="tablet"]   { max-inline-size: var(--mr-breakpoint-lg); }
[data-mr="content-editor.canvas"][data-mr-preview="mobile-h"] { max-inline-size: var(--mr-breakpoint-md); }
[data-mr="content-editor.canvas"][data-mr-preview="mobile-v"] { max-inline-size: var(--mr-breakpoint-sm); }
[data-mr="content-editor.canvas"][data-mr-preview="fit"]      { max-inline-size: none; }
[data-mr="content-editor.canvas"] [contenteditable="true"] {
        outline: var(--mr-border-width-sm) dashed transparent;
        outline-offset: var(--mr-focus-offset);
        cursor: text;
    }
[data-mr="content-editor.canvas"] [contenteditable="true"]:hover { outline-color: var(--mr-border-strong); }
[data-mr="content-editor.canvas"] [contenteditable="true"]:is([aria-current="true"], :focus) {
        outline-style: solid;
        outline-color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.fed"] {
        display: flex;
        align-items: center;
        gap: var(--mr-gap-pair);
        margin: var(--mr-gap-pair) 0 0;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: var(--mr-leading-control);
    }
[data-mr="content-editor.fed"]::before {
        content: "";
        flex: none;
        inline-size: var(--mr-glyph-chevron);
        border-block-start: var(--mr-border-width-sm) dashed var(--mr-border-strong);
    }
[data-mr="content-editor.fed"] + [data-mr="content-editor.fed"] { margin-block-start: 0; }
[data-mr="admin.panel"] [data-mr="content-editor.fed"] { margin: 0; color: var(--mr-fg); }
[data-mr="content-editor.slot"] {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: var(--mr-gap-inline);
        inline-size: 100%;
        padding: var(--mr-pad-cell) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) dashed var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        text-align: start;
        cursor: pointer;
    }
[data-mr="content-editor.slot"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="content-editor.slot"][aria-current="true"] {
        border-style: solid;
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.slot.name"] { color: inherit; }
[data-mr="content-editor.slot.takes"] { color: var(--mr-fg-muted); }
[data-mr="content-editor.bar"] {
        position: sticky;
        inset-block-start: calc(var(--mr-pad-inline) * -1);
        z-index: 4;
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-inline);
        margin-block: calc(var(--mr-pad-inline) * -1) 0;
        padding: var(--mr-pad-cell) 0;
        background: var(--mr-bg-sunken);
        border-block-end: var(--mr-border-width-sm) solid var(--mr-border);
    }
[data-mr="content-editor.bar.line"] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--mr-gap-inline);
    }
[data-mr="content-editor.bar.line"] > [data-mr="field.control"] {
        flex: none;
        inline-size: calc((100% - 11 * var(--mr-gap-inline)) / 6 + var(--mr-gap-inline));
        min-inline-size: max-content;
    }
[data-mr="content-editor.bar.line"] > [data-mr="admin.toolbar.label"] { white-space: normal; }
[data-mr="content-editor.flag"] {
        display: inline-flex;
        align-items: center;
        min-block-size: var(--mr-control-height);
        padding: var(--mr-gap-run) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: 1.45;
    }
[data-mr="content-editor.flag"][data-mr-tone] {
        border-color: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
button[data-mr="content-editor.flag"] { cursor: pointer; }
button[data-mr="content-editor.flag"][data-mr-tone]:hover { background: var(--mr-tone-subtle); }
[data-mr="content-editor.bar.action"] {
        min-block-size: var(--mr-control-height);
        padding: var(--mr-gap-run) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        cursor: pointer;
    }
[data-mr="content-editor.bar.action"]:hover { border-color: var(--mr-fg); }
[data-mr="content-editor.bar.action"][data-mr-tone] {
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.bar.action"][data-mr]:is(:disabled, [aria-disabled="true"]) {
        background-color: var(--ad-well);
        border-color: var(--ad-line-quiet);
        color: var(--mr-spent-ink, var(--mr-fg-subtle));
        cursor: not-allowed;
    }
[data-mr="content-editor.panelhead"] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--mr-gap-inline);
    }
[data-mr="content-editor.address"] {
        margin: 0;
        padding: var(--mr-pad-cell) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: var(--mr-bg);
        color: var(--mr-fg);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: var(--mr-leading-reading);
        overflow-wrap: break-word;
        user-select: all;
    }
[data-mr="content-editor.crumbs"] {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: var(--mr-gap-pair);
        margin-block: var(--mr-gap-pair) var(--mr-gap-inline);
    }
[data-mr="content-editor.crumb"] {
        appearance: none;
        padding: 0;
        border: 0;
        background: none;
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: 1.4;
        color: var(--mr-fg-muted);
        cursor: pointer;
        text-align: start;
    }
[data-mr="content-editor.crumb"] + [data-mr="content-editor.crumb"]::before {
        content: "\203a";
        margin-inline-end: var(--mr-gap-pair);
        color: var(--mr-border-strong);
    }
[data-mr="content-editor.crumb"]:hover { color: var(--mr-fg); text-decoration: underline; }
[data-mr="content-editor.crumb"][aria-current="true"] { color: var(--mr-fg); }
[data-mr="content-editor.crumb"][aria-current="true"]:hover { text-decoration: none; cursor: default; }
[data-mr="content-editor.check"] {
        margin: 0;
        color: var(--mr-fg);
        font-size: var(--ad-text);
        line-height: var(--mr-leading-reading);
        font-weight: var(--mr-weight-medium);
        text-wrap: pretty;
    }
[data-mr="content-editor.report"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-pair);
        padding: var(--mr-pad-cell) var(--mr-pad-inline);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: transparent;
    }
[data-mr="content-editor.report.item"] {
        display: flex;
        align-items: baseline;
        gap: var(--mr-gap-stack);
        font-size: var(--ad-text);
    }
[data-mr="content-editor.report.count"] {
        flex: none;
        min-inline-size: 2.5ch;
        text-align: end;
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        color: var(--mr-fg-muted);
    }
[data-mr="content-editor.report.item"][data-mr-tone] [data-mr="content-editor.report.count"],
    [data-mr="content-editor.report.item"][data-mr-tone] [data-mr="content-editor.report.what"] { color: var(--mr-tone-emphasis); }
[data-mr="content-editor.emit"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-inline);
        min-inline-size: 0;
    }
[data-mr="content-editor"] > [data-mr="admin.panel"][data-mr-open="false"] { display: none; }
[data-mr="content-editor"] [data-mr="admin.panel"] [data-mr="tree.item.label"] {
        min-inline-size: 0;
        overflow: hidden;
        overflow-wrap: normal;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
[data-mr="content-editor.panels"] {
        min-inline-size: var(--ad-row-part);
        padding: var(--mr-gap-run) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        cursor: pointer;
    }
[data-mr="content-editor.panels"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="content-editor.section"] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--mr-gap-inline);
        inline-size: 100%;
        padding: var(--mr-pad-cell) 0;
        border: 0;
        border-block-start: var(--mr-border-width-sm) solid var(--mr-border);
        background: none;
        color: var(--mr-fg);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        letter-spacing: var(--mr-tracking-wide);
        text-transform: uppercase;
        text-align: start;
        cursor: pointer;
    }
[data-mr="content-editor.section"]::before {
        content: "+";
        order: 2;
        color: var(--mr-fg-muted);
    }
[data-mr="content-editor.section"][aria-expanded="true"]::before { content: "\2212"; }
[data-mr="content-editor.section"]:hover { color: var(--mr-fg); }
[data-mr="content-editor.section"]:hover::before { color: var(--mr-fg); }
[data-mr="content-editor.section.meta"] {
        flex: 1;
        color: var(--mr-fg-muted);
        font-size: var(--ad-text-meta);
        letter-spacing: 0;
        text-transform: none;
        text-align: end;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
[data-mr="content-editor.file"] {
        position: relative;
        overflow: hidden;
        display: block;
        inline-size: 100%;
        padding: var(--mr-pad-cell) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        color: var(--mr-fg);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        cursor: pointer;
    }
[data-mr="content-editor.file"]:hover { border-color: var(--mr-fg); }
[data-mr="content-editor.file"] > input {
        position: absolute;
        inset: 0;
        opacity: 0;
        font-size: 0;
        cursor: pointer;
    }
[data-mr="content-editor.bare"] { display: block; min-inline-size: 0; }
[data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"]) { position: relative; isolation: isolate; }
[data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"])[data-mr-menu="open"] { margin-block-start: var(--mr-control-height); }
[data-mr="content-editor.gear"] {
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        z-index: 3;
        translate: 0 -25%;
        inline-size: var(--mr-glyph-figure);
        padding: 0;
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: var(--mr-bg);
        color: var(--mr-fg-muted);
        display: grid;
        place-items: center;
        block-size: var(--mr-glyph-figure);
        visibility: hidden;
        cursor: pointer;
    }
[data-mr="content-editor.gear.icon"] { display: grid; inline-size: var(--mr-glyph-chevron); block-size: var(--mr-glyph-chevron); }
[data-mr="content-editor.gear.icon"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="content-editor.gear"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"]) > [data-mr="content-editor.gear"] { inset-inline-start: calc(var(--mr-pad-inline) * -1); }
[data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"]):hover > [data-mr="content-editor.gear"],
    [data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"]):focus-within > [data-mr="content-editor.gear"],
    [data-mr="content-editor.gear"][aria-expanded="true"] { visibility: visible; }
[data-mr="content-editor.gear"][aria-expanded="true"] {
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.handle"] {
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        translate: 0 -100%;
        z-index: 2;
        display: flex;
        align-items: center;
        gap: var(--mr-gap-run);
        visibility: hidden;
    }
[data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"])[data-mr-menu="open"] > [data-mr="content-editor.handle"] { visibility: visible; }
[data-mr="content-editor.handle.split"] {
        display: inline-flex;
        align-items: center;
        margin-inline-start: var(--mr-gap-stack);
        padding-inline-start: var(--mr-pad-cell);
        border-inline-start: var(--mr-border-width-sm) solid var(--mr-border);
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        white-space: nowrap;
    }
[data-mr="content-editor.handle.tag"],
    [data-mr="content-editor.handle.add"],
    [data-mr="content-editor.handle.drop"] {
        display: block;
        min-inline-size: var(--mr-glyph-figure);
        padding: 0 var(--mr-gap-run);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: var(--mr-bg);
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: 1.45;
        white-space: nowrap;
        cursor: pointer;
    }
[data-mr="content-editor.handle.add"][data-mr-tone],
    [data-mr="content-editor.handle.drop"][data-mr-tone] {
        border-color: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.handle.drop"][data-mr-tone] { margin-inline-start: var(--mr-gap-stack); }
[data-mr="content-editor.handle.add"][data-mr-tone]:hover,
    [data-mr="content-editor.handle.drop"][data-mr-tone]:hover {
        background: var(--mr-tone-subtle);
        border-color: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.handle.tag"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="content-editor.tracks"] {
        box-sizing: border-box;
        position: absolute;
        inset: 0;
        z-index: -1;
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        column-gap: min(var(--mr-layout-gap), 4%);
        padding-inline: max(var(--mr-layout-gutter), (100% - var(--mr-layout-measure, var(--mr-layout-measure-page))) / 2);
        pointer-events: none;
        visibility: hidden;
    }
[data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"]) > [data-mr="content-editor.tracks"] {
        --mr-layout-gutter: 0px;
        --mr-layout-measure: 100%;
    }
[data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"]):hover > [data-mr="content-editor.tracks"],
    [data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"]):focus-within > [data-mr="content-editor.tracks"],
    [data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"])[data-mr-menu="open"] > [data-mr="content-editor.tracks"],
    [data-mr="content-editor"][data-mr-dragging="true"] [data-mr="content-editor.tracks"] { visibility: visible; }
[data-mr="content-editor.tracks.track"] {
        position: relative;
        border-inline: var(--mr-border-width-sm) dashed var(--mr-border);
        border-block: 0;
    }
[data-mr="content-editor.tracks.num"] {
        position: absolute;
        inset-block-start: var(--mr-gap-run);
        inset-inline-start: var(--mr-gap-run);
        visibility: hidden;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
    }
[data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"])[data-mr-menu="open"] [data-mr="content-editor.tracks.num"],
    [data-mr="content-editor"][data-mr-dragging="true"] [data-mr="content-editor.tracks.num"] { visibility: visible; }
[data-mr="content-editor"][data-mr-dragging="true"] [data-mr="content-editor.tracks.track"] { border-color: var(--mr-border-strong); }
[data-mr="content-editor.gap"] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: var(--mr-gap-run);
        min-block-size: calc(var(--mr-row-height) * 2);
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) dashed var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        text-align: start;
        cursor: pointer;
    }
[data-mr="content-editor.gap"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="content-editor.gap"][aria-current="true"],
    [data-mr="content-editor.gap"][data-mr-drop="true"] {
        border-style: solid;
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.gap.name"] { color: inherit; }
[data-mr="content-editor.tail"] {
        visibility: hidden;
        display: grid;
        place-items: center;
        min-block-size: calc(var(--mr-control-height) + var(--mr-gap-pair));
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) dashed var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        text-align: center;
        cursor: pointer;
    }
[data-mr="content-editor.tail"][data-mr-empty="true"],
    [data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"]):hover [data-mr="content-editor.tail"],
    [data-mr="form.fields"]:has(> [data-mr="content-editor.tracks"]):focus-within [data-mr="content-editor.tail"],
    [data-mr="content-editor"][data-mr-dragging="true"] [data-mr="content-editor.tail"] { visibility: visible; }
[data-mr="content-editor.tail"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="content-editor.tail"][aria-current="true"] {
        border-style: solid;
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.insert"] {
        display: flex;
        align-items: center;
        gap: var(--mr-gap-inline);
        inline-size: 100%;
        padding: 0 var(--mr-pad-inline);
        border: 0;
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        cursor: pointer;
    }
[data-mr="content-editor.insert"]::before,
    [data-mr="content-editor.insert"]::after {
        content: "";
        flex: 1;
        block-size: var(--mr-border-width-sm);
        background: var(--mr-border);
    }
[data-mr="content-editor.insert"] > span { visibility: hidden; }
[data-mr="content-editor.insert"]:hover > span,
    [data-mr="content-editor.insert"]:focus-visible > span { visibility: visible; }
[data-mr="content-editor.insert"]:hover::before,
    [data-mr="content-editor.insert"]:hover::after { background: var(--mr-tone-emphasis); }
[data-mr="content-editor.canvas"] :is([data-mr="layout.row"], [data-mr="layout.cell"], [data-mr="content-editor.bare"], [data-mr="form.fields"], [data-mr="cards.set"]) > [data-mr]:not([data-mr^="content-editor."], [data-mr^="layout."], [data-mr="nav-menu"]) {
        position: relative;
        outline: var(--mr-border-width-sm) dashed transparent;
        outline-offset: var(--mr-focus-offset);
    }
[data-mr="content-editor.canvas"] :is([data-mr="layout.row"], [data-mr="layout.cell"], [data-mr="content-editor.bare"], [data-mr="form.fields"], [data-mr="cards.set"]) > [data-mr]:not([data-mr^="content-editor."], [data-mr^="layout."], [data-mr="nav-menu"]):hover { outline-color: var(--mr-border-strong); }
[data-mr="content-editor.canvas"] [data-mr]:not([data-mr^="content-editor."], [contenteditable="true"], [data-mr="nav-menu"], [data-mr="nav-menu.item"], [data-mr="nav-item"])[aria-current="true"] {
        outline: var(--mr-border-width-sm) solid var(--mr-tone-emphasis);
        outline-offset: var(--mr-focus-offset);
    }
[data-mr="content-editor.canvas"] :is([data-mr="layout.row"], [data-mr="layout.cell"], [data-mr="content-editor.bare"], [data-mr="form.fields"], [data-mr="cards.set"]) > [data-mr]:not([data-mr^="content-editor."], [data-mr^="layout."], [data-mr="nav-menu"])::before {
        content: attr(data-mr);
        position: absolute;
        inset-block-end: calc(100% + var(--mr-gap-run));
        inset-inline-end: 0;
        visibility: hidden;
        padding-inline: var(--mr-pad-cell);
        background: var(--mr-bg);
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        font-weight: var(--mr-weight-regular);
        font-style: normal;
        letter-spacing: 0;
        text-transform: none;
        white-space: nowrap;
    }
[data-mr="content-editor.canvas"] :is([data-mr="layout.row"], [data-mr="layout.cell"], [data-mr="content-editor.bare"], [data-mr="form.fields"], [data-mr="cards.set"]) > [data-mr]:not([data-mr^="content-editor."], [data-mr^="layout."], [data-mr="nav-menu"]):hover::before { visibility: visible; }
[data-mr="content-editor.canvas"] [aria-placeholder]:empty::before {
        content: attr(aria-placeholder);
        color: var(--mr-fg-muted);
    }
[data-mr="content-editor.canvas"] [data-mr="field"]:has([data-mr="field.control"][required]) > [data-mr="field.label"]::after,
    [data-mr="content-editor.canvas"] [data-mr="field"]:has([data-mr="field.control"][required]) > [data-mr="field.label"] + [data-mr="field.hint"] ~ * ~ [data-mr="field.label"]::after {
        content: " *";
        color: var(--mr-tone-emphasis);
        font-weight: var(--mr-weight-semibold);
    }
[data-mr="content-editor.tools"] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--mr-gap-run);
        inline-size: max-content;
        max-inline-size: 100%;
        margin-block-end: var(--mr-gap-pair);
        padding: var(--mr-gap-run);
        border: var(--mr-border-width-sm) solid var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        background: var(--mr-bg);
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
    }
[data-mr="content-editor.tools.grip"],
    [data-mr="content-editor.tools.item"] {
        display: inline-grid;
        place-items: center;
        min-inline-size: var(--mr-target-min);
        min-block-size: var(--mr-target-min);
        padding-block: 0;
        padding-inline: var(--mr-gap-run);
        border: var(--mr-border-width-sm) solid transparent;
        border-radius: var(--mr-radius-sm);
        background: none;
        color: inherit;
        font: inherit;
        cursor: pointer;
    }
[data-mr="content-editor.tools.grip"] { cursor: grab; }
[data-mr="content-editor.tools.grip"]:hover,
    [data-mr="content-editor.tools.item"]:hover { border-color: var(--mr-border-strong); color: var(--mr-fg); }
[data-mr="content-editor.tools.item"][aria-pressed="true"] {
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="content-editor.tools.item"][data-mr-tone] { color: var(--mr-tone-emphasis); }
[data-mr="content-editor.tools.item"][data-mr-tone]:hover { border-color: var(--mr-tone-emphasis); background: var(--mr-tone-subtle); }
[data-mr="content-editor.tools.sep"] {
        align-self: stretch;
        inline-size: var(--mr-border-width-sm);
        margin-inline: var(--mr-gap-run);
        background: var(--mr-border);
    }
[data-mr="content-editor.invite"] {
        display: grid;
        justify-items: center;
        gap: var(--mr-gap-pair);
        margin-block-end: var(--mr-gap-stack);
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) dashed var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        color: var(--mr-fg-muted);
        text-align: center;
    }
[data-mr="content-editor.invite.line"] { margin: 0; color: var(--mr-fg); font-weight: var(--mr-weight-medium); }
[data-mr="content-editor.invite.note"] {
        margin: 0;
        max-inline-size: var(--mr-measure);
        font-size: var(--ad-text-meta);
        text-wrap: pretty;
    }
@container mr-admin (max-inline-size: 47.999rem) {
        [data-mr="content-editor.origin.crumb"],
        [data-mr="content-editor.origin.fixed"] { display: none; }
        [data-mr="content-editor.bar.line"] > [data-mr="field.control"] { inline-size: auto; flex: 1 1 0; }
        [data-mr="content-editor.handle"] { inset-inline-end: 0; flex-wrap: wrap; }
        [data-mr="content-editor.handle.split"] { display: none; }
    }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="context-menu"] {
    display: flex; flex-direction: column;
    min-inline-size: var(--mr-measure-rail);

    max-inline-size: var(--mr-measure-narrow);
    inline-size: fit-content;
    padding: var(--mr-pad-cell);
    background: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
    box-shadow: var(--mr-shadow-lg);
    color: var(--ad-ink);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
}
[data-mr="context-menu.group"] { display: flex; flex-direction: column; }
[data-mr="context-menu.group.label"] {
    margin: 0;
    padding: var(--mr-pad-cell) var(--mr-pad-inline) var(--mr-gap-heading);
    font-size: var(--ad-text-meta); font-weight: var(--ad-state-weight);
    letter-spacing: var(--mr-tracking-wide); text-transform: uppercase;
    color: var(--ad-ink-quiet);
}
[data-mr="context-menu.item"] {
    display: flex; align-items: center; gap: var(--mr-gap-inline);
    inline-size: 100%;
    min-block-size: var(--mr-row-height);
    padding-inline: var(--mr-pad-inline);
    background: none; border: none;
    border-radius: var(--ad-radius-row);
    color: var(--ad-ink);
    font: inherit; text-align: start;
    cursor: pointer;
    transition: background var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="context-menu.item"]:hover,
[data-mr="context-menu.item"][data-pv-force="hover"] { background: var(--ad-hover-bg); }
[data-mr="context-menu.item"][data-mr-tone="danger"] { color: var(--mr-tone-emphasis); }
[data-mr="context-menu.item"][data-mr-tone="danger"]:hover { background: var(--mr-tone-subtle); }
[data-mr="context-menu.item"][data-mr-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); cursor: not-allowed; }
[data-mr="context-menu.item"][data-mr-disabled="true"]:hover { background: none; }
[data-mr="context-menu.item.icon"] { flex: none; display: grid; place-items: center; inline-size: var(--mr-glyph-mark); block-size: var(--mr-glyph-mark); color: var(--ad-ink-quiet); }
[data-mr="context-menu.item.icon"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="context-menu.item.label"] { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-mr="context-menu.item.shortcut"] {
    flex: none;
    white-space: nowrap;
    font-family: var(--ad-font-data); font-size: var(--ad-text-meta);
    color: var(--ad-ink-quiet);
}
[data-mr="context-menu.item.submenu"] {
    flex: none;
    inline-size: calc(var(--mr-glyph-chevron) / 2); block-size: calc(var(--mr-glyph-chevron) / 2);
    border-block-start: var(--mr-border-width-md, 2px) solid currentColor;
    border-inline-end: var(--mr-border-width-md, 2px) solid currentColor;
    transform: rotate(45deg);
    opacity: .55;
    margin-inline-start: calc(var(--mr-indent-step) / 2);
}
[data-mr="context-menu.separator"] {
    block-size: var(--mr-border-width-sm);
    background: var(--ad-line-quiet);
    margin-block: var(--mr-gap-run);
    margin-inline: calc(var(--mr-pad-cell) * -1);
}
@media (prefers-reduced-motion: reduce) { [data-mr="context-menu.item"] { transition: none; } }
[data-mr="context-menu"][popover] {
    margin: 0;
    inset: auto;
    position-anchor: --mr-menu-anchor;
    position-area: block-end span-inline-start;
    position-try-fallbacks: flip-block, flip-inline;
    margin-block: var(--mr-gap-pair);
    box-shadow: var(--mr-shadow-lg);
}
[data-mr="context-menu"][popover]:not(:popover-open) { display: none; }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="dialog"] {
    background-color: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
    box-shadow: var(--mr-shadow-xl);
    font-size: var(--ad-text);
    color: var(--ad-ink);
}
[data-mr="dialog.close"] {
    min-block-size: var(--mr-control-height);
    border-radius: var(--ad-radius);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    cursor: pointer;
}
[data-mr="dialog.close"] {
    display: inline-grid;
    place-items: center;
    min-inline-size: var(--ad-row-part);
}
[data-mr="dialog.close"] > [data-pv-placeholder] {
    display: none;
}
[data-mr="dialog.close"]:not(:has(:not([data-pv-placeholder])))::before,
[data-mr="dialog.close"]:not(:has(:not([data-pv-placeholder])))::after {
    content: "";
    grid-area: 1 / 1;
    inline-size: var(--ad-mark-cross);
    block-size: var(--mr-border-width-sm);
    background-color: currentColor;
}
[data-mr="dialog.close"]:not(:has(:not([data-pv-placeholder])))::before { rotate: 45deg; }
[data-mr="dialog.close"]:not(:has(:not([data-pv-placeholder])))::after { rotate: -45deg; }
[data-mr="dialog.body"] { color: var(--ad-ink); }
[data-mr="dialog.close"][data-mr]:is(:disabled, [aria-disabled="true"]) {
    background-color: var(--ad-well);
    border-color: var(--ad-line-quiet);
    color: var(--mr-spent-ink, var(--mr-fg-subtle));
    cursor: not-allowed;
}
[data-mr="dialog"] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    inline-size: min(var(--mr-measure), calc(100vw - var(--mr-pad-page)));
    max-block-size: min(var(--mr-measure-wide), calc(100vh - var(--mr-pad-page)));
    padding: 0;
    color: var(--ad-ink);
}
[data-mr="dialog"][data-mr-size="sm"] { inline-size: min(var(--mr-measure-narrow), calc(100vw - var(--mr-pad-page))); }
[data-mr="dialog"][data-mr-size="md"] { inline-size: min(var(--mr-measure), calc(100vw - var(--mr-pad-page))); }
[data-mr="dialog"][data-mr-size="lg"] { inline-size: min(var(--mr-measure-wide), calc(100vw - var(--mr-pad-page))); }
[data-mr="dialog"]::backdrop { background-color: color-mix(in srgb, var(--mr-scrim) 55%, transparent); }
[data-mr="dialog.head"] { display: flex; align-items: center; gap: var(--ad-gap); padding: var(--mr-pad-cell); border-block-end: var(--mr-border-width-sm) solid var(--ad-line); }
[data-mr="dialog.title"] { margin: 0; font-size: var(--mr-text-title); font-weight: var(--ad-state-weight); }
[data-mr="dialog.close"] { margin-inline-start: auto; inline-size: var(--mr-control-height); display: inline-grid; place-items: center; background: none; border: var(--mr-border-width-sm) solid transparent; color: var(--ad-ink-quiet); }
[data-mr="dialog.close"]:hover { border-color: var(--ad-line); color: var(--ad-ink); }
[data-mr="dialog.body"] { overflow: auto; padding: var(--mr-pad-block); font-size: var(--ad-text); }
[data-mr="dialog.body"] > :first-child { margin-block-start: 0; }
[data-mr="dialog.foot"] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--mr-gap-inline); padding: var(--mr-pad-cell); border-block-start: var(--mr-border-width-sm) solid var(--ad-line); }
[data-mr="dialog"][data-mr-tone] [data-mr="dialog.title"] { color: var(--mr-tone-emphasis); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="disclosure"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}
[data-mr="disclosure"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--mr-gap-inline);
    min-block-size: var(--mr-control-height);
    min-inline-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-cell);
    border: var(--mr-border-width-sm) solid transparent;
    border-radius: var(--ad-radius);
    background: none;
    color: var(--ad-ink-quiet);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    font-weight: var(--mr-weight-medium);
    line-height: var(--mr-leading-control);
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="disclosure"]:hover { background-color: var(--ad-hover-bg); color: var(--ad-ink); }
[data-mr="disclosure"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-md); }
[data-mr="disclosure.mark"],
[data-mr="disclosure.mark-expanded"] {
    flex: none;
    display: inline-grid;
    place-items: center;
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
}
[data-mr="disclosure.mark"] > :is(svg, img),
[data-mr="disclosure.mark-expanded"] > :is(svg, img) { inline-size: 100%; block-size: 100%; }
[data-mr="disclosure"][aria-expanded="false"] > [data-mr="disclosure.mark-expanded"] { display: none; }
[data-mr="disclosure"][aria-expanded="true"]:has(> [data-mr="disclosure.mark-expanded"]) > [data-mr="disclosure.mark"] { display: none; }
[data-mr="disclosure.label"] { white-space: nowrap; }
[data-mr="disclosure"]:has([data-mr="disclosure.label"][data-mr-visually-hidden]) { inline-size: var(--mr-control-height); padding-inline: 0; }
[data-mr="disclosure"][aria-expanded="true"] { background-color: var(--ad-select-bg); color: var(--ad-ink); font-weight: var(--ad-state-weight); }
[data-mr="disclosure"][data-mr-variant="outline"] { border-color: var(--ad-line-strong); background-color: var(--ad-panel); color: var(--ad-ink); }
[data-mr="disclosure"][data-mr-variant="outline"]:hover { background-color: var(--ad-hover-bg); }
[data-mr="disclosure"][data-mr-variant="solid"] { border-color: transparent; background-color: var(--mr-tone); color: var(--mr-on-tone); }
[data-mr="disclosure"][data-mr-variant="solid"]:hover { background-color: var(--mr-tone-emphasis); color: var(--mr-on-tone); }
[data-mr="disclosure"][data-mr-variant="solid"][aria-expanded="true"] { background-color: var(--mr-tone-emphasis); color: var(--mr-on-tone); }
[data-mr="disclosure"][data-mr-size="sm"] { min-block-size: var(--mr-row-height); min-inline-size: var(--mr-row-height); padding-inline: var(--mr-gap-inline); font-size: var(--ad-text-meta); }
[data-mr="disclosure"][data-mr-size="sm"] > :is([data-mr="disclosure.mark"], [data-mr="disclosure.mark-expanded"]) { inline-size: var(--mr-glyph-chevron); block-size: var(--mr-glyph-chevron); }
[data-mr="disclosure"][data-mr-size="sm"]:has([data-mr="disclosure.label"][data-mr-visually-hidden]) { inline-size: var(--mr-row-height); }
[data-mr="disclosure"][data-mr]:is(:disabled, [aria-disabled="true"]) { border-color: transparent; background-color: transparent; color: var(--mr-spent-ink, var(--mr-fg-subtle)); cursor: not-allowed; }
[data-mr="disclosure"][data-mr-variant="outline"][data-mr]:is(:disabled, [aria-disabled="true"]) { border-color: var(--ad-line-quiet); background-color: var(--ad-well); }
[data-mr="disclosure"][data-mr-variant="solid"][data-mr]:is(:disabled, [aria-disabled="true"]) { border-color: var(--ad-line-quiet); background-color: var(--ad-well); }
@media (prefers-reduced-motion: reduce) { [data-mr="disclosure"] { transition: none; } }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="empty-state"] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mr-gap-pair);
    padding-block: var(--mr-pad-block);
    max-inline-size: var(--mr-measure);
    color: var(--ad-ink);
}
[data-mr="empty-state"] > * { margin: 0; }
[data-mr="empty-state.mark"] {
    inline-size: var(--mr-glyph-portrait);
    block-size: var(--mr-glyph-portrait);
    margin-block-end: var(--mr-gap-pair);
    color: var(--ad-ink-spent);
}
[data-mr="empty-state.mark"] > :is(svg, img) { inline-size: 100%; block-size: 100%; }
[data-mr="empty-state.title"] {
    font-size: var(--mr-text-title);
    font-weight: var(--ad-state-weight);
    line-height: var(--mr-leading-heading);
    color: var(--ad-ink);
    text-wrap: pretty;
}
[data-mr="empty-state.body"] {
    font-size: var(--ad-text);
    line-height: var(--mr-leading-control);
    color: var(--ad-ink-quiet);
    text-wrap: pretty;
}
[data-mr="empty-state.actions"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--ad-gap);
    margin-block-start: var(--mr-gap-pair);
}
[data-mr="empty-state"][data-mr-scale="inline"] {
    gap: var(--mr-gap-pair);
    padding-block: var(--mr-pad-cell);
}
[data-mr="empty-state"][data-mr-scale="inline"] > [data-mr="empty-state.mark"] { display: none; }
[data-mr="empty-state"][data-mr-scale="inline"] [data-mr="empty-state.title"] {
    font-size: var(--ad-text);
}
[data-mr="empty-state"][data-mr-scale="inline"] [data-mr="empty-state.body"] {
    font-size: var(--ad-text-meta);
}
[data-mr="empty-state"][data-mr-scale="inline"] > [data-mr="empty-state.actions"] { margin-block-start: 0; }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="fact-list"] {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: var(--ad-text);
    color: var(--ad-ink);
}
:is([data-mr="fact-list.value"])[data-mr],
:is([data-mr="datetime"])[data-mr] {
    font-family: var(--ad-font-data);
    font-variant-numeric: tabular-nums;
}
:is([data-mr="fact-list.term"], [data-mr="fact-list.note"]) {
    color: var(--ad-ink-quiet);
}
[data-mr="fact-list.note"] {
    font-size: var(--ad-text-meta);
}
[data-mr="fact-list"] { padding: 0; }
[data-mr="fact-list"] { display: grid; }
[data-mr="fact-list"] [data-mr="fact-list.row"] { display: grid; grid-template-columns: minmax(var(--mr-field-label-column), 14ch) minmax(0, 1fr); gap: var(--ad-gap); }
[data-mr="fact-list"][data-mr-variant="grid"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--mr-measure-rail), 1fr)); gap: var(--mr-gap-column); }
[data-mr="fact-list"][data-mr-variant="grid"] [data-mr="fact-list.row"] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mr-gap-pair); border-block-end: 0; }
[data-mr="fact-list.row"] { padding: var(--mr-pad-cell) 0; border-block-end: var(--mr-border-width-sm) solid var(--ad-line-quiet); }
[data-mr="fact-list.row"]:last-of-type { border-block-end: 0; }
[data-mr="fact-list.term"] { font-size: var(--ad-text-meta); }
[data-mr="fact-list.value"] { min-inline-size: 0; overflow-wrap: anywhere; }
[data-mr="fact-list.note"] { font-size: var(--ad-text-meta); margin-block-start: var(--mr-gap-pair); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="find"] { display: block; color: var(--ad-ink); font-family: var(--mr-font-body); font-size: var(--ad-text); }
[data-mr="find.trigger"] {
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    inline-size: 100%;
    min-block-size: var(--mr-control-height);
    padding-block: 0;
    padding-inline: var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius);
    background-color: var(--ad-panel);
    color: var(--ad-ink-quiet);
    font: inherit;
    text-align: start;
    cursor: pointer;
    transition: border-color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="find.trigger"]:hover { border-color: var(--ad-line-strong); background-color: var(--ad-hover-bg); }
[data-mr="find.trigger"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-sm); }
[data-mr="find.trigger.icon"], [data-mr="find.field.icon"], [data-mr="find.item.icon"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
    color: var(--ad-ink-quiet);
}
[data-mr="find.trigger.icon"] > svg, [data-mr="find.field.icon"] > svg, [data-mr="find.item.icon"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="find.trigger.label"] { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-mr="find.trigger.keys"] {
    flex: none;
    margin-inline-start: auto;
    padding-block: 0;
    padding-inline: var(--mr-gap-pair);
    border: var(--mr-border-width-sm) solid var(--ad-line-strong);
    border-radius: var(--ad-radius-row, var(--mr-radius-sm));
    background-color: var(--ad-panel);
    color: var(--ad-ink-quiet);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-caption);
    line-height: var(--mr-leading-control);
    white-space: nowrap;
}
[data-mr="find.palette"] {
    box-sizing: border-box;
    inline-size: min(38.75rem, calc(100vw - 2 * var(--mr-pad-cell)));
    max-block-size: 80vh;
    padding: 0;
    overflow: hidden;
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
    background-color: var(--ad-panel);
    box-shadow: var(--mr-shadow-xl);
    color: var(--ad-ink);
}
[data-mr="find.palette"][open] { display: flex; flex-direction: column; }
[data-mr="find.palette"]:modal { margin-block: 10vh auto; margin-inline: auto; }
[data-mr="find.palette"]:not(:modal) { position: static; inset: auto; margin: 0; }
[data-mr="find.palette"]::backdrop { background-color: color-mix(in srgb, var(--mr-fg) 42%, transparent); }
[data-mr="find.field"] {
    order: 0;
    flex: none;
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border-block-end: var(--mr-border-width-sm) solid var(--ad-line);
}
[data-mr="find.field"]:has(> [data-mr="find.input"]:focus-visible) { box-shadow: inset 0 calc(var(--mr-border-width-md) * -1) 0 var(--ad-accent); }
[data-mr="find.field.icon"] { inline-size: calc(var(--mr-glyph-mark) * 1.25); block-size: calc(var(--mr-glyph-mark) * 1.25); }
[data-mr="find.input"] {
    flex: 1 1 auto;
    min-inline-size: 0;
    min-block-size: var(--mr-control-height);
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ad-ink);
    font-family: inherit;
    font-size: var(--mr-text-body);
}
[data-mr="find.input"]::placeholder { color: var(--ad-ink-spent); }
[data-mr="find.results"] { order: 2; flex: 0 1 auto; min-block-size: 0; overflow: auto; padding: var(--mr-pad-cell); }
[data-mr="find.group"] { display: flex; flex-direction: column; }
[data-mr="find.group"] + [data-mr="find.group"] { margin-block-start: var(--mr-gap-pair); }
[data-mr="find.group.title"] {
    margin: 0;
    padding: var(--mr-pad-cell) var(--mr-pad-cell) var(--mr-gap-pair);
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    font-weight: var(--mr-weight-medium);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
}
[data-mr="find.group.items"] { display: flex; flex-direction: column; margin: 0; padding: 0; }
[data-mr="find.item"] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    inline-size: 100%;
    min-block-size: var(--mr-row-height);
    padding-block: 0;
    padding-inline: var(--mr-pad-cell);
    border: 0;
    border-radius: var(--ad-radius-row, var(--mr-radius-sm));
    background: none;
    color: var(--ad-ink);
    font: inherit;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="find.item"]:is(:hover, :focus, :focus-visible) { background-color: var(--ad-hover-bg); }
[data-mr="find.item"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: calc(var(--mr-border-width-md) * -1); }
[data-mr="find.item.title"] { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-mr="find.item.context"] {
    flex: 0 1 auto;
    min-inline-size: 0;
    max-inline-size: 50%;
    margin-inline-start: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
}
[data-mr="find.nothing"] {
    order: 1;
    flex: none;
    margin: 0;
    padding: var(--mr-pad-block) var(--mr-pad-inline) 0;
    color: var(--ad-ink-quiet);
}
[data-mr="find.keys"] {
    order: 3;
    flex: none;
    margin: 0;
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border-block-start: var(--mr-border-width-sm) solid var(--ad-line);
    color: var(--ad-ink-quiet);
    font-size: var(--mr-text-caption);
}
@media (prefers-reduced-motion: reduce) {
    [data-mr="find.trigger"], [data-mr="find.item"] { transition: none; }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="form.actions.item"]:not([data-mr-tone]):not([data-mr-pending]):not([data-mr-tone]:not([data-mr-tone="neutral"]) *) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}
[data-mr="form.actions.item"][data-mr-tone="neutral"]:not([data-mr-pending]) {
    --mr-tone: var(--mr-fg-muted);
    --mr-on-tone: var(--mr-bg);
    --mr-tone-subtle: var(--mr-bg-sunken);
    --mr-tone-emphasis: var(--mr-fg-muted);
}
[data-mr="form.actions.item"]:disabled {
    --ad-ink-quiet: var(--mr-spent-ink, var(--mr-fg-subtle));
}
[data-mr="form"] {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: var(--ad-text);
    color: var(--ad-ink);
}
[data-mr="form.legend"],
legend[data-mr="field.label"] {
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    font-weight: var(--ad-state-weight);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
[data-mr="form.legend"],
legend[data-mr="field.label"] {
    display: block;
    inline-size: 100%;
    padding-block-end: var(--ad-section-rule);
    border-block-end: var(--mr-border-width-sm) solid var(--ad-line-tint);
    margin-block-end: var(--ad-gap);
}
:is([data-mr="form.fields"], [data-mr="form.group"]) + :is([data-mr="form.fields"], [data-mr="form.group"]) {
    margin-block-start: var(--ad-section-gap);
}
[data-mr="form.actions.item"] {
    min-block-size: var(--mr-control-height);
    border-radius: var(--ad-radius);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    cursor: pointer;
}
:is([data-mr="field.action"], [data-mr="field.check"]) {
    min-block-size: 0;
    block-size: var(--mr-field-height);
    border-radius: var(--ad-radius);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    cursor: pointer;
}
[data-mr="field.files.item.remove"] {
    min-block-size: var(--ad-row-action);
    block-size: auto;
    line-height: var(--mr-leading-tight);
    border-radius: var(--ad-radius);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    cursor: pointer;

    white-space: nowrap;
}
[data-mr="field.control"] {
    font-size: var(--ad-text);
}
:is(input, select)[data-mr="field.control"]:not([type="radio"], [type="checkbox"], [type="file"],
    [role="switch"]) {
    box-sizing: border-box;
    block-size: var(--mr-field-height);
    min-block-size: 0;
    padding-block: 0;
    line-height: normal;
}
[data-mr="field"]:not(:has([data-mr="field.drop"])) > input[data-mr="field.control"][type="file"] {
    box-sizing: border-box;
    block-size: var(--mr-field-height);
    min-block-size: 0;
    padding: 0;
    line-height: normal;
}
[data-mr="field"]:not(:has([data-mr="field.drop"])) > input[data-mr="field.control"][type="file"]::file-selector-button {
    block-size: calc(var(--mr-field-height) - 2 * var(--mr-border-width-sm));
    margin: 0 var(--ad-gap) 0 0;
    padding-inline: var(--mr-pad-cell);
    border: 0;
    border-inline-end: var(--mr-border-width-sm) solid var(--ad-line-strong);
    border-radius: 0;
    background-color: var(--ad-well);
    color: var(--ad-ink);
    font: inherit;
    cursor: pointer;
}
input[data-mr="field.control"][role="switch"] {
    inline-size: 2.5em;
    block-size: 1.4em;
    min-block-size: 0;
    padding: 0;
}
input[data-mr="field.control"]:is([type="radio"], [type="checkbox"]):not([role="switch"]) {
    flex: 0 0 auto;
    inline-size: 0.95em;
    block-size: 0.95em;
    min-block-size: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    accent-color: var(--mr-tone-emphasis);
    cursor: pointer;
}
[data-mr="field.options.item"] {
    min-block-size: var(--mr-row-height);
}
[data-mr="field.files.item.remove"] {
    display: inline-grid;
    place-items: center;
    min-inline-size: var(--ad-row-part);
}
[data-mr="field.files.item.remove"] > [data-pv-placeholder] {
    display: none;
}
:is([data-mr="field.files.item.size"], [data-mr="field.control"][data-mr-format]) {
    font-family: var(--ad-font-data);
    font-variant-numeric: tabular-nums;
}
:is([data-mr="field.label"], [data-mr="form.lede"], [data-mr="field.hint"], [data-mr="form.note"]) {
    color: var(--ad-ink-quiet);
}
:is([data-mr="field.hint"], [data-mr="form.note"]) {
    font-size: var(--ad-text-meta);
}
[data-mr="field.control"][aria-invalid="true"] {
    border-color: var(--mr-tone);
}
:is([data-mr="form.errors"], [data-mr="field.error"]) {
    border-color: var(--mr-tone);
    color: var(--mr-tone-emphasis);
}
[data-mr="form.errors"] {
    background-color: var(--mr-tone-subtle);
}
[data-mr="form"][data-mr-pending] {
    background-color: var(--mr-tone-subtle);
}
[data-mr="field"][data-mr-pending="unsaved"] {
    background-color: var(--mr-tone-subtle);
    box-shadow: 0 0 0 var(--mr-gap-inline) var(--mr-tone-subtle);
}
[data-mr="form"][data-mr-pending] [data-mr="field"][data-mr-pending="unsaved"] {
    background-color: transparent;
    box-shadow: none;
}
[data-mr="field"][data-mr-pending="unsaved"] > [data-mr="field.label"] {
    color: var(--mr-tone-emphasis);
    font-weight: var(--mr-weight-semibold, 600);
}
[data-mr="field"][data-mr-pending="unsaved"] > [data-mr="field.control"]:not([aria-invalid="true"]) {
    border-color: var(--mr-tone-emphasis);
}
[data-mr="form"][data-mr-pending="saving"] > [data-mr="form.actions"] {
    border-block-start: var(--mr-border-width-md) solid var(--mr-tone-emphasis);
    padding-block-start: var(--mr-gap-stack);
    cursor: progress;
}
[data-mr="form.status"][data-mr-tone] {
    color: var(--mr-tone-emphasis);
    border-color: var(--mr-tone-emphasis);
}
:is([data-mr="form.actions.item"], [data-mr="field.action"])[data-mr]:is(:disabled, [aria-disabled="true"]) {
    background-color: var(--ad-well);
    border-color: var(--ad-line-quiet);
    color: var(--mr-spent-ink, var(--mr-fg-subtle));
    cursor: not-allowed;
}
[data-mr="field.control"]:is(:disabled, [aria-disabled="true"]) { background-color: var(--ad-well); }
[data-mr="field.control"]::placeholder { color: var(--ad-ink-spent); }
[data-mr="form"] { padding: 0; }
[data-mr="form"][data-mr-surface] {
    background: var(--mr-surface-bg, transparent);
    border: var(--mr-surface-line-width) solid var(--mr-surface-line);
    box-shadow: var(--mr-surface-shadow);
}
[data-mr="form"][data-mr-surface]:not([data-mr-surface="flat"]) { padding: var(--mr-pad-block); }
[data-mr="form.header"] { display: grid; gap: var(--mr-gap-pair); margin-block-end: var(--mr-gap-stack); }
[data-mr="form.title"] { font-size: var(--mr-text-title); font-weight: var(--ad-state-weight); margin: 0; }
[data-mr="form.lede"] { font-size: var(--mr-text-reading); line-height: var(--mr-leading-reading); margin: 0; }
[data-mr="form.note"] { font-size: var(--ad-text-meta); margin: 0; }
[data-mr="form.note.qr"] {
    display: block;
    inline-size: calc(var(--mr-control-height) * 5);
    block-size: auto;
    aspect-ratio: 1;
    padding: var(--mr-pad-cell);
    background: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius);
}
[data-mr="form.group"] { border: 0; margin: 0 0 var(--mr-gap-stack); padding: 0; }
[data-mr="form.legend"] { padding: 0; margin-block-end: var(--mr-gap-heading); }
[data-mr="form.fields"] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--mr-gap-stack) var(--mr-gap-column);
    min-inline-size: 0;
}
[data-mr="form.status"] {
    border: var(--mr-border-width-sm) solid var(--mr-tone-emphasis);
    border-radius: var(--ad-radius);
    background-color: var(--mr-tone-subtle);
    padding: var(--mr-pad-cell) var(--mr-pad-cell);
    font-size: var(--ad-text-meta);
}
[data-mr="field"] { display: grid; gap: var(--mr-gap-pair); border: 0; padding: 0; margin: 0; }
[data-mr="form"][data-mr-labels="inline"] [data-mr="field"]{ grid-template-columns: minmax(var(--mr-field-label-column), 12ch) minmax(0, 1fr); align-items: center; }
[data-mr="form"][data-mr-labels="above"] [data-mr="field"]{ grid-template-columns: minmax(0, 1fr); align-items: stretch; }
[data-mr="field.label"] { font-size: var(--ad-text-meta); font-weight: var(--mr-weight-medium); }
[data-mr="field.badge"] { color: var(--ad-ink-quiet); }
[data-mr="field.hint"] { max-inline-size: min(var(--mr-field-hint-width), 100%); font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="field.control"] {
    inline-size: 100%;
    padding: var(--mr-pad-cell) var(--mr-pad-cell);
    background-color: var(--mr-bg-raised);
    border: var(--mr-field-frame-width) solid var(--ad-line-strong);
    border-radius: var(--mr-radius-md);
    color: var(--ad-ink);
    font-family: var(--mr-font-body);
}
[data-mr="field.control"][data-mr-format] { letter-spacing: var(--mr-field-format-tracking); }
[data-mr="form"][data-mr-frame="framed"] [data-mr="field.control"]{ border-radius: var(--mr-field-frame-radius); }
[data-mr="form"][data-mr-frame="underline"] [data-mr="field.control"]{
    border-width: 0 0 var(--mr-border-width-md, 2px);
    border-radius: 0;
    background-color: transparent;
}
[data-mr="field"][data-mr-variant="textarea"] [data-mr="field.control"] { min-block-size: 5lh; resize: vertical; }
[data-mr="field"][data-mr-variant="select"] [data-mr="field.control"] { appearance: auto; }
[data-mr="field"] [data-mr="field.control"] { font-variant-numeric: tabular-nums; }
[data-mr="field"][data-mr-variant="choice"] { gap: var(--mr-gap-run); }
[data-mr="field"][data-mr-variant="file"] { gap: var(--mr-gap-stack); }
[data-mr="field.options"] { display: grid; gap: var(--mr-gap-run); }
[data-mr="field.options.item"] { display: flex; align-items: center; gap: var(--ad-gap); min-inline-size: 0; padding: 0; font-size: var(--ad-text); cursor: pointer; }
[data-mr="field.affix"] { color: var(--ad-ink-quiet); font-family: var(--ad-font-data); }
[data-mr="field"]:has(> [data-mr="field.control"] + [data-mr="field.affix"]) { grid-template-columns: minmax(0, 1fr) auto; column-gap: 0; }
[data-mr="field"]:has(> [data-mr="field.control"] + [data-mr="field.affix"]) > * { grid-column: 1 / -1; }
[data-mr="field"]:has(> [data-mr="field.control"] + [data-mr="field.affix"]) > [data-mr="field.control"] { grid-column: 1; }
[data-mr="field"]:has(> [data-mr="field.control"] + [data-mr="field.affix"]) > [data-mr="field.affix"] { grid-column: 2; }
[data-mr="field.control"]:has(+ [data-mr="field.affix"]) { border-start-end-radius: 0; border-end-end-radius: 0; }
[data-mr="field.control"] + [data-mr="field.affix"] {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding-inline: var(--mr-pad-cell);
    border: var(--mr-field-frame-width) solid var(--ad-line-strong);
    border-inline-start: 0;
    border-start-end-radius: var(--mr-radius-md);
    border-end-end-radius: var(--mr-radius-md);
    background-color: var(--ad-well);
    font-size: var(--ad-text);
    white-space: nowrap;
}
[data-mr="form"][data-mr-frame="framed"] [data-mr="field.control"] + [data-mr="field.affix"] { border-start-end-radius: var(--mr-field-frame-radius); border-end-end-radius: var(--mr-field-frame-radius); }
[data-mr="form"][data-mr-frame="underline"] [data-mr="field.control"] + [data-mr="field.affix"] { border-width: 0 0 var(--mr-border-width-md, 2px); border-radius: 0; background-color: transparent; }
[data-mr="field.action"] { padding-inline: var(--mr-pad-inline); border: var(--mr-border-width-sm) solid var(--ad-line-strong); background-color: transparent; color: var(--ad-ink); }
[data-mr="field"][data-mr-variant="switch"] [data-mr="field.check"] { accent-color: var(--mr-tone); }
[data-mr="form"] [data-mr="field"][data-mr-variant="switch"],
[data-mr="field"][data-mr-variant="switch"] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: var(--ad-gap);
}
[data-mr="field"][data-mr-variant="switch"] > [data-mr="field.control"] { grid-row: 1; grid-column: 1; }
[data-mr="field"][data-mr-variant="switch"] > [data-mr="field.label"] {
    grid-row: 1;
    grid-column: 2;
    display: flex;
    align-items: center;
    min-block-size: var(--mr-control-height);
}
[data-mr="field"][data-mr-variant="switch"] > :not([data-mr="field.control"], [data-mr="field.label"]) { grid-column: 2; }
[data-mr="field"][data-mr-variant="switch"] > [data-mr="field.control"] {
    appearance: none;
    flex: 0 0 auto;
    inline-size: 2.5em;
    block-size: 1.4em;
    padding: 0;
    border: var(--mr-border-width-sm) solid var(--ad-line-strong);
    border-radius: var(--mr-radius-pill);
    background-color: var(--ad-well);
    background-image: radial-gradient(circle closest-side, var(--ad-ink) 100%, transparent 100%);
    background-size: 1.1em 1.1em;
    background-position: 0.15em center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard),
                background-position var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="field"][data-mr-variant="switch"] > [data-mr="field.control"]:checked {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone);
    background-image: radial-gradient(circle closest-side, var(--mr-on-tone) 100%, transparent 100%);
    background-position: calc(100% - 0.15em) center;
}
@media (prefers-reduced-motion: reduce) {
    [data-mr="field"][data-mr-variant="switch"] > [data-mr="field.control"] { transition: none; }
}
[data-mr="field.checked"] { display: flex; align-items: center; gap: var(--mr-gap-pair); font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="field.checked"]::before {
    content: "";
    flex: 0 0 auto;
    inline-size: var(--mr-field-checked-size);
    block-size: var(--mr-field-checked-size);
    border-radius: var(--mr-radius-pill);
    background-color: var(--mr-tone);
    clip-path: polygon(14% 52%, 24% 42%, 42% 60%, 76% 26%, 86% 36%, 42% 80%);
}
[data-mr="field.error"] {
    display: flex;
    align-items: start;
    gap: var(--mr-gap-pair);
    font-size: var(--ad-text-meta);
    border: 0;
}
[data-mr="field.error"]::before {
    content: "!";
    flex: 0 0 auto;
    display: grid;
    place-content: center;
    inline-size: var(--mr-field-alarm-size);
    block-size: var(--mr-field-alarm-size);
    border-radius: var(--mr-radius-pill);
    background-color: var(--mr-alarm, var(--mr-tone));
    color: var(--mr-on-alarm, var(--mr-on-tone));
    font-family: var(--ad-font-data);
    font-size: var(--ad-text-meta);
}
[data-mr="field.control"][aria-invalid="true"] { border-color: var(--mr-tone); border-width: var(--mr-field-frame-width-invalid); }
[data-mr="form.errors"] { padding: var(--mr-pad-cell) var(--mr-pad-cell); border-width: var(--mr-border-width-sm); border-style: solid; border-radius: var(--ad-radius); margin-block-end: var(--mr-gap-stack); }
[data-mr="form.errors.title"] { font-size: var(--ad-text); font-weight: var(--ad-state-weight); margin: 0; }
[data-mr="form.errors.list"] { margin: var(--mr-gap-pair) 0 0; padding-inline-start: var(--mr-indent-step); }
[data-mr="form.errors.item"] { font-size: var(--ad-text-meta); color: var(--mr-fg); }
[data-mr="form.actions"] { display: flex; flex-wrap: wrap; gap: var(--mr-gap-inline); margin-block-start: var(--mr-gap-stack); padding-block-start: var(--mr-gap-stack); border-block-start: var(--mr-border-width-sm) solid var(--ad-line-quiet); }
[data-mr="form.actions.item"] {
    padding-inline: var(--mr-pad-inline);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--mr-gap-inline);
    border: var(--mr-border-width-sm) solid var(--mr-tone);
    background-color: transparent;
    color: var(--mr-tone-emphasis);
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="form.actions.item"]:hover { background-color: var(--mr-tone-subtle); }
[data-mr="form.actions.item"][data-mr-emphasis="strong"] {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone);
    color: var(--mr-on-tone);
    font-weight: var(--mr-emphasis-weight, var(--mr-weight-semibold));
}
[data-mr="form.actions.item"][data-mr-emphasis="strong"]:hover { background-color: var(--mr-tone-emphasis); }
[data-mr="form.actions.item"][data-mr-emphasis="subtle"] { border-color: transparent; color: var(--mr-tone-emphasis); }
@media (prefers-reduced-motion: reduce) { [data-mr="form.actions.item"] { transition: none; } }
[data-mr="field.drop"] {
    display: grid;
    gap: var(--mr-gap-pair);
    padding: var(--mr-pad-block);
    border: var(--mr-border-width-sm) dashed var(--ad-line-strong);
    border-radius: var(--ad-radius);
    background-color: var(--ad-well);
    cursor: pointer;
}
[data-mr="field"][data-mr-variant="file"] [data-mr="field.drop"],
[data-mr="field"][data-mr-picker="drop"] [data-mr="field.drop"] { border-style: dashed; }
[data-mr="field"][data-mr-picker="button"] [data-mr="field.drop"] { border-style: solid; padding: var(--mr-pad-cell) var(--mr-pad-cell); }
[data-mr="field"][data-mr-picker="gallery"] [data-mr="field.drop"] {
    border-style: dashed;
    place-content: center;
    text-align: center;
    aspect-ratio: 4 / 3;
    min-inline-size: var(--mr-measure-tile);
}
[data-mr="field.drop.action"] { font-weight: var(--mr-weight-medium); }
[data-mr="field.drop.note"], [data-mr="field.files.item.why"] { font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="field.files"] { display: grid; gap: var(--mr-gap-run); margin-block-start: var(--mr-gap-stack); }
[data-mr="field.files.item"] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: var(--mr-gap-inline); padding: var(--mr-pad-cell) var(--mr-pad-cell); border: var(--mr-border-width-sm) solid var(--ad-line-quiet); border-radius: var(--ad-radius); }
[data-mr="field.files.item.preview"] { inline-size: var(--mr-glyph-figure); block-size: var(--mr-glyph-figure); border-radius: var(--ad-radius); background-color: var(--ad-well); }
[data-mr="field.files.item.name"] { overflow-wrap: anywhere; }
[data-mr="field.files.item.remove"] { background-color: var(--ad-well); border: var(--mr-border-width-sm) solid var(--ad-line); color: var(--mr-tone-emphasis); cursor: pointer; transition: color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard); }
[data-mr="field.files.item.remove"]:hover { background-color: var(--ad-select-bg); border-color: var(--ad-line-state); }
[data-mr="field.files.item.progress"] { accent-color: var(--mr-tone); inline-size: 100%; }
[data-mr="field"]:not([data-mr-picker="gallery"]) [data-mr="field.files.item"]:not(:has([data-mr="field.files.item.preview"])) {
    grid-template-columns: minmax(0, 1fr) auto auto;
}
[data-mr="field"]:not([data-mr-picker="gallery"]) [data-mr="field.files.item"]:not(:has([data-mr="field.files.item.size"])) {
    grid-template-columns: auto minmax(0, 1fr) auto;
}
[data-mr="field"]:not([data-mr-picker="gallery"]) [data-mr="field.files.item"]:not(:has([data-mr="field.files.item.preview"])):not(:has([data-mr="field.files.item.size"])) {
    grid-template-columns: minmax(0, 1fr) auto;
}
[data-mr="field"]:not([data-mr-picker="gallery"]) [data-mr="field.files.item"]:not(:has([data-mr="field.files.item.preview"]))
    > :is([data-mr="field.files.item.progress"], [data-mr="field.files.item.why"]) {
    grid-column: 1 / -1;
}
[data-mr="field"][data-mr-picker="gallery"] > [data-mr="field.files"] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 7.5rem), 1fr));
    gap: var(--mr-gap-inline);
}
[data-mr="field"][data-mr-picker="gallery"] [data-mr="field.files.item"] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}
[data-mr="field"][data-mr-picker="gallery"] [data-mr="field.files.item.preview"] {
    grid-column: 1 / -1;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 4 / 3;
}
[data-mr="field"][data-mr-picker="gallery"] [data-mr="field.files.item.name"] { grid-column: 1 / -1; font-size: var(--ad-text-meta); }
[data-mr="field"][data-mr-picker="gallery"] [data-mr="field.files.item.size"] { grid-column: 1; }
[data-mr="field"][data-mr-picker="gallery"] :is([data-mr="field.files.item.progress"], [data-mr="field.files.item.why"]) {
    grid-column: 1 / -1;
}
[data-mr="form.fields"] > [data-mr="field"][data-mr-variant="switch"] {
    align-self: end;
    min-block-size: var(--mr-field-height);
    align-content: center;
}
[data-mr="form.fields"] > [data-mr="field"][data-mr-variant="switch"]:not([data-mr-span="12"]) > [data-mr="field.label"] {
    min-block-size: var(--mr-field-height);
}
[data-mr="field.count"] { display: block; grid-column: 1 / -1; justify-self: end; align-self: end; margin: 0; font-family: var(--ad-font-data); font-size: var(--ad-text-meta); font-variant-numeric: tabular-nums; color: var(--ad-ink-quiet); }
[data-mr="form.hints"] {
        display: inline-flex;
        align-items: center;
        justify-self: end;
        align-self: flex-end;
        min-block-size: var(--mr-target-min);
        padding: 0 var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--ad-line-strong);
        border-radius: var(--mr-radius-pill);
        background: transparent;
        color: var(--ad-ink-quiet);
        font: inherit;
        font-size: var(--ad-text-meta);
        white-space: nowrap;
        cursor: pointer;
    }
[data-mr="form.hints"]:hover { color: var(--ad-ink); }
[data-mr="form.hints"][aria-pressed="true"] {
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="form.header"]:has(> [data-mr="form.hints"]) { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--mr-gap-inline); }
[data-mr="form.header"] > [data-mr="form.hints"]:not(:only-child) { margin-inline-start: auto; }
[data-mr="field.label"][data-mr-visually-hidden]:not(:focus):not(:active) {
        inline-size: var(--mr-border-width-sm);
        block-size: var(--mr-border-width-sm);
        margin: calc(var(--mr-border-width-sm) * -1);
        padding: 0;
        border: 0;
        overflow: hidden;
        white-space: nowrap;
    }
[data-mr="form.legend"],
legend[data-mr="field.label"] {
    color: var(--ad-ink);
    font-size: var(--ad-text);
    font-weight: var(--ad-state-weight);
    text-transform: none;
    letter-spacing: 0;
}
[data-mr="form.legend"] {
    padding-block-end: var(--mr-pad-cell);
    margin-block-end: var(--mr-gap-stack);
    border-block-end: var(--mr-border-width-sm) solid var(--ad-line-quiet);
}
legend[data-mr="field.label"] { padding-block-end: 0; margin-block-end: var(--mr-gap-pair); border-block-end: 0; font-size: var(--ad-text-meta); font-weight: var(--mr-weight-medium); }
:is([data-mr="form.fields"], [data-mr="form.group"]) + :is([data-mr="form.fields"], [data-mr="form.group"]) { margin-block-start: var(--mr-gap-section); }
[data-mr="field.label"] { color: var(--ad-ink); font-size: var(--ad-text-meta); font-weight: var(--mr-weight-medium); }
[data-mr="form.lede"] { font-size: var(--ad-text); color: var(--ad-ink-quiet); max-inline-size: var(--mr-measure); }
[data-mr="field"] { gap: var(--mr-gap-pair); }
[data-mr="field.control"] {
    border-color: var(--ad-line-strong);
    border-radius: var(--ad-radius);
    background-color: var(--ad-panel);
    transition: border-color var(--mr-duration-fast) var(--mr-ease-standard), box-shadow var(--mr-duration-fast) var(--mr-ease-standard);
}
:is(input, select)[data-mr="field.control"]:not([type="radio"], [type="checkbox"], [type="file"], [role="switch"]) { block-size: var(--mr-control-height); padding-inline: var(--mr-pad-cell); }
[data-mr="field.control"]:hover:not(:disabled) { border-color: var(--ad-ink-quiet); }
[data-mr="field.control"]:focus-visible { outline: 0; border-color: var(--ad-accent); box-shadow: 0 0 0 var(--mr-border-width-md) color-mix(in oklch, var(--ad-accent) 25%, transparent); }
[data-mr="field.control"]:has(+ [data-mr="field.affix"]) { border-start-end-radius: 0; border-end-end-radius: 0; }
[data-mr="field.control"] + [data-mr="field.affix"] { border-color: var(--ad-line-strong); border-start-end-radius: var(--ad-radius); border-end-end-radius: var(--ad-radius); font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="field.count"] { font-size: var(--ad-text-meta); }
[data-mr="form.actions"] { gap: var(--mr-gap-inline); margin-block-start: var(--mr-gap-section); padding-block-start: var(--mr-gap-stack); border-block-start-color: var(--ad-line); }
[data-mr="form.actions.item"] { min-block-size: var(--mr-control-height); padding-inline: var(--mr-pad-inline); font-weight: var(--mr-weight-medium); white-space: nowrap; line-height: var(--mr-leading-tight); }
[data-mr="form.actions.item"]:not([data-mr-tone]):not([data-mr-emphasis="strong"]) {
    background-color: var(--ad-panel);
    border-color: var(--ad-line-strong);
    color: var(--ad-ink);
}
[data-mr="form.actions.item"]:not([data-mr-tone]):not([data-mr-emphasis="strong"]):hover { background-color: var(--ad-hover-bg); }
[data-mr="form.actions.item"]:not([data-mr-tone])[data-mr-emphasis="subtle"] { background-color: transparent; border-color: transparent; color: var(--ad-ink-quiet); }
[data-mr="form.actions.item"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-md); }
[data-mr="form.hints"] {
    min-block-size: calc(var(--mr-control-height) - var(--mr-gap-inline));
    border-color: transparent;
    border-radius: var(--ad-radius);
    color: var(--ad-ink-quiet);
}
[data-mr="form.hints"]:hover { background: var(--ad-hover-bg); color: var(--ad-ink); }
[data-mr="form.hints"][aria-pressed="true"] { border-color: transparent; background: var(--ad-select-bg); color: var(--ad-ink); }
[data-mr="form.errors"] { border-radius: var(--ad-radius); padding: var(--mr-pad-cell) var(--mr-pad-inline); }
[data-mr="field.drop"] { border-radius: var(--ad-radius); }
[data-mr="field.files.item"] { border-color: var(--ad-line); border-radius: var(--ad-radius); }
[data-mr="field.files.item.remove"] { background-color: transparent; border-color: transparent; color: var(--ad-ink-quiet); }
[data-mr="field.files.item.remove"]:hover { background-color: var(--ad-hover-bg); border-color: transparent; color: var(--ad-ink); }
input[data-mr="field.control"]:is([type="radio"], [type="checkbox"]):not([role="switch"]) { inline-size: 1em; block-size: 1em; accent-color: var(--ad-accent); }
[data-mr="field.options"] { gap: var(--mr-gap-pair); }
[data-mr="field.options.item"] { min-block-size: var(--mr-control-height); }
[data-mr="form.status"]:empty { padding: 0; border: 0; margin: 0; }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="icon-button"]:not([data-mr-tone]):not([data-mr-pending]):not([data-mr-state="copied"]):not([data-mr-state="failed"]):not([data-mr-tone]:not([data-mr-tone="neutral"]) *) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}
[data-mr="icon-button"][data-mr-tone="neutral"]:not([data-mr-pending]):not([data-mr-state="copied"]):not([data-mr-state="failed"]) {
    --mr-tone: var(--mr-fg-muted);
    --mr-on-tone: var(--mr-bg);
    --mr-tone-subtle: var(--mr-bg-sunken);
    --mr-tone-emphasis: var(--mr-fg-muted);
}
[data-mr="icon-button"] {
    min-block-size: var(--mr-control-height);
    border-radius: var(--ad-radius);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    cursor: pointer;
}
[data-mr="icon-button"][data-mr-tone]:not([data-mr-variant="solid"]):not([aria-pressed="true"]) {
    background-color: transparent;
    border-color: var(--mr-tone);
    color: var(--mr-tone-emphasis);
}
[data-mr="icon-button"][data-mr-tone][aria-pressed="true"] {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone);
    color: var(--mr-on-tone, var(--mr-bg));
    font-weight: var(--ad-state-weight);
}
[data-mr="icon-button"][data-mr][aria-pressed="true"] {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone-emphasis);
    color: var(--mr-on-tone);
    font-weight: var(--ad-state-weight);
}
[data-mr="icon-button"][data-mr]:is(:disabled, [aria-disabled="true"]) {
    background-color: var(--ad-well);
    border-color: var(--ad-line-quiet);
    color: var(--mr-spent-ink, var(--mr-fg-subtle));
    cursor: not-allowed;
}
[data-mr="icon-button"] {
    display: inline-grid;
    place-items: center;
    inline-size: var(--mr-control-height);
    padding: 0;
    border: var(--mr-border-width-sm) solid transparent;
    background-color: transparent;
    color: var(--mr-tone-emphasis);
}
[data-mr="icon-button"]:hover { background-color: var(--mr-tone-subtle); border-color: var(--mr-tone); }
[data-mr="icon-button"][data-mr-tone]:not([data-mr-tone="neutral"]):not([aria-pressed="true"]) {
    color: var(--mr-tone-emphasis);
}
[data-mr="icon-button"][data-mr-variant="outline"] { border-color: var(--mr-tone); }
[data-mr="icon-button"][data-mr-variant="solid"] { background-color: var(--mr-tone); color: var(--mr-on-tone); }
[data-mr="icon-button"][data-mr-shape="square"] { border-radius: var(--ad-radius); }
[data-mr="icon-button"][data-mr-shape="circle"] { border-radius: var(--mr-radius-pill); }
[data-mr="icon-button.icon"] { display: inline-flex; inline-size: 1.1em; block-size: 1.1em; }
[data-mr="icon-button.icon"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="icon-button"][data-mr-state="copied"] {
    --mr-tone: var(--mr-success);
    --mr-on-tone: var(--mr-on-success);
    --mr-tone-subtle: var(--mr-success-subtle);
    --mr-tone-emphasis: var(--mr-success-emphasis);
}
[data-mr="icon-button"][data-mr-state="failed"] {
    --mr-tone: var(--mr-danger);
    --mr-on-tone: var(--mr-on-danger);
    --mr-tone-subtle: var(--mr-danger-subtle);
    --mr-tone-emphasis: var(--mr-danger-emphasis);
}
[data-mr="icon-button"]:is([data-mr-state="copied"], [data-mr-state="failed"]),
[data-mr="icon-button"]:is([data-mr-state="copied"], [data-mr-state="failed"]):hover {
    border-color: var(--mr-tone);
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
}
[data-mr="icon-button"]:not([data-mr-tone]):not([data-mr-state="copied"]):not([data-mr-state="failed"]):not([aria-pressed="true"]):not([data-mr-variant="solid"]) { color: var(--ad-ink-quiet); }
[data-mr="icon-button"]:not([data-mr-tone]):not([data-mr-state="copied"]):not([data-mr-state="failed"]):not([aria-pressed="true"]):not([data-mr-variant="solid"]):hover { background-color: var(--ad-hover-bg); border-color: transparent; color: var(--ad-ink); }
[data-mr="icon-button"][data-mr-variant="outline"]:not([data-mr-tone]):not([data-mr-state="copied"]):not([data-mr-state="failed"]) { border-color: var(--ad-line-strong); background-color: var(--ad-panel); }
[data-mr="icon-button"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-sm); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="language-lens"] {
    box-sizing: border-box;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--mr-gap-pair) / 2);
    padding: calc(var(--mr-gap-pair) / 2);
    border: var(--mr-border-width-sm) solid var(--ad-line-strong);
    border-radius: var(--ad-radius);
    background-color: var(--ad-panel);
    color: var(--ad-ink-quiet);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
}
[data-mr="language-lens.item"] {
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    min-block-size: max(var(--mr-target-min), calc(var(--mr-control-height) - 2 * var(--mr-gap-pair)));
    padding-block: 0;
    padding-inline: var(--mr-pad-cell);
    border: 0;
    border-radius: var(--ad-radius-row, var(--mr-radius-sm));
    background: none;
    color: var(--ad-ink-quiet);
    font: inherit;
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="language-lens.item"][data-mr-state="main"] { color: var(--ad-ink); }
[data-mr="language-lens.item"]:hover { background-color: var(--ad-hover-bg); color: var(--ad-ink); }
[data-mr="language-lens.item"][aria-pressed="true"] {
    background-color: var(--mr-primary-subtle);
    color: var(--mr-primary-emphasis);
    font-weight: var(--mr-weight-medium);
}
[data-mr="language-lens.item"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-sm); }
[data-mr="language-lens.item.mark"] {
    flex: none;
    inline-size: var(--ad-mark);
    block-size: var(--ad-mark);
    border-radius: var(--mr-radius-pill);
    background-color: var(--ad-ink-spent);
}
[data-mr="language-lens.item"][data-mr-state="complete"] > [data-mr="language-lens.item.mark"] { background-color: var(--mr-success); }
[data-mr="language-lens.item"][data-mr-state="missing"] > [data-mr="language-lens.item.mark"] { background-color: var(--mr-warning); }
[data-mr="language-lens.item.main"] {
    color: var(--ad-ink-quiet);
    font-size: var(--mr-text-micro);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
}
[data-mr="language-lens.compare"] {
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    min-block-size: max(var(--mr-target-min), calc(var(--mr-control-height) - 2 * var(--mr-gap-pair)));
    margin-inline-start: var(--mr-gap-pair);
    padding-block: 0;
    padding-inline: var(--mr-pad-cell);
    border: 0;
    border-inline-start: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: 0;
    background: none;
    color: var(--ad-ink-quiet);
    font: inherit;
    cursor: pointer;
    user-select: none;
}
[data-mr="language-lens.compare"]::before {
    content: "";
    flex: none;
    box-sizing: border-box;
    inline-size: 1.875rem;
    block-size: 1.125rem;
    border-radius: var(--mr-radius-pill);
    background-color: var(--mr-border-strong);
    background-image: radial-gradient(circle closest-side, var(--ad-panel) 100%, transparent 100%);
    background-size: 0.875rem 0.875rem;
    background-position: 0.125rem center;
    background-repeat: no-repeat;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard), background-position var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="language-lens.compare"][aria-checked="true"]::before {
    background-color: var(--mr-primary);
    background-position: calc(100% - 0.125rem) center;
}
[data-mr="language-lens.compare"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-sm); }
[data-mr="language-lens"][data-mr-variant="codes"] {
    gap: var(--mr-gap-pair);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}
[data-mr="language-lens"][data-mr-variant="codes"] > [data-mr="language-lens.item"] {
    min-block-size: var(--mr-target-min);
    padding-inline: var(--mr-gap-inline);
    background-color: var(--ad-well);
    color: var(--ad-ink-quiet);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-caption);
    text-transform: uppercase;
}
[data-mr="language-lens"][data-mr-variant="codes"] > [data-mr="language-lens.item"][data-mr-state="complete"] {
    background-color: var(--mr-success-subtle);
    color: var(--mr-success-emphasis);
}
[data-mr="language-lens"][data-mr-variant="codes"] > [data-mr="language-lens.item"][data-mr-state="missing"] {
    background-color: var(--mr-warning-subtle);
    color: var(--mr-warning-emphasis);
}
[data-mr="language-lens"][data-mr-variant="codes"] > [data-mr="language-lens.item"]:hover,
[data-mr="language-lens"][data-mr-variant="codes"] > [data-mr="language-lens.item"][aria-pressed="true"] {
    box-shadow: inset 0 0 0 var(--mr-border-width-sm) currentColor;
}
[data-mr="language-lens"][data-mr-variant="codes"] > [data-mr="language-lens.item"][aria-pressed="true"] { font-weight: var(--mr-weight-semibold); }
@media (prefers-reduced-motion: reduce) {
    [data-mr="language-lens.item"], [data-mr="language-lens.compare"]::before { transition: none; }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="designer"] {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        min-block-size: 0;
        background: var(--mr-bg);
        color: var(--mr-fg);
        font-family: var(--mr-font-body);
        font-size: var(--ad-text);
        line-height: var(--mr-leading-control);
    }
[data-mr="designer.bands"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-stack);
        min-inline-size: 0;
        padding: var(--mr-pad-inline);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-md);
        background: var(--mr-bg);
    }
[data-mr="designer.bands.band"] {
        min-inline-size: 0;
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
    }
[data-mr="designer.bands.head"] { display: flex; flex-wrap: wrap; gap: var(--mr-gap-inline); align-items: baseline; padding-block-end: var(--mr-pad-cell); }
[data-mr="designer.bands.label"] { font-family: var(--ad-font-data); font-size: var(--ad-text-meta); color: var(--mr-fg); }
[data-mr="designer.bands.note"] { min-inline-size: 0; font-size: var(--ad-text-meta); color: var(--mr-fg); }
[data-mr="designer.bands.track"] {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        row-gap: var(--mr-gap-pair);
        column-gap: min(var(--mr-gap-pair), 4%);
    }
[data-mr="designer.bar"] {
        block-size: var(--mr-glyph-mark);
        border-radius: var(--mr-radius-sm);
        background: var(--mr-tone-emphasis);
        opacity: .75;
    }
[data-mr="designer.tree.item.meta"],
    [data-mr="designer.row.meta"] { min-inline-size: 0; overflow-wrap: anywhere; }
[data-mr="designer.tree"] { display: flex; flex-direction: column; gap: var(--mr-gap-run); min-inline-size: 0; }
[data-mr="designer.tree.item"] {
        display: flex;
        align-items: center;
        gap: var(--mr-gap-inline);
        inline-size: 100%;
        padding: var(--mr-pad-cell) var(--mr-pad-cell);
        border: 0;
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg);
        font: inherit;
        text-align: start;
        cursor: pointer;
    }
[data-mr="designer.tree.item"][data-mr-depth="1"] { padding-inline-start: var(--mr-indent-step); }
[data-mr="designer.tree.item"][data-mr-depth="2"] { padding-inline-start: calc(var(--mr-indent-step) * 2); }
[data-mr="designer.tree.item"][data-mr-depth="3"] { padding-inline-start: calc(var(--mr-indent-step) * 3); }
[data-mr="designer.tree.item"]:hover { background: var(--mr-bg-sunken); color: var(--mr-fg); }
[data-mr="designer.tree.item"][aria-selected="true"],
    [data-mr="designer.cell.face"][aria-current="true"],
    [data-mr="admin.history.item"][aria-current="true"] {
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="designer.tree.item"][aria-selected="true"] > *,
    [data-mr="designer.cell.face"][aria-current="true"] > * {
        color: inherit;
    }
[data-mr="designer.tree.item.label"] { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-mr="designer.tree.item.meta"],
    [data-mr="designer.row.meta"],
    [data-mr="designer.cell.meta"],
    [data-mr="designer.cell.accepts"] {
        flex: none;
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        color: var(--mr-fg);
    }
[data-mr="designer.canvas"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-stack);
        min-inline-size: 0;
        padding: var(--mr-pad-inline);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-md);
        background: var(--mr-bg);
    }
[data-mr="designer.row"] {
        position: relative;
        min-inline-size: 0;
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
    }
[data-mr="designer.row"][aria-current="true"] {
        background: var(--mr-tone-subtle);
    }
[data-mr="designer.row.head"] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--mr-gap-inline);
        padding-block-end: var(--mr-pad-cell);
    }
[data-mr="designer.row.meta"] { margin-inline-start: auto; }
[data-mr="designer.row.tag"] {
        padding: var(--mr-gap-run) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        cursor: pointer;
    }
[data-mr="designer.row.lines"] {
        flex: none;
        padding: var(--mr-gap-run) var(--mr-pad-cell);
        border-radius: var(--mr-radius-sm);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        color: var(--mr-fg);
    }
[data-mr="designer.row.lines"][data-mr-wrapped="true"] {
        border: var(--mr-border-width-sm) solid var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
[data-mr="designer.grid"] {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        row-gap: var(--mr-gap-inline);
        column-gap: min(var(--mr-gap-inline), 4%);
    }
[data-mr="designer.cell"] { position: relative; min-inline-size: 0; }
[data-mr="designer.cell.face"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-pair);
        inline-size: 100%;
        block-size: calc(var(--mr-row-height) * 2);
        min-inline-size: 0;
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) dashed var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);

        background: var(--mr-bg-sunken);
        color: var(--mr-fg);
        font: inherit;
        text-align: start;
        overflow: hidden;
        cursor: pointer;
    }
[data-mr="designer.cell"][data-mr-cast="layout"] [data-mr="designer.cell.face"] {
        border-style: solid;
        border-color: var(--mr-border-strong);
    }
[data-mr="designer.cell"][data-mr-cast="component"] [data-mr="designer.cell.face"] {
        border-style: dashed;
        border-color: var(--mr-border);
    }
[data-mr="designer.cell.label"] {
        flex: none;
        min-inline-size: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--mr-fg);
    }
[data-mr="designer.cell.accepts"] { flex: none; margin-block-start: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-mr="designer.cell.face"] > [data-mr="designer.cell.meta"] { flex: none; }
[data-mr="designer.handle"] {
        position: absolute;
        inset-block: var(--mr-gap-inline);
        inset-inline-end: calc(var(--mr-gap-inline) * -1);
        inline-size: var(--mr-glyph-chevron);
        border-radius: var(--mr-radius-sm);
        background: var(--mr-tone-emphasis);
        opacity: .55;
        cursor: col-resize;
    }
[data-mr="designer.cell"]:last-child [data-mr="designer.handle"] { display: none; }
[data-mr="designer.add"] {
        inline-size: 100%;
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) dashed var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        cursor: pointer;
    }
[data-mr="designer.add"]:hover { border-color: var(--mr-tone-emphasis); color: var(--mr-tone-emphasis); }
[data-mr="designer.mark"] {
        position: absolute;
        inset-block: var(--mr-gap-run);
        inset-inline-start: calc(var(--mr-border-width-lg) * -1);
        inline-size: var(--mr-border-width-lg);
        border-radius: var(--mr-radius-sm);
        background: var(--mr-tone-emphasis);
        opacity: 0;
    }
[data-mr="designer.row"] > [data-mr="designer.mark"] {
        inset-block: auto;
        inset-block-start: calc((var(--mr-gap-stack) + var(--mr-border-width-lg)) * -0.5 - var(--mr-border-width-sm));
        inset-inline: 0;
        inline-size: auto;
        block-size: var(--mr-border-width-lg);
    }
[data-mr="designer.mark"][data-mr-active="true"] { opacity: 1; }
[data-mr="designer.dropzone"] {
        display: none;
        grid-column: span 12;
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) dashed var(--mr-border);
        border-radius: var(--mr-radius-sm);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        color: var(--mr-fg);
        text-align: center;
    }
[data-mr="designer"][data-mr-dragging="true"] [data-mr="designer.dropzone"] { display: block; }
[data-mr="designer.dropzone"][aria-current="true"] {
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="designer.tree.item"][data-mr-depth="0"] { padding-inline-start: var(--mr-pad-cell); }
[data-mr="designer.markup"],
    [data-mr="designer.paste"] {
        box-sizing: border-box;
        inline-size: 100%;
        margin: 0;
        padding: var(--mr-pad-cell) var(--mr-pad-inline);
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius);
        background: var(--ad-panel);
        color: var(--ad-ink);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: var(--mr-leading-control);
    }
[data-mr="designer.markup"] { overflow-x: auto; white-space: pre; }
[data-mr="designer.paste"] { resize: vertical; min-block-size: calc(var(--mr-row-height) * 3); }
[data-mr="designer.data"] { display: flex; flex-direction: column; gap: var(--mr-gap-run); min-inline-size: 0; }
[data-mr="designer.data.subject"] {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: var(--mr-gap-pair) var(--mr-gap-inline);
        margin: 0 0 var(--mr-gap-pair);
        font-weight: var(--ad-state-weight);
        color: var(--ad-ink);
    }
[data-mr="designer.data.kind"] { font-family: var(--ad-font-data); font-size: var(--ad-text-meta); font-weight: var(--mr-weight-regular); color: var(--ad-ink-quiet); }
[data-mr="designer.data.item"] {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: var(--mr-gap-run) var(--mr-gap-inline);
        inline-size: 100%;
        min-block-size: var(--mr-control-height);
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius);
        background: var(--mr-bg-raised);
        color: var(--ad-ink);
        font: inherit;
        text-align: start;
        cursor: grab;
        transition: background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard);
    }
[data-mr="designer.data.item"]:hover { background: var(--ad-select-bg); border-color: var(--ad-line-state); }
[data-mr="designer.data.item"][aria-disabled="true"] { background: var(--ad-well); border-color: var(--ad-line-quiet); color: var(--mr-spent-ink, var(--mr-fg-subtle)); cursor: not-allowed; }
[data-mr="designer.data.item.label"] { flex: 1 1 auto; min-inline-size: 0; font-weight: var(--ad-state-weight); }
[data-mr="designer.data.item.count"] { font-family: var(--ad-font-data); font-size: var(--ad-text-meta); font-variant-numeric: tabular-nums; color: var(--ad-ink-quiet); }
[data-mr="designer.data.item.shows"] { flex: 1 0 100%; font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="designer.cell.feed"] {
        flex: none;
        min-inline-size: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: var(--ad-text-meta);
        color: var(--ad-ink-quiet);
    }
[data-mr="designer.cell.feed"][data-mr-tone] { color: var(--mr-tone-emphasis); font-weight: var(--ad-state-weight); }
[data-mr="designer.cell"]:has(> [data-mr="designer.cell.view"]) > [data-mr="designer.cell.face"] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: baseline;
        column-gap: var(--mr-gap-inline);
        block-size: auto;
        border-style: solid;
        border-end-start-radius: 0;
        border-end-end-radius: 0;
    }
[data-mr="designer.cell.view"] {
        display: block;
        min-inline-size: 0;
        max-block-size: calc(var(--mr-row-height) * 9);
        overflow: hidden;
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border-strong);
        border-block-start: 0;
        border-end-start-radius: var(--mr-radius-sm);
        border-end-end-radius: var(--mr-radius-sm);
        background: var(--mr-bg);
        pointer-events: none;
        user-select: none;
    }
[data-mr="admin.stage.body"]:has(> [data-mr="designer.preview"]) { flex-direction: row; flex-wrap: wrap; align-items: flex-start; }
[data-mr="admin.stage.body"]:has(> [data-mr="designer.preview"]) > [data-mr="designer.canvas"] { flex: 1 1 var(--mr-measure); }
[data-mr="designer.preview"] {
        --ld-preview-width: 23.4375rem;
        flex: 0 1 var(--ld-preview-width);
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-pair);
        min-inline-size: 0;
        max-inline-size: 100%;
    }
[data-mr="designer.preview"][data-mr-band="mobile-v"] { --ld-preview-width: 23.4375rem; }
[data-mr="designer.preview"][data-mr-band="mobile-h"] { --ld-preview-width: 41.6875rem; }
[data-mr="designer.preview"][data-mr-band="tablet"] { --ld-preview-width: 48rem; }
[data-mr="designer.preview"][data-mr-band="desktop"] { --ld-preview-width: 80rem; }
[data-mr="designer.preview"][data-mr-band="xlarge"] { --ld-preview-width: 90rem; }
[data-mr="designer.preview"]:is([data-mr-band="desktop"], [data-mr-band="xlarge"]) { flex-basis: 100%; }
[data-mr="designer.preview"] > [data-mr="admin.toolbar"] { padding: 0; border: 0; }
[data-mr="designer.preview.label"] { margin: 0; font-family: var(--ad-font-data); font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="designer.preview.page"] {
        container-type: inline-size;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-stack);
        inline-size: var(--ld-preview-width);
        max-block-size: calc(var(--mr-row-height) * 24);
        overflow: auto;
        padding: var(--mr-pad-block);
        border: var(--mr-border-width-md) solid var(--ad-line-strong);
        border-radius: var(--mr-radius-md);
        background: var(--mr-bg);
        user-select: none;
    }
[data-mr="designer.preview"]:has(> [data-mr="designer.preview.page"]) { overflow-x: auto; }
[data-mr="admin"] > [data-mr="designer"] { flex: 1 1 100%; min-inline-size: 0; }
[data-mr="designer"] > [data-mr="admin.stage"] { min-inline-size: 0; }
[data-mr="designer"] > [data-mr="admin.panel"][data-mr-open="false"] { display: none; }
@container mr-admin (min-inline-size: 60rem) {
        [data-mr="admin"] > [data-mr="designer"] { flex-wrap: nowrap; }
    }
[data-mr="designer.data.group"] { display: flex; flex-direction: column; gap: var(--mr-gap-run); min-inline-size: 0; }
[data-mr="designer.data.group"] > [data-mr="designer.data.group"] { padding-inline-start: var(--mr-indent-step); }
[data-mr="designer.data.group"][data-mr-expanded="true"] { padding-block-end: var(--mr-gap-pair); }
[data-mr="designer.data.group"][data-mr-expanded="false"] > :not([data-mr="designer.data.group.title"]) { display: none; }
[data-mr="designer.data.group.title"] {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: var(--mr-gap-pair) var(--mr-gap-inline);
        min-block-size: var(--ad-row-action);
        padding-block: var(--mr-gap-pair);
        font-weight: var(--ad-state-weight);
        border: 0;
        background: none;
        padding-inline: 0;
        font: inherit;
        font-weight: var(--ad-state-weight);
        text-align: start;
        color: var(--ad-ink);
        cursor: pointer;
    }
[data-mr="designer.data.group.title"]::before { content: "\25B8"; color: var(--ad-ink-quiet); transition: transform var(--mr-duration-fast) var(--mr-ease-standard); }
[data-mr="designer.data.group.title"][aria-expanded="true"]::before { transform: rotate(90deg); }
[data-mr="designer.data.group.title"]:hover { color: var(--ad-select-ink); }
[data-mr="designer.data.group.note"] { font-size: var(--ad-text-meta); font-weight: var(--mr-weight-regular); color: var(--ad-ink-quiet); }
[data-mr="designer.data.item.value"] { flex: 1 0 100%; font-size: var(--ad-text-meta); color: var(--ad-ink); overflow-wrap: anywhere; }
[data-mr="designer.cell.guard"],
    [data-mr="designer.row.guard"] {
        display: inline-flex;
        align-items: center;
        min-inline-size: 0;
        padding-inline: var(--mr-gap-inline);
        border: var(--mr-border-width-sm) solid var(--ad-line-state);
        border-radius: var(--mr-radius-pill);
        background: var(--ad-select-bg);
        color: var(--ad-select-ink);
        font-size: var(--ad-text-meta);
        white-space: nowrap;
    }
[data-mr="designer.choose"] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--mr-gap-inline);
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--ad-line-state);
        border-radius: var(--mr-radius-md);
        background: var(--ad-select-bg);
    }
[data-mr="designer.choose.title"] { flex: 1 0 100%; margin: 0; font-weight: var(--ad-state-weight); color: var(--ad-select-ink); }
[data-mr="designer.choose.item"] {
        min-block-size: var(--ad-row-action);
        padding-inline: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-tone);
        border-radius: var(--ad-radius);
        background: var(--mr-bg-raised);
        color: var(--mr-tone-emphasis);
        font: inherit;
        cursor: pointer;
        transition: background-color var(--mr-duration-fast) var(--mr-ease-standard);
    }
[data-mr="designer.choose.item"]:hover { background: var(--mr-tone-subtle); }
[data-mr="designer.gear"] {
        flex: none;
        display: grid;
        place-items: center;
        inline-size: var(--mr-target-min);
        block-size: var(--mr-target-min);
        padding: 0;
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: var(--mr-bg);
        color: var(--mr-fg-muted);
        cursor: pointer;
    }
[data-mr="designer.gear.icon"] { display: grid; inline-size: var(--mr-glyph-chevron); block-size: var(--mr-glyph-chevron); }
[data-mr="designer.gear.icon"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="designer.gear"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="designer.gear"][aria-expanded="true"] {
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="designer.strip"],
    [data-mr="designer.tools"] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--mr-gap-run);
    }
[data-mr="designer.strip"] { flex-basis: 100%; }
[data-mr="designer.tools"] {
        position: absolute;
        inset-block-start: var(--mr-gap-run);
        inset-inline-end: var(--mr-gap-run);
        z-index: 2;
        justify-content: flex-end;
        max-inline-size: calc(100% - var(--mr-gap-run) * 2);
    }
[data-mr="designer.act"],
    [data-mr="designer.grip"] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: var(--mr-gap-pair);
        min-inline-size: var(--mr-target-min);
        min-block-size: var(--mr-target-min);
        padding-block: 0;
        padding-inline: var(--mr-gap-run);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: var(--mr-bg);
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        white-space: nowrap;
        cursor: pointer;
    }
[data-mr="designer.grip"] { cursor: grab; }
[data-mr="designer.act"]:hover,
    [data-mr="designer.grip"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="designer.act"][data-mr-tone] { border-color: var(--mr-tone-emphasis); color: var(--mr-tone-emphasis); }
[data-mr="designer.act"][data-mr-tone]:hover { background: var(--mr-tone-subtle); }
[data-mr="designer.act.key"] {
        padding-inline-start: var(--mr-gap-pair);
        border-inline-start: var(--mr-border-width-sm) solid currentColor;
    }
[data-mr="designer.cell"] > [data-mr="designer.row"] { margin-block-start: var(--mr-gap-inline); }
[data-mr="designer.row.tag"] { white-space: nowrap; }
[data-mr="designer"] > [data-mr="admin.panel"][data-mr-side="inline-start"]:has([data-mr="designer.data"]) { --ad-panel-measure: var(--mr-measure-card); }
[data-mr="designer.sample"] {
        display: inline-flex;
        align-items: center;
        margin-inline-start: var(--mr-gap-pair);
        padding: 0 var(--mr-pad-cell);
        border: var(--mr-border-width-sm) dashed var(--ad-line-strong);
        border-radius: var(--mr-radius-pill);
        background: var(--ad-well);
        color: var(--ad-ink);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        font-weight: var(--mr-weight-regular);
        white-space: nowrap;
    }
[data-mr="designer.tree"] + [data-mr="context-menu"] {
        position: relative;
        z-index: var(--mr-z-overlay);
        margin-inline-start: var(--mr-indent-step);
    }
@supports (anchor-name: --ad-tree-node) {
        :is([data-mr="admin.panel"], [data-mr="admin.palette.group.body"]):has(> [data-mr="designer.tree"] + [data-mr="context-menu"]) { anchor-scope: --ad-tree-node; }
        [data-mr="designer.tree"]:has(+ [data-mr="context-menu"]) [data-mr="designer.tree.item"][aria-selected="true"] { anchor-name: --ad-tree-node; }
        [data-mr="designer.tree"] + [data-mr="context-menu"] {
            position: fixed;
            position-anchor: --ad-tree-node;
            inset-block-start: anchor(end);
            inset-inline-start: calc(anchor(start) + var(--mr-indent-step));
            margin: 0;
        }
    }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="list"] {
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
    font-size: var(--ad-text);
    color: var(--ad-ink);
}
[data-mr="list"][data-mr-variant="divided"] > [data-mr="list.item"] + [data-mr="list.item"],
[data-mr="list"]:not([data-mr-variant]) > [data-mr="list.item"] + [data-mr="list.item"] {
    border-block-start: var(--mr-border-width-sm) solid var(--ad-line-quiet);
}
[data-mr="list"][data-mr-variant="plain"] { gap: var(--mr-gap-run); }
[data-mr="list.item"] {
    display: flex;
    align-items: center;
    gap: var(--ad-gap);
    min-block-size: var(--mr-row-height);
    padding-block: var(--mr-pad-cell);
    min-inline-size: 0;
}
[data-mr="list.item"][data-mr-interaction="highlight"] {
    padding-inline: var(--mr-pad-cell);
    border-radius: var(--ad-radius-row);
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="list.item"][data-mr-interaction="highlight"]:hover { background-color: var(--ad-hover-bg); }
[data-mr="list.item.leading"] { flex: none; display: inline-grid; place-items: center; inline-size: var(--mr-glyph-figure); block-size: var(--mr-glyph-figure); color: var(--ad-ink-quiet); }
[data-mr="list.item.content"] { flex: 1 1 auto; min-inline-size: 0; display: flex; flex-direction: column; gap: var(--mr-gap-run); }
[data-mr="list.item.title"] { margin: 0; font-weight: var(--ad-state-weight); overflow-wrap: anywhere; }
[data-mr="list.item.description"] { margin: 0; font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="list.item.trailing"] { flex: none; font-family: var(--ad-font-data); font-size: var(--ad-text-meta); font-variant-numeric: tabular-nums; color: var(--ad-ink-quiet); }
[data-mr="list.item.actions"] { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: var(--mr-gap-inline); }
[data-mr="list.item.actions.item"] {
    min-inline-size: var(--mr-control-height);
    min-block-size: var(--ad-row-action);
    padding-inline: var(--mr-pad-cell);
    display: inline-grid;
    place-items: center;
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius);
    background-color: var(--ad-well);
    color: var(--ad-ink-quiet);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    line-height: var(--mr-leading-tight);
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="list.item.actions.item"]:hover { background-color: var(--ad-select-bg); border-color: var(--ad-line-state); color: var(--ad-select-ink); }
@container mr-admin (max-inline-size: 47.999rem) {
    [data-mr="list.item"]:has([data-mr="list.item.actions"]) { flex-wrap: wrap; }
}
[data-mr="list.item"]:has(> [data-mr="list.item.content"] > a[data-mr="list.item.title"]) {
    position: relative;
    padding-inline: var(--mr-pad-cell);
    border-radius: var(--ad-radius-row);
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="list.item"]:has(> [data-mr="list.item.content"] > a[data-mr="list.item.title"]):hover { background-color: var(--ad-hover-bg); }
a[data-mr="list.item.title"] { color: inherit; text-decoration: none; }
a[data-mr="list.item.title"]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
a[data-mr="list.item.title"]:focus-visible { outline: none; }
a[data-mr="list.item.title"]:focus-visible::after { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: calc(var(--mr-border-width-md) * -1); }
[data-mr="list.item"]:has(> [data-mr="list.item.content"] > a[data-mr="list.item.title"]:is([aria-current="true"], [aria-current="page"])) {
    background-color: var(--ad-select-bg);
    box-shadow: inset var(--mr-border-width-md) 0 0 var(--ad-select-bar);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}
[data-mr="list.item.state"] { flex: none; position: relative; display: inline-flex; align-items: center; }
[data-mr="list.item.grip"] {
    flex: none;
    display: inline-grid;
    place-items: center;
    inline-size: var(--mr-glyph-figure);
    block-size: var(--mr-glyph-figure);
    color: var(--ad-ink-quiet);
    cursor: grab;
    touch-action: none;
}
[data-mr="list.item.grip"]:hover { color: var(--ad-ink); }
[data-mr="list.item.body"] {
    flex: 1 1 auto;
    min-inline-size: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--ad-gap);
}
[data-mr="list.item.body"] > * { flex: 1 1 10rem; min-inline-size: 0; }
[data-mr="list.item.actions"] { position: relative; }
[data-mr="list.group"] { display: flex; flex-direction: column; min-inline-size: 0; }
[data-mr="list"] > [data-mr="list.group"] + [data-mr="list.group"],
[data-mr="list"] > [data-mr="list.item"] + [data-mr="list.group"],
[data-mr="list"] > [data-mr="list.group"] + [data-mr="list.item"] { margin-block-start: var(--mr-gap-section); }
[data-mr="list.group.title"] {
    margin: 0;
    padding-block: var(--mr-pad-cell) var(--mr-gap-pair);
    padding-inline: var(--mr-pad-cell);
    font-size: var(--ad-text-meta);
    font-weight: var(--ad-state-weight);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--ad-ink-quiet);
}
[data-mr="list.group.items"] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; min-inline-size: 0; }
[data-mr="list"][data-mr-variant="divided"] [data-mr="list.group.items"] > [data-mr="list.item"] + [data-mr="list.item"] { border-block-start: var(--mr-border-width-sm) solid var(--ad-line-quiet); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="locale-switch"] {
    position: relative;
    anchor-scope: --locale-switch;
    display: inline-flex;
    align-items: center;
    color: var(--ad-ink);
}
[data-mr="locale-switch.label"] { font-size: var(--ad-text-meta); }
[data-mr="locale-switch.trigger"] {
    anchor-name: --locale-switch;
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-pair);
    min-block-size: var(--mr-control-height);
    min-inline-size: var(--mr-control-height);
    padding-block: 0;
    padding-inline: var(--mr-gap-inline);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius);
    background-color: var(--ad-panel);
    color: var(--ad-ink);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    font-weight: var(--mr-weight-medium);
    line-height: var(--mr-leading-control);
    cursor: pointer;
    transition: border-color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="locale-switch.trigger"]:hover { border-color: var(--ad-ink-quiet); background-color: var(--ad-hover-bg); }
[data-mr="locale-switch.trigger"][aria-expanded="true"] { border-color: var(--mr-tone-emphasis); color: var(--mr-tone-emphasis); }
[data-mr="locale-switch.mark"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
    color: var(--ad-ink-quiet);
}
[data-mr="locale-switch.mark"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="locale-switch.current"] {
    font-size: var(--ad-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    font-variant-numeric: tabular-nums;
}
[data-mr="locale-switch.list"] {
    margin: 0;
    inset: auto;
    position-anchor: --locale-switch;
    position-area: block-end span-inline-end;
    position-try-fallbacks: flip-inline, flip-block;
    margin-block-start: var(--mr-gap-pair);
    padding: var(--mr-gap-pair);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
    background-color: var(--ad-panel);
    box-shadow: var(--mr-shadow-lg);
    color: var(--ad-ink);
}
[data-mr="locale-switch.list"]:popover-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
[data-mr="locale-switch.item"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: var(--mr-gap-inline);
    min-block-size: var(--mr-control-height);
    padding-block: var(--mr-gap-pair);
    padding-inline: var(--mr-pad-cell);
    border-radius: var(--ad-radius-row);
    color: var(--ad-ink);
    font-size: var(--ad-text);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="locale-switch.item"]:is(:hover, :focus-visible) { background-color: var(--ad-hover-bg); }
[data-mr="locale-switch.item"][aria-current="true"] { background-color: var(--ad-select-bg); font-weight: var(--ad-state-weight); }
[data-mr="locale-switch.item.check"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--mr-glyph-chevron);
    block-size: var(--mr-glyph-chevron);
    color: var(--mr-tone-emphasis);
    visibility: hidden;
}
[data-mr="locale-switch.item.check"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="locale-switch.item"][aria-current="true"] > [data-mr="locale-switch.item.check"] { visibility: visible; }
[data-mr="locale-switch.item.flag"] {
    flex: none;
    block-size: var(--mr-glyph-mark);
    inline-size: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--ad-radius);
}
[data-mr="locale-switch.item.name"] { flex: 1 1 auto; }
[data-mr="locale-switch.item.code"] {
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    letter-spacing: var(--mr-tracking-wide);
}
[data-mr="locale-switch.item.note"] {
    flex-basis: 100%;
    padding-inline-start: calc(var(--mr-glyph-chevron) + var(--mr-gap-inline));
    white-space: normal;
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
}
[data-mr="locale-switch"][data-mr-emphasis="subtle"] > [data-mr="locale-switch.trigger"] {
    border-color: transparent;
    background-color: transparent;
}
[data-mr="locale-switch"][data-mr-size="sm"] > [data-mr="locale-switch.trigger"] {
    min-block-size: var(--mr-row-height);
    min-inline-size: var(--mr-row-height);
    padding-inline: var(--mr-gap-pair);
    font-size: var(--ad-text-meta);
}
[data-mr="locale-switch"][data-mr-size="sm"] [data-mr="locale-switch.mark"] { inline-size: var(--mr-glyph-chevron); block-size: var(--mr-glyph-chevron); }
[data-mr="locale-switch"][data-mr-size="sm"] [data-mr="locale-switch.item"] { min-block-size: var(--mr-row-height); font-size: var(--ad-text-meta); }
@media (prefers-reduced-motion: reduce) {
    [data-mr="locale-switch.trigger"], [data-mr="locale-switch.item"] { transition: none; }
}
[data-mr="locale-switch"][data-mr-label="hidden"] [data-mr="locale-switch.current"] { display: none; }
[data-mr="locale-switch"][data-mr-label="hidden"] > [data-mr="locale-switch.trigger"] { justify-content: center; inline-size: var(--mr-control-height); padding-inline: 0; }
[data-mr="locale-switch"][data-mr-label="hidden"][data-mr-size="sm"] > [data-mr="locale-switch.trigger"] { inline-size: var(--mr-row-height); }
[data-mr="locale-switch.name"] { display: none; }
@container mr-fold (min-width: 0) {
[data-mr="locale-switch"][data-mr-fold="adaptive"]:is(:not([data-mr-folded]), [data-mr-folded="field"], [data-mr-folded="row"]) { display: flex; flex: 1 1 100%; }
[data-mr="locale-switch"][data-mr-fold="adaptive"]:is(:not([data-mr-folded]), [data-mr-folded="field"], [data-mr-folded="row"]) > [data-mr="locale-switch.trigger"] { inline-size: 100%; justify-content: flex-start; padding-inline: var(--mr-pad-cell); }
[data-mr="locale-switch"][data-mr-fold="adaptive"]:is(:not([data-mr-folded]), [data-mr-folded="field"], [data-mr-folded="row"]) [data-mr="locale-switch.current"] { display: none; }
[data-mr="locale-switch"][data-mr-fold="adaptive"]:is(:not([data-mr-folded]), [data-mr-folded="field"], [data-mr-folded="row"]) [data-mr="locale-switch.name"] { display: block; flex: 1 1 auto; min-inline-size: 0; text-align: start; font-weight: var(--mr-weight-regular); }
[data-mr="locale-switch"][data-mr-fold="adaptive"]:is(:not([data-mr-folded]), [data-mr-folded="field"], [data-mr-folded="row"]) > [data-mr="locale-switch.list"] { inline-size: anchor-size(inline); }
[data-mr="locale-switch"][data-mr-fold="adaptive"]:is(:not([data-mr-folded]), [data-mr-folded="field"]) > [data-mr="locale-switch.trigger"] { border: var(--mr-border-width-sm) solid var(--ad-line-strong); border-radius: var(--mr-radius-md); background-color: var(--mr-bg); }
[data-mr="locale-switch"][data-mr-fold="adaptive"][data-mr-folded="row"] > [data-mr="locale-switch.trigger"] { padding-inline: 0; border-color: transparent; border-radius: 0; background-color: transparent; }
[data-mr="locale-switch"][data-mr-fold="adaptive"][data-mr-folded="button"] { flex: 0 0 auto; }
[data-mr="locale-switch"][data-mr-fold="adaptive"][data-mr-folded="button"] > [data-mr="locale-switch.list"] { position-area: block-start span-inline-end; margin-block: 0 var(--mr-gap-pair); }
[data-mr="locale-switch"][data-mr-fold="adaptive"] > [data-mr="locale-switch.trigger"]::after { content: ""; flex: none; inline-size: calc(var(--mr-glyph-chevron) / 2); block-size: calc(var(--mr-glyph-chevron) / 2); border-block-end: var(--mr-border-width-md) solid currentColor; border-inline-end: var(--mr-border-width-md) solid currentColor; transform: rotate(45deg); margin-inline: var(--mr-gap-pair); }
[data-mr="locale-switch"][data-mr-fold="adaptive"][data-mr-folded="row"] > [data-mr="locale-switch.trigger"]::after { transform: rotate(-45deg); }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="map"] {
    display: grid;
    gap: var(--mr-gap-stack);
    inline-size: 100%;
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    color: var(--ad-ink);
}
[data-mr="map.canvas"] {
    inline-size: 100%;
    block-size: var(--mr-given-block-size, auto);
    aspect-ratio: 16 / 9;
    background-color: var(--ad-well);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius);
    overflow: hidden;
}
[data-mr="map.key"] {
    display: flex; flex-wrap: wrap;
    gap: var(--mr-gap-pair) var(--mr-gap-column);
    margin: 0; padding: 0;
    list-style: none;
}
[data-mr="map.key.item"] {
    display: flex; align-items: center;
    gap: var(--ad-gap);
    font-size: var(--ad-text-meta);
    color: var(--ad-ink);
}
[data-mr="map.key.swatch"] {
    flex: none;
    inline-size: var(--mr-glyph-mark); block-size: var(--mr-glyph-mark);
    border-radius: var(--ad-radius);
    box-shadow: inset 0 0 0 var(--mr-border-width-sm) var(--mr-tone-emphasis);
    background-color: var(--mr-tone);
}
[data-mr="map.key.label"] { min-inline-size: 0; }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="nav-designer"] {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-stack);
        min-inline-size: 0;
    }
[data-mr="content-editor.canvas"] [data-mr="nav-menu.group"] { position: relative; }
[data-mr="content-editor.canvas"] [data-mr="nav-menu.group"]:has(> [data-mr="content-editor.gear"][aria-expanded="true"]) { margin-block-start: var(--mr-control-height); }
[data-mr="content-editor.canvas"] [data-mr="nav-menu.group"] > [data-mr="content-editor.gear"] { inset-inline-start: calc(var(--mr-pad-inline) * -1); }
[data-mr="content-editor.canvas"] [data-mr="nav-menu.group"]:hover > [data-mr="content-editor.gear"],
    [data-mr="content-editor.canvas"] [data-mr="nav-menu.group"]:focus-within > [data-mr="content-editor.gear"] { visibility: visible; }
[data-mr="content-editor.canvas"] [data-mr="nav-menu.group"]:has(> [data-mr="content-editor.gear"][aria-expanded="true"]) > [data-mr="content-editor.handle"] { visibility: visible; }
[data-mr="content-editor.canvas"] :is([data-mr="nav-menu"], [data-mr="nav-item"]) { position: relative; cursor: pointer; }
[data-mr="content-editor.canvas"] :is([data-mr="nav-menu"], [data-mr="nav-item"]):hover {
        outline: var(--mr-border-width-sm) dashed var(--mr-border-strong);
        outline-offset: var(--mr-focus-offset);
    }
[data-mr="content-editor.canvas"] :is([data-mr="nav-menu"][aria-current="true"], [data-mr="nav-menu.item"][aria-current="true"] > [data-mr="nav-item"]) {
        outline: var(--mr-border-width-md) solid var(--mr-tone-emphasis);
        outline-offset: var(--mr-focus-offset);
    }
[data-mr="content-editor.canvas"] [data-mr-drop="true"] > [data-mr="nav-item"]::before,
    [data-mr="content-editor.canvas"] [data-mr-drop="true"]::before {
        content: "";
        position: absolute;
        inset-inline-start: calc(var(--mr-border-width-lg) * -1);
        inset-block: calc(var(--mr-border-width-md) * -1);
        inline-size: var(--mr-border-width-md);
        background: var(--mr-tone-emphasis);
        z-index: 3;
    }
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr-drop="true"] > [data-mr="nav-item"]::before {
        inset-inline: calc(var(--mr-border-width-md) * -1);
        inset-block: auto calc(var(--mr-border-width-lg) * -1);
        inline-size: auto;
        block-size: var(--mr-border-width-md);
    }
[data-mr="content-editor"][data-mr-dragging="true"] [data-mr="content-editor.canvas"] :is([data-mr="nav-menu"], [data-mr="nav-item"]) { cursor: grabbing; }
[data-mr="content-editor.canvas"] [data-mr="nav-item.icon"]:empty::before {
        content: "";
        display: block;
        inline-size: 0.75em;
        block-size: 0.75em;
        border: var(--mr-border-width-sm) dashed currentColor;
        border-radius: var(--mr-radius-sm);
        opacity: 0.5;
    }
[data-mr="nav-designer.tail"] { display: block; list-style: none; }
[data-mr="nav-designer.tail.add"] {
        appearance: none;
        display: inline-flex;
        align-items: center;
        min-block-size: var(--mr-target-min);
        padding-inline: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) dashed var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        cursor: pointer;
        visibility: hidden;
    }
[data-mr="content-editor.canvas"] [data-mr="nav-menu.group"]:hover [data-mr="nav-designer.tail.add"],
    [data-mr="content-editor.canvas"] [data-mr="nav-menu.group"]:focus-within [data-mr="nav-designer.tail.add"] { visibility: visible; }
[data-mr="nav-designer.tail.add"]:hover {
        border-style: solid;
        border-color: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
[data-mr="nav-designer.tree"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-run);
        padding: var(--mr-pad-inline);
        min-inline-size: 0;
    }
[data-mr="nav-designer.tree.section"] {
        display: flex;
        align-items: baseline;
        gap: var(--mr-gap-stack);
        margin-block: var(--mr-gap-column) var(--mr-gap-inline);
        padding-block-end: var(--mr-pad-cell);
        border-block-end: var(--mr-border-width-sm) solid var(--mr-border);
    }
[data-mr="nav-designer.tree.section"]:first-child { margin-block-start: 0; }
[data-mr="nav-designer.tree.head"] {
        appearance: none;
        padding: 0;
        border: 0;
        background: none;
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        letter-spacing: var(--mr-tracking-wide);
        text-transform: uppercase;
        color: var(--mr-fg-muted);
        cursor: pointer;
    }
[data-mr="nav-designer.tree.head"]:hover { color: var(--mr-tone-emphasis); }
[data-mr="nav-designer.tree.count"] {
        flex: 1;
        font-size: var(--ad-text-meta);
        color: var(--mr-fg-muted);
    }
[data-mr="nav-designer.tree.add"] {
        appearance: none;
        padding-inline: var(--mr-pad-cell);
        min-block-size: var(--ad-row-part);
        border: var(--mr-border-width-sm) dashed var(--mr-border-strong);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        white-space: nowrap;
        cursor: pointer;
    }
[data-mr="nav-designer.tree.add"]:hover { border-style: solid; border-color: var(--mr-tone-emphasis); color: var(--mr-tone-emphasis); }
[data-mr="nav-designer.tree.add"][data-mr-tone] {
        border-style: solid;
        border-color: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
[data-mr="nav-designer.tree.add"][data-mr-tone="danger"]:hover,
    [data-mr="nav-designer.tree.add"][data-mr-tone]:focus-visible {
        background: var(--mr-tone-subtle);
        border-color: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
[data-mr="nav-designer.tree.row"] {
        display: flex;
        align-items: center;
        gap: var(--mr-gap-inline);
        position: relative;
        min-block-size: var(--mr-target-min);
        padding-inline: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid transparent;
        border-radius: var(--mr-radius-sm);
        cursor: pointer;
    }
[data-mr="nav-designer.tree.row"][data-mr-depth="2"] { margin-inline-start: var(--mr-gap-section); }
[data-mr="nav-designer.tree.row"][data-mr-depth="3"] { margin-inline-start: calc(var(--mr-gap-section) * 2); }
[data-mr="nav-designer.tree.row"][data-mr-depth="2"]::before,
    [data-mr="nav-designer.tree.row"][data-mr-depth="3"]::before {
        content: "";
        position: absolute;
        inset-inline-start: calc(var(--mr-pad-inline) * -1);
        inset-block: 0;
        border-inline-start: var(--mr-border-width-sm) solid var(--mr-border);
    }
[data-mr="nav-designer.tree.row"]:hover { background: var(--mr-bg-sunken); }
[data-mr="nav-designer.tree.row"][aria-current="true"] {
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
    }
[data-mr="nav-designer.tree.row"][data-mr-drop="true"]::after {
        content: "";
        position: absolute;
        inset-inline: 0;
        inset-block-start: calc(var(--mr-border-width-md) * -1);
        block-size: var(--mr-border-width-md);
        background: var(--mr-tone-emphasis);
    }
[data-mr="nav-designer.tree.grip"] { color: var(--mr-fg-subtle); font-size: var(--ad-text-meta); cursor: grab; }
[data-mr="nav-designer.tree.grip"]:hover { color: var(--mr-fg); }
[data-mr="nav-designer.tree.twist"] {
        appearance: none;
        inline-size: var(--mr-glyph-figure);
        min-block-size: var(--mr-glyph-figure);
        padding: 0;
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        cursor: pointer;
    }
span[data-mr="nav-designer.tree.twist"] { border-color: transparent; }
[data-mr="nav-designer.tree.words"] {
        flex: 1;
        min-inline-size: 4ch;
        font-size: var(--ad-text);
        color: var(--mr-fg);
    }
[data-mr="nav-designer.tree.words"]:empty::before {
        content: attr(aria-placeholder);
        color: var(--mr-fg-muted);
        font-style: italic;
    }
[data-mr="nav-designer.tree.words"]:focus-visible { outline: var(--mr-border-width-md) solid var(--mr-tone-emphasis); outline-offset: var(--mr-focus-offset); }
[data-mr="nav-designer.tree.where"] {
        flex: none;
        max-inline-size: 22ch;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        color: var(--mr-fg-muted);
    }
[data-mr="nav-designer.tree.where"][data-mr-where="page"] { color: var(--mr-fg-muted); }
[data-mr="nav-designer.tree.where"][data-mr-where="none"] { font-style: italic; }
[data-mr="nav-designer.tree.tools"] {
        display: flex;
        gap: var(--mr-gap-run);
        flex: none;
        visibility: hidden;
    }
[data-mr="nav-designer.tree.row"]:hover [data-mr="nav-designer.tree.tools"],
    [data-mr="nav-designer.tree.row"]:focus-within [data-mr="nav-designer.tree.tools"],
    [data-mr="nav-designer.tree.row"][aria-current="true"] [data-mr="nav-designer.tree.tools"] { visibility: visible; }
[data-mr="nav-designer.tree.tool"] {
        appearance: none;
        min-inline-size: var(--ad-row-part);
        min-block-size: var(--ad-row-part);
        padding-inline: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid transparent;
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg-muted);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        cursor: pointer;
    }
[data-mr="nav-designer.tree.tool"]:hover { border-color: var(--mr-fg); color: var(--mr-fg); }
[data-mr="nav-designer.tree.tool"][data-mr-tone] {
        border-color: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
[data-mr="nav-designer.tree.tool"][data-mr-tone="danger"]:hover,
    [data-mr="nav-designer.tree.tool"][data-mr-tone]:focus-visible {
        background: var(--mr-tone-subtle);
        border-color: var(--mr-tone-emphasis);
        color: var(--mr-tone-emphasis);
    }
[data-mr="nav-designer.tree.tool"][aria-disabled="true"] { opacity: 0.4; cursor: default; }
[data-mr="nav-designer.tree.tool"][aria-disabled="true"]:hover { border-color: transparent; color: var(--mr-fg-muted); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="nav-menu"] {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: var(--ad-text);
    color: var(--ad-ink);
}
[data-mr="nav-menu.group.label"] {
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    font-weight: var(--ad-state-weight);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
[data-mr="nav-menu.group.label"] {
    display: block;
    inline-size: 100%;
    padding-block-end: var(--ad-section-rule);
    border-block-end: var(--mr-border-width-sm) solid var(--ad-line-tint);
    margin-block-end: var(--ad-gap);
}
[data-mr="nav-menu.group"] + [data-mr="nav-menu.group"] {
    margin-block-start: var(--ad-section-gap);
}
[data-mr="nav-menu.item.disclosure"] {
    min-block-size: 0;
    block-size: var(--ad-row-part);
    display: inline-grid;
    place-items: center;
}
[data-mr="nav-item"] {
    min-block-size: var(--mr-row-height);
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard),
                color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="nav-item"]:not([aria-disabled="true"],
    [data-mr-disabled="true"]):hover {
    background-color: var(--ad-hover-bg);
}
[data-mr="nav-item"]:is([aria-current], [aria-current="page"],
    [aria-current="true"], [aria-current="step"], :has(> input:checked)) {
    background-color: var(--ad-select-bg);
    color: var(--ad-select-ink);
    font-weight: var(--ad-state-weight);
}
[data-mr="nav-menu.item.disclosure"] {
    display: inline-grid;
    place-items: center;
    min-inline-size: var(--ad-row-part);
}
[data-mr="nav-menu.item.disclosure"] > [data-pv-placeholder] {
    display: none;
}
[data-mr="nav-menu.item.disclosure"]:not(:has(:not([data-pv-placeholder])))::before {
    content: "";
    grid-area: 1 / 1;
    inline-size: var(--ad-mark);
    block-size: var(--ad-mark);
    border-inline-end: var(--mr-border-width-sm) solid currentColor;
    border-block-end: var(--mr-border-width-sm) solid currentColor;
    rotate: -45deg;
    transition: rotate var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="nav-menu.item"][data-mr-expanded="true"] [data-mr="nav-menu.item.disclosure"]:not(:has(:not([data-pv-placeholder])))::before,
[data-mr="nav-menu.item.disclosure"][aria-expanded="true"]:not(:has(:not([data-pv-placeholder])))::before {
    rotate: 45deg;
}
@media (prefers-reduced-motion: reduce) {
    [data-mr="nav-menu.item.disclosure"]:not(:has(:not([data-pv-placeholder])))::before {
            transition: none;
        }
}
:is([data-mr="nav-item.badge"])[data-mr] {
    font-family: var(--ad-font-data);
    font-variant-numeric: tabular-nums;
}
a[data-mr][href][data-mr="nav-menu.item.disclosure"] {
    text-decoration: none;
}
[data-mr="nav-menu"] { padding: 0; }
[data-mr="nav-menu"] { display: grid; gap: var(--mr-gap-run); }
[data-mr="nav-menu"][data-mr-variant="horizontal"] { display: flex; align-items: center; gap: var(--mr-gap-column); border-width: 0 0 var(--mr-border-width-sm); border-radius: 0; }
[data-mr="nav-menu.group"] { display: grid; gap: var(--mr-gap-run); margin-block-end: var(--mr-gap-stack); }
[data-mr="nav-menu"][data-mr-variant="horizontal"] > [data-mr="nav-menu.group"] {
    display: flex;
    align-items: center;
    gap: var(--mr-gap-column);
    flex-wrap: nowrap;
    min-inline-size: 0;
    margin-block-end: 0;
}
[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-overflow="wrap"] > [data-mr="nav-menu.group"] { flex-wrap: wrap; }
[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-overflow="scroll"] > [data-mr="nav-menu.group"] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-overflow="scroll"] > [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"] { flex: 0 0 auto; }
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-menu.item"]:has(> [data-mr="nav-menu.submenu"]) {
    position: relative;
}
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-menu.submenu"] {
    position: absolute;
    inset-block-start: 100%;
    inset-inline-start: 0;
    z-index: 2;
    margin-inline-start: 0;
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
    background-color: var(--ad-panel);
    box-shadow: var(--mr-shadow-lg);
    min-inline-size: max-content;

    grid-area: auto;
}
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-menu.submenu"] [data-mr="nav-menu.submenu"] {
    inset-block-start: 0;
    inset-inline-start: 100%;
}
[data-mr="nav-menu.group.label"] { padding-inline: var(--mr-pad-cell); }
[data-mr="nav-menu.item"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}
[data-mr="nav-menu.item"] > [data-mr="nav-item"] { grid-column: 1; grid-row: 1; }
[data-mr="nav-menu.item"] > [data-mr="nav-menu.item.disclosure"] { grid-column: 2; grid-row: 1; }
[data-mr="nav-menu.item"] > [data-mr="nav-menu.submenu"] { grid-column: 1 / -1; grid-row: 2; }
[data-mr="nav-item"] {
    display: flex;
    align-items: center;
    gap: var(--ad-gap);
    padding: var(--mr-pad-cell) var(--mr-pad-cell);

    border-radius: var(--ad-radius-row);
    color: inherit;
    text-decoration: none;
}
[data-mr="nav-item.icon"] { display: inline-grid; place-items: center; inline-size: 1.1em; block-size: 1.1em; color: var(--ad-ink-quiet); }
[data-mr="nav-menu"][data-mr-icon-shape="circle"] { --ad-nav-icon-radius: var(--mr-radius-pill); }
[data-mr="nav-menu"][data-mr-icon-shape="square"] { --ad-nav-icon-radius: var(--ad-radius); }
[data-mr="nav-menu"][data-mr-icon-shape] [data-mr="nav-item"]:is(:has([data-mr-visually-hidden]), :where([data-mr="nav-menu"][data-mr-labels="hidden"][data-mr-icons="shown"] *):has(> [data-mr="nav-item.icon"])) {
    position: relative;
    inline-size: var(--mr-control-height);
    block-size: var(--mr-control-height);
    justify-content: center;
    padding-inline: 0;
    border-radius: var(--ad-nav-icon-radius);
}
[data-mr="nav-menu"][data-mr-icon-shape] [data-mr="nav-item"]:is(:has([data-mr-visually-hidden]), :where([data-mr="nav-menu"][data-mr-labels="hidden"][data-mr-icons="shown"] *):has(> [data-mr="nav-item.icon"])):hover {
    border-radius: var(--ad-nav-icon-radius);
    background-color: var(--ad-well);
}
[data-mr="nav-menu"][data-mr-icon-shape] [data-mr="nav-item"]:is(:has([data-mr-visually-hidden]), :where([data-mr="nav-menu"][data-mr-labels="hidden"][data-mr-icons="shown"] *):has(> [data-mr="nav-item.icon"])) [data-mr="nav-item.badge"] {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    margin-inline-start: 0;
    transform: translate(35%, -35%);
}
[data-mr="nav-item.label"] { min-inline-size: 0; overflow-wrap: anywhere; }
[data-mr="nav-item.badge"] { margin-inline-start: auto; padding: 0 var(--mr-pad-cell); border-radius: var(--mr-radius-pill); background-color: var(--ad-well); font-size: var(--ad-text-meta); }
[data-mr="nav-menu.item.disclosure"] { margin-inline-start: auto; background: none; border: 0; color: var(--ad-ink-quiet); cursor: pointer; }
[data-mr="nav-menu.item"][data-mr-expanded="true"] > [data-mr="nav-menu.item.disclosure"] { color: var(--ad-select-ink); }
[data-mr="nav-menu.item"][data-mr-expanded="false"] + [data-mr="nav-menu.submenu"] { display: none; }
[data-mr="nav-menu.submenu"] { display: grid; gap: var(--mr-gap-run); padding-inline-start: var(--mr-indent-step); }
[data-mr="nav-item"][data-mr-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); cursor: not-allowed; }
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-item"],
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-item.label"] { white-space: nowrap; }
[data-mr="nav-item"]:has(> [data-mr="nav-item.note"]),
[data-mr="nav-item"]:has(> [data-mr="nav-item.badge"]) { flex-wrap: wrap; row-gap: 0; }
[data-mr="nav-item"]:has(> [data-mr="nav-item.badge"]) > [data-mr="nav-item.label"] { flex: 1 1 auto; }
[data-mr="nav-item.note"] { order: 1; flex: 1 0 100%; min-inline-size: 0; overflow-wrap: anywhere; font-size: var(--ad-text-meta); font-weight: var(--mr-weight-regular); color: var(--ad-ink-quiet); }
[data-mr="nav-item.icon"] ~ [data-mr="nav-item.note"] { padding-inline-start: calc(1.1em + var(--ad-gap)); }
[data-mr="nav-menu"][data-mr-icons="shown"]:not([data-mr-variant="horizontal"]) [data-mr="nav-item"]:not(:has(> [data-mr="nav-item.icon"], > [data-mr="nav-item.marker"])) > :is([data-mr="nav-item.label"], [data-mr="nav-item.note"]) {
    margin-inline-start: calc(1.1em + var(--ad-gap));
}
[data-mr="nav-menu.group.label"] { padding-block-end: 0; border-block-end: 0; margin-block-end: var(--mr-gap-pair); letter-spacing: var(--mr-tracking-wide); }
[data-mr="nav-menu"], [data-mr="nav-menu.group"], [data-mr="nav-menu.submenu"] { gap: 0; }
[data-mr="nav-item"] { padding: var(--mr-gap-pair) var(--mr-pad-cell); border-radius: var(--ad-radius-row); }
[data-mr="nav-item"]:is([aria-current], [aria-current="page"], [aria-current="true"], [aria-current="step"]) {
    background-color: var(--ad-select-bg);
    color: var(--ad-ink);
    box-shadow: inset var(--mr-border-width-md) 0 0 var(--ad-select-bar);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}
[data-mr="nav-item.label"] { overflow-wrap: break-word; }
[data-mr="nav-item.note"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; }
[data-mr="nav-menu.item.disclosure"] { color: var(--ad-ink-quiet); }
[data-mr="nav-menu.item"][data-mr-expanded="true"] > [data-mr="nav-menu.item.disclosure"] { color: var(--ad-ink); }
[data-mr="nav-menu.submenu"] { padding-inline-start: var(--mr-pad-inline); margin-inline-start: var(--mr-pad-cell); border-inline-start: var(--mr-border-width-sm) solid var(--ad-line-quiet); }
[data-mr="nav-item.badge"] { background-color: var(--ad-well); color: var(--ad-ink-quiet); }
[data-mr="nav-menu"][data-mr-labels="hidden"][data-mr-icons="shown"] [data-mr="nav-item"]:has(> [data-mr="nav-item.icon"]) > [data-mr="nav-item.label"]:not(:focus):not(:active) {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
[data-mr="nav-menu"][data-mr-labels="hidden"][data-mr-icons="shown"] [data-mr="nav-item"]:has(> [data-mr="nav-item.icon"]) { justify-content: center; }
[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-align]:not([data-mr-align="start"]) { inline-size: 100%; }
[data-mr="nav-menu"][data-mr-variant="horizontal"]:is([data-mr-align="start"], :not([data-mr-align])),
[data-mr="nav-menu"][data-mr-variant="horizontal"]:is([data-mr-align="start"], :not([data-mr-align])) > [data-mr="nav-menu.group"] { justify-content: flex-start; }
[data-mr="nav-menu"]:not([data-mr-variant="horizontal"]):is([data-mr-align="start"], :not([data-mr-align])) [data-mr="nav-item"][data-mr="nav-item"] { justify-content: flex-start; text-align: start; }
[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-align="center"],
[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-align="center"] > [data-mr="nav-menu.group"] { justify-content: center; }
[data-mr="nav-menu"]:not([data-mr-variant="horizontal"])[data-mr-align="center"] [data-mr="nav-item"][data-mr="nav-item"] { justify-content: center; text-align: center; }
[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-align="end"],
[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-align="end"] > [data-mr="nav-menu.group"] { justify-content: flex-end; }
[data-mr="nav-menu"]:not([data-mr-variant="horizontal"])[data-mr-align="end"] [data-mr="nav-item"][data-mr="nav-item"] { justify-content: flex-end; text-align: end; }
[data-mr="nav-menu"]:not([data-mr-variant="horizontal"]):is([data-mr-align="center"], [data-mr-align="end"]) [data-mr="nav-item"][data-mr="nav-item"] > [data-mr="nav-item.label"] { flex: 0 1 auto; }
[data-mr="nav-menu"][data-mr-icons="shown"][data-mr-align]:not([data-mr-variant="horizontal"]):is([data-mr-align="center"], [data-mr-align="end"]) [data-mr="nav-item"]:not(:has(> [data-mr="nav-item.icon"], > [data-mr="nav-item.marker"])) > [data-mr="nav-item.label"] { margin-inline-start: 0; }
[data-mr="nav-menu"][data-mr-fold="adaptive"],
[data-mr="nav-menu"][data-mr-fold="adaptive"] > [data-mr="nav-menu.group"] { flex-wrap: nowrap; gap: var(--mr-gap-inline); }
@container mr-fold (min-width: 0) {
[data-mr="nav-menu"][data-mr-fold="adaptive"],
[data-mr="nav-menu"][data-mr-fold="adaptive"] [data-mr="nav-menu.group"] { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
[data-mr="nav-menu"][data-mr-fold="adaptive"] [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"] + [data-mr="nav-menu.item"] { border-block-start: var(--mr-border-width-sm) solid var(--ad-line); }
[data-mr="nav-menu"][data-mr-fold="adaptive"] [data-mr="nav-item"] { inline-size: 100%; justify-content: flex-start; }
[data-mr="nav-menu"][data-mr-fold="adaptive"] [data-mr="nav-menu.submenu"] { position: static; box-shadow: none; border: 0; }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="page-editor"] {
    --pe-head: calc(var(--mr-control-height) + 2 * var(--mr-pad-block) + var(--mr-border-width-sm));
    position: relative;
    flex: 1 1 100%;
    min-inline-size: 0;
    min-block-size: 0;
    max-block-size: calc(100vh - var(--pe-head));
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    overflow-y: auto;
    background: var(--ad-page);
    color: var(--ad-ink);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
}
[data-mr="page-editor"] > * { max-block-size: 100%; min-block-size: 0; }
[data-mr="page-editor"] > :is([data-mr="admin.panel"], [data-mr="admin.stage"]) { overflow-y: auto; }
[data-mr="page-editor"] > [data-mr="admin.panel"][data-mr-open="false"] { display: none; }
[data-mr="page-editor.outline"] {
    display: flex;
    flex-direction: column;
    gap: var(--mr-gap-run);
    min-inline-size: 0;
}
[data-mr="page-editor.outline.item"] {
    display: flex;
    flex-direction: column;
    gap: 0;
    inline-size: 100%;
    min-block-size: var(--mr-row-height);
    justify-content: center;
    padding-block: var(--mr-gap-run);
    padding-inline: var(--mr-pad-cell);
    border: 0;
    border-radius: var(--ad-radius-row);
    background: none;
    color: var(--ad-ink);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    line-height: var(--mr-leading-control);
    text-align: start;
    cursor: pointer;
}
[data-mr="page-editor.outline.item"]:hover { background: var(--ad-hover-bg); }
[data-mr="page-editor.outline.item"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: calc(var(--mr-border-width-sm) * -1); }
[data-mr="page-editor.outline.item"][aria-current="true"] {
    background: var(--ad-select-bg);
    box-shadow: inset var(--mr-border-width-md) 0 0 var(--ad-select-bar);
    font-weight: var(--ad-state-weight);
}
[data-mr="page-editor.outline.item.label"] {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
[data-mr="page-editor.outline.item.meta"] {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    font-weight: var(--mr-weight-regular);
}
[data-mr="page-editor"] > [data-mr="admin.stage"] { position: relative; }
[data-mr="page-editor.add"] {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: var(--mr-given-boundary);
    z-index: 2;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    inline-size: var(--mr-control-height);
    block-size: var(--mr-control-height);
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: var(--mr-border-width-sm) solid var(--ad-accent);
    border-radius: var(--mr-radius-pill);
    background: var(--ad-panel);
    color: var(--ad-accent);
    font-family: var(--mr-font-body);
    font-size: 0;
    line-height: 1;
    opacity: 0;
    transform: translateY(-50%);
    cursor: pointer;
    transition: opacity var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="page-editor.add"]::before {
    content: "+";
    content: "+" / "";
    font-size: var(--mr-text-heading-6);
    font-weight: var(--mr-weight-medium);
}
[data-mr="page-editor.add"]:is(:hover, :focus-visible) { opacity: 1; }
[data-mr="page-editor.add"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-md); }
@media (hover: none) {
    [data-mr="page-editor.add"] { opacity: 1; }
}
@container mr-admin (max-inline-size: 59.999rem) {
    [data-mr="page-editor.add"] {
        inline-size: var(--mr-target-min);
        block-size: var(--mr-target-min);
    }
}
[data-mr="page-editor"] [data-mr="page-editor.add"] { display: block; }
[data-mr="page-editor"][data-mr-editing="content"] [data-mr="page-editor.add"] { display: block; }
[data-mr="page-editor"][data-mr-editing="layout"] [data-mr="page-editor.add"] { display: none; }
[data-mr="page-editor"] [data-mr="page-editor.add"][hidden] { display: none; }
[data-mr="page-editor.tools"] {
    flex: 0 1 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mr-gap-inline);
    min-inline-size: 0;
    font-family: var(--mr-font-body);
    font-size: var(--ad-text-meta);
    color: var(--ad-ink);
}
:is([data-mr="page-editor.tools.modes"], [data-mr="page-editor.tools.device"]) {
    display: inline-flex;
    align-items: stretch;
    min-inline-size: 0;
}
:is([data-mr="page-editor.tools.modes"], [data-mr="page-editor.tools.device"]) {
    gap: var(--mr-gap-pair);
}
[data-mr="page-editor.tools.reader"] {
    box-sizing: border-box;
    block-size: var(--mr-control-height);
    max-inline-size: 100%;
    padding-block: 0;
    padding-inline: var(--mr-pad-cell);
    border: var(--mr-border-width-sm) solid var(--ad-line-strong);
    border-radius: var(--ad-radius);
    background-color: var(--ad-panel);
    color: var(--ad-ink);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text-meta);
    cursor: pointer;
}
[data-mr="page-editor.tools.reader"]:hover { background-color: var(--ad-hover-bg); }
[data-mr="page-editor.tools.reader"]:focus-visible { outline: var(--mr-border-width-md) solid var(--ad-accent); outline-offset: var(--mr-border-width-sm); }
[data-mr="admin.head"] > [data-mr="page-editor.tools"] { flex: 0 1 auto; }
@container mr-admin (max-inline-size: 47.999rem) {
    [data-mr="admin.head"] > [data-mr="page-editor.tools"] {
        flex: 1 0 100%;
        order: 3;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="photos"] {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        min-block-size: 0;
        background: var(--ad-page);
        color: var(--ad-ink);
        font-family: var(--mr-font-body);
        font-size: var(--ad-text);
        line-height: var(--mr-leading-control);
    }
[data-mr="admin"] > [data-mr="photos"] { flex: 1 1 100%; min-inline-size: 0; }
[data-mr="photos"] > [data-mr="admin.stage"] { flex: 1 1 calc(var(--mr-control-height) * 8); min-inline-size: 0; }
[data-mr="photos"] > [data-mr="admin.panel"][data-mr-open="false"] { display: none; }
@container mr-admin (min-inline-size: 60rem) {
        [data-mr="admin"] > [data-mr="photos"] { flex-wrap: nowrap; }
    }
[data-mr="photos"] > [data-mr="admin.panel"] > [data-mr="nav-menu"] { min-inline-size: 0; }
[data-mr="photos"] > [data-mr="admin.panel"] > [data-mr="nav-menu"] > [data-mr="nav-menu.group"] { margin-block-end: 0; }
[data-mr="photos"] > [data-mr="admin.panel"] > [data-mr="nav-menu"] > [data-mr="nav-menu.group"] + [data-mr="nav-menu.group"] {
        margin-block-start: 0;
        padding-block-start: var(--mr-gap-run);
        border-block-start: var(--mr-border-width-sm) solid var(--ad-line-quiet);
    }
[data-mr="photos"] [data-mr="admin.section"] > [data-mr="photos.grid"] { margin-block: var(--mr-gap-pair); }
[data-mr="photos.item"][draggable="true"] > [data-mr="photos.item.pick"] { cursor: grab; }
[data-mr="photos.upload"] {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--mr-gap-pair);
        padding: var(--mr-pad-block) var(--mr-pad-inline);
        border: var(--mr-border-width-sm) dashed var(--ad-line-strong);
        border-radius: var(--ad-radius);
        background: var(--ad-well);
        color: var(--ad-ink);
        text-align: center;
        cursor: pointer;
        transition: background-color var(--mr-duration-fast) var(--mr-ease-standard),
                    border-color var(--mr-duration-fast) var(--mr-ease-standard);
    }
[data-mr="photos.upload"]:hover,
    [data-mr="photos.upload"]:focus-within { border-color: var(--ad-line-state); background: var(--ad-select-bg); }
[data-mr="photos.upload"]:focus-within { outline: var(--mr-border-width-md) solid var(--mr-tone-emphasis); outline-offset: var(--mr-focus-offset); }
[data-mr="photos.upload"][data-mr-drop="true"] {
        border-style: solid;
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
[data-mr="photos.upload"] > input {
        position: absolute;
        inset: 0;
        opacity: 0;
        font-size: 0;
        cursor: pointer;
    }
[data-mr="photos.upload.line"] { font-weight: var(--ad-state-weight); }
[data-mr="photos.upload.note"] { max-inline-size: var(--mr-measure); font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="photos.upload"][data-mr-drop="true"] [data-mr="photos.upload.note"] { color: inherit; }
[data-mr="photos.grid"] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(min(100%, calc(var(--mr-control-height) * 4)), 1fr));
        gap: var(--mr-gap-stack);
        margin: 0;
        padding: 0;
        list-style: none;
    }
[data-mr="photos.item"] { min-inline-size: 0; }
[data-mr="photos.item"][aria-busy="true"] [data-mr="photos.item.picture"] { opacity: 0.5; }
[data-mr="photos.item.pick"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-run);
        inline-size: 100%;
        padding: var(--mr-gap-pair);
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius);
        background: var(--mr-bg-raised);
        color: var(--ad-ink);
        font: inherit;
        text-align: start;
        cursor: pointer;
        transition: background-color var(--mr-duration-fast) var(--mr-ease-standard),
                    border-color var(--mr-duration-fast) var(--mr-ease-standard);
    }
[data-mr="photos.item.pick"]:not(:disabled):hover { border-color: var(--ad-line-state); background: var(--ad-select-bg); }
[data-mr="photos.item.pick"][aria-pressed="true"] {
        border-color: var(--mr-tone-emphasis);
        background: var(--ad-select-bg);
        color: var(--ad-select-ink);
        outline: var(--mr-border-width-sm) solid var(--mr-tone-emphasis);
        outline-offset: calc(var(--mr-border-width-sm) * -2);
    }
[data-mr="photos.item.pick"]:disabled { cursor: progress; }
[data-mr="photos.item.picture"] {
        display: block;
        aspect-ratio: 4 / 3;
        overflow: hidden;
        border-radius: calc(var(--ad-radius) - var(--mr-border-width-sm));
        background: var(--mr-bg-sunken);
    }
[data-mr="photos.item.name"] { min-inline-size: 0; overflow-wrap: anywhere; font-weight: var(--ad-state-weight); }
[data-mr="photos.item.credit"],
    [data-mr="photos.item.uses"] { font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="photos.item.pick"][aria-pressed="true"] :is([data-mr="photos.item.credit"], [data-mr="photos.item.uses"]) { color: var(--ad-ink); }
[data-mr="photos.preview"] {
        overflow: hidden;
        aspect-ratio: 4 / 3;
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius);
        background: var(--mr-bg-sunken);
    }
[data-mr="photos.for"] {
        flex: 1 1 auto;
        margin: 0;
        font-weight: var(--ad-state-weight);
        color: var(--ad-ink);
    }
[data-mr="photos.use"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-pair);
        min-inline-size: 0;
        padding-block-start: var(--mr-gap-stack);
        border-block-start: var(--mr-border-width-sm) solid var(--ad-line-quiet);
    }
[data-mr="photos.use"] input[type="range"][data-mr="field.control"] {
        padding-inline: 0;
        border-color: transparent;
        background: transparent;
        accent-color: var(--mr-tone);
    }
[data-mr="photos.frame"] {
        position: relative;
        overflow: hidden;
        inline-size: 100%;
        max-inline-size: var(--mr-measure);
        border: var(--mr-border-width-sm) solid var(--ad-line-strong);
        border-radius: var(--ad-radius);
        background: var(--mr-bg-sunken);
        cursor: grab;
        touch-action: none;
    }
[data-mr="photos.frame"]:focus-visible { outline: var(--mr-border-width-md) solid var(--mr-tone-emphasis); outline-offset: var(--mr-focus-offset); }
[data-mr="photos.frame"][data-mr-ratio="3x2"]  { aspect-ratio: 3 / 2; }
[data-mr="photos.frame"][data-mr-ratio="4x3"]  { aspect-ratio: 4 / 3; }
[data-mr="photos.frame"][data-mr-ratio="1x1"]  { aspect-ratio: 1 / 1; max-inline-size: calc(var(--mr-measure) / 2); }
[data-mr="photos.frame"][data-mr-ratio="16x9"] { aspect-ratio: 16 / 9; }
[data-mr="photos.frame"][data-mr-ratio="21x9"] { aspect-ratio: 21 / 9; }
[data-mr="photos.frame.picture"] {
        --ad-photo-x: calc(var(--mr-given-focus-x, 50) * 1%);
        --ad-photo-y: calc(var(--mr-given-focus-y, 50) * 1%);
        position: absolute;
        inset: 0;
        overflow: hidden;
        background: var(--mr-bg-raised);
    }
[data-mr="photos.frame.picture"] > img {
        display: block;
        inline-size: 100%;
        block-size: 100%;
        object-fit: cover;
        object-position: var(--ad-photo-x) var(--ad-photo-y);
        transform: scale(max(1, calc(var(--mr-given-zoom, 100) / 100)));
        transform-origin: var(--ad-photo-x) var(--ad-photo-y);
        pointer-events: none;
        user-select: none;
    }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="progress"]:not([data-mr-tone]) { --ad-progress-fill: var(--mr-primary); }
[data-mr="progress"][data-mr-tone] { --ad-progress-fill: var(--mr-tone); }
[data-mr="progress"] { display: block; font-size: var(--ad-text-meta); }
[data-mr="progress"] [data-mr="progress.track"] {
    position: relative;
    inline-size: 100%;
    block-size: calc(var(--mr-glyph-mark) / 2);
    border-radius: var(--mr-radius-pill);
    background-color: var(--mr-bg-sunken);
    overflow: clip;
}
[data-mr="progress"] [data-mr="progress.fill"] {
    block-size: 100%;
    inline-size: calc(var(--mr-given-level, 0) * 1%);
    border-radius: inherit;
    background-color: var(--ad-progress-fill);
    transition: inline-size var(--mr-duration-base) var(--mr-ease-standard);
}
[data-mr="progress"][data-mr-state="indeterminate"] [data-mr="progress.fill"] {
    inline-size: 40%;
    animation: ad-progress-sweep calc(var(--mr-duration-slow, 320ms) * 5) var(--mr-ease-standard) infinite;
}
}
@keyframes ad-progress-sweep {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(250%); }
}
@scope (:root) to ([data-mr-presentation]) {
[data-mr="progress"]:has([data-mr="progress.label"]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--mr-gap-inline);
    row-gap: var(--mr-gap-pair);
}
[data-mr="progress"]:has([data-mr="progress.label"]) [data-mr="progress.track"] { grid-column: 1 / -1; }
[data-mr="progress.label"] { color: var(--ad-ink-quiet); }
[data-mr="progress.value"] { color: var(--ad-ink); font-family: var(--ad-font-data); font-variant-numeric: tabular-nums; }
[data-mr="progress"][data-mr-variant="circular"] {
    position: relative;
    display: inline-grid;
    place-items: center;
    inline-size: calc(var(--mr-glyph-figure) * 2);
    block-size: calc(var(--mr-glyph-figure) * 2);
}
[data-mr="progress"][data-mr-variant="circular"] [data-mr="progress.track"],
[data-mr="progress"][data-mr-variant="circular"] [data-mr="progress.fill"] {
    position: absolute;
    inset: 0;
    inline-size: auto;
    block-size: auto;
    border-radius: 50%;
    mask: radial-gradient(farthest-side, transparent calc(100% - var(--mr-border-width-lg)), currentcolor calc(100% - var(--mr-border-width-lg) + var(--mr-border-width-sm)));
}
[data-mr="progress"][data-mr-variant="circular"] [data-mr="progress.fill"] {
    background: conic-gradient(var(--ad-progress-fill) calc(var(--mr-given-level, 0) * 1%), transparent 0);
    transition: background var(--mr-duration-base) var(--mr-ease-standard);
}
[data-mr="progress"][data-mr-variant="circular"][data-mr-state="indeterminate"] [data-mr="progress.fill"] {
    background: conic-gradient(var(--ad-progress-fill) 0 25%, transparent 25% 100%);
    animation: ad-progress-spin calc(var(--mr-duration-slow, 320ms) * 3) linear infinite;
}
}
@keyframes ad-progress-spin { to { transform: rotate(360deg); } }
@scope (:root) to ([data-mr-presentation]) {
[data-mr="progress"][data-mr-variant="circular"] [data-mr="progress.value"] { position: relative; font-size: var(--ad-text-meta); }
@media (prefers-reduced-motion: reduce) {
    [data-mr="progress"] [data-mr="progress.fill"] { transition: none; }
    [data-mr="progress"][data-mr-state="indeterminate"] [data-mr="progress.fill"] {
        animation: none;
        inline-size: 100%;
        background-color: color-mix(in srgb, var(--ad-progress-fill) 40%, transparent);
    }
    [data-mr="progress"][data-mr-variant="circular"][data-mr-state="indeterminate"] [data-mr="progress.fill"] {
        background: conic-gradient(color-mix(in srgb, var(--ad-progress-fill) 40%, transparent) 0 25%, transparent 25% 100%);
    }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
:is([data-mr="prose.callout"], [data-mr="prose.pullquote"], [data-mr="prose.embed"]) {
    border-inline-start: var(--mr-border-width-md) solid var(--ad-line);
    padding-inline-start: var(--mr-gap-stack);
    margin-block: var(--mr-gap-paragraph);
}
[data-mr="prose-editor"] {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        min-inline-size: 0;
    }
[data-mr="prose-editor.document"] {
        min-inline-size: 0;
        padding: var(--mr-pad-block);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-md);
        background: var(--mr-bg);
        color: var(--mr-fg);
        font-family: var(--mr-font-body);
        font-size: var(--mr-text-reading);
        line-height: var(--mr-leading-reading);
    }
[data-mr="prose-editor.document"] [data-mr="prose"] > [aria-current="true"] {
        background: var(--mr-bg-sunken);
        border-radius: var(--mr-radius-sm);
    }
[data-mr="prose-editor.marks"] { display: flex; flex-wrap: wrap; gap: var(--mr-gap-pair); }
[data-mr="prose-editor.insert"] { display: flex; flex-direction: column; gap: var(--mr-gap-inline); }
[data-mr="prose-editor.insert.item"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-pair);
        inline-size: 100%;
        padding: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-sm);
        background: none;
        color: var(--mr-fg);
        font: inherit;
        text-align: start;
        cursor: pointer;
    }
[data-mr="prose-editor.insert.item"]:hover { border-color: var(--mr-tone-emphasis); }
[data-mr="prose-editor.insert.name"] { font-weight: var(--mr-weight-semibold); }
[data-mr="prose-editor.insert.note"] {
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: var(--mr-leading-control);
        color: var(--mr-fg);
        overflow-wrap: anywhere;
    }
[data-mr="prose-editor.report"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-inline);
        min-inline-size: 0;
        padding: var(--mr-pad-inline);
        border: var(--mr-border-width-sm) solid var(--mr-border);
        border-radius: var(--mr-radius-md);

        background: transparent;
    }
[data-mr="prose-editor.report.item"] {
        display: flex;
        gap: var(--mr-gap-stack);
        align-items: baseline;
        min-inline-size: 0;
    }
[data-mr="prose-editor.report.count"] {
        flex: none;
        min-inline-size: 2.5ch;
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        text-align: end;
        color: var(--mr-fg);
    }
[data-mr="prose-editor.report.what"] { min-inline-size: 0; font-size: var(--ad-text); color: var(--mr-fg); }
[data-mr="prose-editor.report.item"] [data-mr="prose-editor.report.count"] { color: var(--mr-tone-emphasis); }
[data-mr="prose-editor.report.item"]:not([data-mr-tone]) [data-mr="prose-editor.report.count"] { font-weight: var(--ad-state-weight); }
[data-mr="prose-editor.report.item"][data-mr-tone="danger"] [data-mr="prose-editor.report.count"] { font-weight: var(--ad-state-weight); }
[data-mr="prose-editor.report.item"][data-mr-tone="danger"] [data-mr="prose-editor.report.what"] { color: var(--mr-tone-emphasis); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="record-page"] {
    container: mr-record / inline-size;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--mr-space-4);
    inline-size: 100%;
    max-inline-size: 67.5rem;
    margin-inline: auto;
    padding-block: var(--mr-space-5) var(--mr-space-9);
    padding-inline-start: max(var(--mr-space-5), env(safe-area-inset-left, 0px));
    padding-inline-end: max(var(--mr-space-5), env(safe-area-inset-right, 0px));
    min-inline-size: 0;
    color: var(--ad-ink);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
}
[data-mr="record-page.back"] {
    display: none;
    align-items: center;
    align-self: flex-start;
    gap: var(--mr-gap-pair);
    min-block-size: var(--mr-target-min);
    color: var(--ad-ink-quiet);
    text-decoration: none;
}
[data-mr="record-page.back"]::before { content: "\2039"; }
[data-mr="record-page.back"]:hover { color: var(--ad-ink); text-decoration: underline; }
[data-mr="record-page.head"] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--mr-space-3);
}
[data-mr="record-page.heading"] { flex: 1 1 20rem; min-inline-size: 0; }
[data-mr="record-page.title"] {
    margin: 0;
    color: var(--ad-ink);
    font-size: var(--mr-text-h4);
    font-weight: var(--ad-state-weight);
    line-height: var(--mr-leading-heading);
    text-wrap: balance;
    overflow-wrap: anywhere;
}
[data-mr="record-page.facts"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mr-gap-inline);
    margin: var(--mr-gap-heading) 0 0;
    color: var(--ad-ink-quiet);
    font-size: var(--mr-text-small);
}
[data-mr="record-page.state"] { display: inline-flex; align-items: center; }
[data-mr="record-page.fact"] +[data-mr="record-page.fact"]::before { content: "\00B7"; margin-inline-end: var(--mr-gap-inline); }
[data-mr="record-page.actions"] { display: flex; align-items: center; margin-inline-start: auto; }
[data-mr="record-page.more"] { display: flex; align-items: center; margin-inline-start: calc(var(--mr-space-1) * -1); }
[data-mr="record-page.lens"],
[data-mr="record-page.lens"] > * { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mr-gap-inline); min-inline-size: 0; }
[data-mr="record-page.problems"] { min-inline-size: 0; }
[data-mr="record-page.columns"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18.75rem;
    gap: var(--mr-space-4);
    align-items: start;
}
[data-mr="record-page.columns"]:not(:has(> [data-mr="record-page.side"])) { grid-template-columns: minmax(0, 1fr); }
[data-mr="record-page.main"],
[data-mr="record-page.side"] { display: flex; flex-direction: column; gap: var(--mr-space-4); min-inline-size: 0; }
[data-mr="record-page.card"],
[data-mr="record-page.advanced"] {
    box-sizing: border-box;
    position: relative;
    min-inline-size: 0;
    padding: var(--mr-space-4);
    background: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
}
[data-mr="record-page.card.title"] {
    margin: 0 0 var(--mr-space-3);
    color: var(--ad-ink);
    font-size: var(--mr-text-small);
    font-weight: var(--ad-state-weight);
    line-height: var(--mr-leading-heading);
}
[data-mr="record-page.card.hint"] {
    margin-block: calc(var(--mr-space-1) * -1.5) var(--mr-space-3);
    margin-inline: 0;
    color: var(--ad-ink-quiet);
    font-size: var(--mr-text-small);
}
[data-mr="record-page.card.body"] { display: flex; flex-direction: column; gap: var(--mr-space-3); min-inline-size: 0; }
[data-mr="record-page.advanced"] { padding-block: 0; }
[data-mr="record-page.advanced.title"] {
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    min-block-size: var(--mr-target-min);
    padding-block: var(--mr-space-3);
    list-style: none;
    color: var(--ad-ink-quiet);
    font-size: var(--mr-text-small);
    font-weight: var(--ad-state-weight);
    cursor: pointer;
    transition: color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="record-page.advanced.title"]::-webkit-details-marker { display: none; }
[data-mr="record-page.advanced.title"]::before { content: "\25B8"; transition: transform var(--mr-duration-fast) var(--mr-ease-standard); }
[data-mr="record-page.advanced.title"]:hover { color: var(--ad-ink); }
[data-mr="record-page.advanced"][open] > [data-mr="record-page.advanced.title"] { color: var(--ad-ink); }
[data-mr="record-page.advanced"][open] > [data-mr="record-page.advanced.title"]::before { transform: rotate(90deg); }
[data-mr="record-page.advanced.body"] { display: flex; flex-direction: column; gap: var(--mr-space-3); min-inline-size: 0; padding-block-end: var(--mr-space-4); }
@media (prefers-reduced-motion: reduce) { [data-mr="record-page.advanced.title"], [data-mr="record-page.advanced.title"]::before { transition: none; } }
@container mr-record (max-inline-size: 51.999rem) {
    [data-mr="record-page.columns"] { grid-template-columns: minmax(0, 1fr); }
}
@container mr-admin (max-inline-size: 59.999rem) {
    [data-mr="record-page.back"] { display: inline-flex; }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="reference-picker"] {
    position: relative;
    anchor-scope: --reference-picker;
    min-inline-size: 0;
    color: var(--ad-ink);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
}
[data-mr="reference-picker.card"],
[data-mr="reference-picker.pick"] {
    anchor-name: --reference-picker;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--mr-space-3);
    inline-size: 100%;
    padding: var(--mr-space-2) var(--mr-space-3);
    background: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line-strong);
    border-radius: var(--ad-radius);
}
[data-mr="reference-picker.icon"],
[data-mr="reference-picker.option.icon"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--mr-glyph-figure);
    block-size: var(--mr-glyph-figure);
    background: var(--mr-primary-subtle);
    color: var(--mr-primary-emphasis);
    border-radius: var(--ad-radius-row, var(--mr-radius-sm));
}
[data-mr="reference-picker.icon"] > svg,
[data-mr="reference-picker.option.icon"] > svg { inline-size: var(--mr-glyph-mark); block-size: var(--mr-glyph-mark); }
[data-mr="reference-picker.text"] { flex: 1 1 auto; min-inline-size: 0; display: flex; flex-direction: column; }
[data-mr="reference-picker.title"] { font-weight: var(--mr-weight-medium); overflow-wrap: anywhere; }
[data-mr="reference-picker.context"],
[data-mr="reference-picker.option.context"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
}
[data-mr="reference-picker.open"] {
    flex: none;
    display: inline-flex;
    align-items: center;
    min-block-size: var(--ad-row-action);
    padding-inline: var(--mr-pad-cell);
    border-radius: var(--ad-radius);
    color: var(--ad-ink-quiet);
    text-decoration: none;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="reference-picker.open"]:hover { background-color: var(--ad-hover-bg); color: var(--ad-ink); }
[data-mr="reference-picker.change"] {
    flex: none;
    min-inline-size: var(--mr-control-height);
    min-block-size: var(--ad-row-action);
    padding-inline: var(--mr-pad-cell);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius);
    background-color: var(--ad-panel);
    color: var(--ad-ink);
    font: inherit;
    line-height: var(--mr-leading-tight);
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="reference-picker.change"]:hover { background-color: var(--ad-hover-bg); border-color: var(--ad-line-strong); }
[data-mr="reference-picker.pick"] {
    min-block-size: var(--mr-control-height);
    border-style: dashed;
    background-color: transparent;
    color: var(--ad-ink-quiet);
    font: inherit;
    text-align: start;
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="reference-picker.pick"]:hover { background-color: var(--ad-hover-bg); color: var(--ad-ink); }
[data-mr="reference-picker.popover"] {
    box-sizing: border-box;
    margin: 0;
    inset: auto;
    position-anchor: --reference-picker;
    position-area: block-end span-inline-end;
    position-try-fallbacks: flip-block;
    margin-block-start: var(--mr-gap-pair);
    inline-size: anchor-size(inline);
    min-inline-size: 13.75rem;
    padding: var(--mr-space-2);
    background: var(--ad-panel);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
    box-shadow: var(--mr-shadow-lg);
    color: var(--ad-ink);
}
[data-mr="reference-picker.popover"]:popover-open { display: flex; flex-direction: column; align-items: stretch; gap: var(--mr-gap-run); }
[data-mr="reference-picker.search"] {
    box-sizing: border-box;
    inline-size: 100%;
    min-block-size: var(--mr-control-height);
    margin: 0 0 var(--mr-gap-pair);
    padding: var(--mr-space-1) var(--mr-space-2) var(--mr-space-2);
    border: 0;
    border-block-end: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: 0;
    outline: none;
    background: transparent;
    color: var(--ad-ink);
    font: inherit;
}
[data-mr="reference-picker.search"]::placeholder { color: var(--ad-ink-quiet); }
[data-mr="reference-picker.search"]:focus-visible { border-block-end-color: var(--mr-focus-ring); }
[data-mr="reference-picker.options"] { display: flex; flex-direction: column; gap: var(--mr-gap-run); margin: 0; padding: 0; list-style: none; }
[data-mr="reference-picker.option"],
[data-mr="reference-picker.new"],
[data-mr="reference-picker.none"] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--mr-space-3);
    inline-size: 100%;
    min-block-size: var(--mr-row-height);
    padding: var(--mr-space-1) var(--mr-space-2);
    border: 0;
    border-radius: var(--ad-radius-row, var(--mr-radius-sm));
    background: none;
    color: var(--ad-ink);
    font: inherit;
    text-align: start;
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="reference-picker.option"]:is(:hover, :focus-visible),
[data-mr="reference-picker.new"]:is(:hover, :focus-visible),
[data-mr="reference-picker.none"]:is(:hover, :focus-visible) { background-color: var(--ad-hover-bg); }
[data-mr="reference-picker.option.icon"] { inline-size: var(--mr-glyph-figure); block-size: var(--mr-glyph-figure); }
[data-mr="reference-picker.option.title"] { flex: 0 1 auto; min-inline-size: 0; overflow-wrap: anywhere; }
[data-mr="reference-picker.option.context"] { flex: 1 1 0; min-inline-size: 0; text-align: end; }
[data-mr="reference-picker.nothing"] { margin: 0; padding: var(--mr-space-2); color: var(--ad-ink-quiet); }
[data-mr="reference-picker.new"],
[data-mr="reference-picker.none"] { margin-block-start: var(--mr-gap-pair); }
[data-mr="reference-picker.options"] ~ [data-mr="reference-picker.new"],
[data-mr="reference-picker.nothing"] ~ [data-mr="reference-picker.new"] { border-block-start: var(--mr-border-width-sm) solid var(--ad-line); border-radius: 0 0 var(--ad-radius-row, var(--mr-radius-sm)) var(--ad-radius-row, var(--mr-radius-sm)); }
[data-mr="reference-picker.new"]::before {
    content: "";
    flex: none;
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
    background:
        linear-gradient(currentColor, currentColor) center / 100% var(--mr-border-width-md) no-repeat,
        linear-gradient(currentColor, currentColor) center / var(--mr-border-width-md) 100% no-repeat;
}
[data-mr="reference-picker.none"] { color: var(--ad-ink-quiet); }
@media (prefers-reduced-motion: reduce) {
    [data-mr="reference-picker.open"], [data-mr="reference-picker.change"], [data-mr="reference-picker.pick"],
    [data-mr="reference-picker.option"], [data-mr="reference-picker.new"], [data-mr="reference-picker.none"] { transition: none; }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="save-bar"] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    inline-size: 100%;
    min-block-size: calc(var(--mr-control-height) + 2 * var(--mr-pad-block) + var(--mr-border-width-md) + var(--mr-border-width-sm));
    padding-block: 0;
    padding-inline-start: var(--mr-pad-page);
    padding-inline-end: max(var(--mr-pad-page), env(safe-area-inset-right, 0px));
    background-color: var(--mr-fg);
    color: var(--mr-bg);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    animation: ad-save-bar-drop var(--mr-duration-fast) var(--mr-ease-standard);
}
}
@keyframes ad-save-bar-drop {
    from { transform: translateY(calc(var(--mr-gap-pair) * -1)); opacity: 0.4; }
}
@scope (:root) to ([data-mr-presentation]) {
[data-mr="save-bar.message"] {
    flex: 1 1 auto;
    min-inline-size: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--mr-weight-medium);
}
[data-mr="save-bar.keys"] {
    flex: none;
    padding-block: 0;
    padding-inline: var(--mr-gap-pair);
    border: var(--mr-border-width-sm) solid color-mix(in srgb, var(--mr-bg) 40%, transparent);
    border-radius: var(--ad-radius-row, var(--mr-radius-sm));
    color: inherit;
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-caption);
    line-height: var(--mr-leading-control);
    white-space: nowrap;
    opacity: 0.8;
}
[data-mr="save-bar.problems"] {
    flex: none;
    margin: 0;
    font-size: var(--ad-text);
    white-space: nowrap;
    opacity: 0.8;
}
[data-mr="save-bar.actions"] {
    flex: none;
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
}
[data-mr="save-bar.actions"] > [data-mr="button"]:not([data-mr-tone])[data-mr-variant="outline"]:not([aria-pressed="true"]) {
    background-color: transparent;
    border-color: color-mix(in srgb, var(--mr-bg) 40%, transparent);
    color: var(--mr-bg);
}
[data-mr="save-bar.actions"] > [data-mr="button"]:not([data-mr-tone])[data-mr-variant="outline"]:not([aria-pressed="true"]):hover {
    background-color: color-mix(in srgb, var(--mr-bg) 16%, transparent);
}
[data-mr="save-bar.actions"] > [data-mr="button"]:focus-visible { outline-color: var(--mr-bg); }
[data-mr="save-bar.actions"] > [data-mr="button"][data-mr]:disabled {
    background-color: color-mix(in srgb, var(--mr-bg) 18%, transparent);
    border-color: transparent;
    color: color-mix(in srgb, var(--mr-bg) 55%, transparent);
}
@media (max-width: 40rem) {
    [data-mr="save-bar.keys"] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    [data-mr="save-bar"] { animation: none; }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="sign-in"]:not([data-mr-tone]):not([data-mr-pending]),
[data-mr="sign-in.site"] {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}
[data-mr="sign-in"] {
    container: mr-sign-in / inline-size;
    display: grid;
    min-block-size: 100%;
    background: var(--ad-page);
    color: var(--ad-ink);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
}
[data-mr="sign-in.stage"] {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
}
[data-mr="sign-in.panel"] {
    flex: 1 1 auto;
    min-inline-size: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    row-gap: var(--mr-gap-section);
    padding: var(--mr-pad-block);
    background: var(--ad-panel);
}
[data-mr="sign-in.head"] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; column-gap: var(--mr-gap-inline); }
[data-mr="sign-in.provider"] { grid-column: 2; display: flex; align-items: center; justify-content: center; min-inline-size: 0; }
[data-mr="sign-in.locale"] { grid-column: 3; justify-self: end; display: flex; }
[data-mr="sign-in.provider"] [data-mr="brand.mark"] { block-size: auto; }
[data-mr="sign-in.body"] {
    align-self: center;
    justify-self: center;
    inline-size: min(100%, var(--mr-measure-narrow));
    display: grid;
    align-content: start;
    row-gap: var(--mr-gap-stack);
}
[data-mr="sign-in.context"] {
    justify-self: start;
    inline-size: fit-content;
    max-inline-size: 100%;
    margin: 0;
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius);
    background: var(--ad-well);
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    line-height: var(--mr-leading-base);
}
[data-mr="sign-in.context"] > p { margin: 0; }
[data-mr="sign-in.context"] > p > strong { color: var(--ad-ink); font-weight: var(--mr-weight-semibold); }
[data-mr="sign-in.title"] {
    margin: 0;
    font-family: var(--mr-font-heading);
    font-size: var(--mr-text-heading-2);
    font-weight: var(--mr-weight-semibold);
    line-height: var(--mr-leading-tight);
    letter-spacing: var(--mr-tracking-tight);
    color: var(--ad-ink);
    text-wrap: balance;
}
[data-mr="sign-in.lede"] { margin: 0; color: var(--ad-ink-quiet); line-height: var(--mr-leading-base); text-wrap: pretty; }
[data-mr="sign-in.form"] { display: grid; }
[data-mr="sign-in.recover"] { justify-self: start; }
[data-mr="sign-in.alt.link"] { justify-self: center; }
:is([data-mr="sign-in.recover"], [data-mr="sign-in.alt.link"]) {
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    transition: color var(--mr-duration-fast) var(--mr-ease-standard);
}
:is([data-mr="sign-in.recover"], [data-mr="sign-in.alt.link"]):hover { color: var(--ad-ink); }
[data-mr="sign-in.alt"] { display: grid; row-gap: var(--mr-gap-pair); }
[data-mr="sign-in.alt.label"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: var(--mr-gap-inline);
    margin: 0;
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
}
[data-mr="sign-in.alt.label"]::before,
[data-mr="sign-in.alt.label"]::after { content: ""; border-block-start: var(--mr-border-width-sm) solid var(--ad-line); }
[data-mr="sign-in.foot"] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: var(--mr-gap-pair) var(--mr-gap-inline);
    text-align: center;
    padding-block-start: var(--mr-gap-stack);
    border-block-start: var(--mr-border-width-sm) solid var(--ad-line-quiet);
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
}
[data-mr="sign-in.foot.note"] { flex: 1 0 100%; margin: 0; }
[data-mr="sign-in.foot.note"] > p { margin: 0; }
:is([data-mr="sign-in.foot.link"], [data-mr="sign-in.foot.note"] a) { color: var(--ad-ink-quiet); }
:is([data-mr="sign-in.foot.link"], [data-mr="sign-in.foot.note"] a):hover { color: var(--ad-ink); }
[data-mr="sign-in.site"] {
    flex: none;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: var(--mr-gap-inline);
    row-gap: 0;
    padding: var(--mr-pad-block);
    background: var(--mr-tone-subtle);
    color: var(--mr-fg);
    border-block-end: var(--mr-border-width-sm) solid var(--mr-tone);
}
[data-mr="sign-in.site.photo"] {
    grid-column: 1 / -1;
    display: block;
    inline-size: calc(100% + var(--mr-pad-block) * 2);
    max-inline-size: none;
    block-size: auto;
    aspect-ratio: 3 / 1;
    margin: calc(var(--mr-pad-block) * -1) calc(var(--mr-pad-block) * -1) var(--mr-gap-stack);
    object-fit: cover;
}
[data-mr="sign-in.site.mark"] {
    grid-column: 1;
    grid-row: span 4;
    display: inline-grid;
    place-items: center;
    inline-size: var(--mr-glyph-portrait);
    block-size: var(--mr-glyph-portrait);
    border: var(--mr-border-width-sm) solid var(--mr-tone);
    border-radius: var(--mr-radius-pill);
    background: var(--mr-bg);
    color: var(--mr-tone-emphasis);
    font-family: var(--mr-font-heading);
    font-size: var(--ad-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    overflow: hidden;
}
[data-mr="sign-in.site.mark"] > :is(svg, img) { inline-size: 100%; block-size: 100%; object-fit: cover; }
:is([data-mr="sign-in.site.name"], [data-mr="sign-in.site.date"], [data-mr="sign-in.site.welcome"], [data-mr="sign-in.site.domain"]) { grid-column: 2; margin: 0; min-inline-size: 0; }
[data-mr="sign-in.site"]:not(:has(> [data-mr="sign-in.site.mark"])) { grid-template-columns: minmax(0, 1fr); }
[data-mr="sign-in.site"]:not(:has(> [data-mr="sign-in.site.mark"])) > :is([data-mr="sign-in.site.name"], [data-mr="sign-in.site.date"], [data-mr="sign-in.site.welcome"], [data-mr="sign-in.site.domain"]) { grid-column: 1; }
[data-mr="sign-in.site.name"] {
    font-family: var(--mr-font-heading);
    font-size: var(--mr-text-title);
    font-weight: var(--mr-weight-semibold);
    line-height: var(--mr-leading-tight);
    color: var(--mr-fg);
    text-wrap: balance;
}
[data-mr="sign-in.site.date"] { font-size: var(--ad-text-meta); color: var(--mr-fg-muted); }
[data-mr="sign-in.site.welcome"] { display: none; font-family: var(--mr-font-heading); font-style: italic; color: var(--mr-fg-muted); line-height: var(--mr-leading-base); }
[data-mr="sign-in.site.domain"] { justify-self: start; font-family: var(--mr-font-mono); font-size: var(--ad-text-meta); color: var(--mr-tone-emphasis); text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
[data-mr="sign-in.site.domain"]:hover { color: var(--mr-fg); }
[data-mr="sign-in"][data-mr-layout="card"] { position: relative; isolation: isolate; }
@container mr-sign-in (min-width: 40rem) {

[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) > [data-mr="sign-in.stage"]:has(> [data-mr="sign-in.site"]) { flex-direction: row; }
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) > [data-mr="sign-in.stage"] > [data-mr="sign-in.site"] {
    flex: 5 1 0;
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    justify-items: start;
    row-gap: var(--mr-gap-pair);
    padding: var(--mr-pad-page);
    border-block-end: 0;
    border-inline-end: var(--mr-border-width-sm) solid var(--mr-tone);
}
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) > [data-mr="sign-in.stage"] > [data-mr="sign-in.panel"] { flex: 7 1 0; padding: var(--mr-pad-block) var(--mr-pad-page); }
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) > [data-mr="sign-in.stage"] > [data-mr="sign-in.site"] > * { grid-column: 1; grid-row: auto; }
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) > [data-mr="sign-in.stage"] > [data-mr="sign-in.site"]:has(> [data-mr="sign-in.site.photo"]) { grid-template-rows: minmax(0, 1fr); align-content: start; padding-block-start: 0; }
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) [data-mr="sign-in.site.photo"] {
    inline-size: calc(100% + var(--mr-pad-page) * 2);
    block-size: 100%;
    min-block-size: 0;
    aspect-ratio: auto;
    margin: 0 calc(var(--mr-pad-page) * -1);
    contain: size;
}
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) [data-mr="sign-in.site.mark"] {
    position: relative;
    inline-size: calc(var(--mr-glyph-portrait) * 1.6);
    block-size: calc(var(--mr-glyph-portrait) * 1.6);
    margin-block-end: var(--mr-gap-pair);
    font-size: var(--ad-text);
}
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) [data-mr="sign-in.site.photo"] + [data-mr="sign-in.site.mark"] {
    margin-block-start: calc(var(--mr-glyph-portrait) * -.8);
    border-width: var(--mr-border-width-md);
    border-color: var(--mr-bg);
    background: var(--mr-tone-subtle);
}
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) [data-mr="sign-in.site.photo"] + :not([data-mr="sign-in.site.mark"]) { margin-block-start: var(--mr-gap-section); }
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) [data-mr="sign-in.site.name"] { font-size: var(--mr-text-heading-2); }
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) [data-mr="sign-in.site.welcome"] { display: block; margin-block-start: var(--mr-gap-pair); }
[data-mr="sign-in"]:is([data-mr-layout="split"], :not([data-mr-layout])) [data-mr="sign-in.site.domain"] { margin-block-start: var(--mr-gap-stack); }

[data-mr="sign-in"][data-mr-layout="card"] > [data-mr="sign-in.stage"] {
    position: static;
    display: grid;
    grid-template-columns: minmax(0, 1fr) min(100%, calc(var(--mr-measure-narrow) + var(--mr-pad-block) * 2)) minmax(0, 1fr);
    align-content: center;
    padding: var(--mr-pad-page);
}
[data-mr="sign-in"][data-mr-layout="card"] > [data-mr="sign-in.stage"] > :is([data-mr="sign-in.site"], [data-mr="sign-in.panel"]) { grid-column: 2; }
[data-mr="sign-in"][data-mr-layout="card"] > [data-mr="sign-in.stage"] > [data-mr="sign-in.panel"] { position: relative; z-index: 1; }
[data-mr="sign-in"][data-mr-layout="card"] > [data-mr="sign-in.stage"] > [data-mr="sign-in.site"] {
    position: static;
    z-index: auto;
    border-start-start-radius: var(--ad-radius-card);
    border-start-end-radius: var(--ad-radius-card);
    box-shadow: inset 0 0 0 var(--mr-border-width-sm) var(--ad-line);
}
[data-mr="sign-in"][data-mr-layout="card"] [data-mr="sign-in.site.photo"] {
    position: absolute;
    inset: 0;
    z-index: -1;
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: auto;
    margin: 0;
}
[data-mr="sign-in"][data-mr-layout="card"] [data-mr="sign-in.site.welcome"] { display: block; }
[data-mr="sign-in"][data-mr-layout="card"] > [data-mr="sign-in.stage"] > [data-mr="sign-in.panel"] {
    flex: none;
    grid-template-rows: auto auto auto;
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-end-start-radius: var(--ad-radius-card);
    border-end-end-radius: var(--ad-radius-card);
}
[data-mr="sign-in"][data-mr-layout="card"] [data-mr="sign-in.body"] { align-self: start; }

[data-mr="sign-in"][data-mr-layout="column"] [data-mr="sign-in.site.photo"] { aspect-ratio: 5 / 1; }
[data-mr="sign-in"][data-mr-layout="column"] > [data-mr="sign-in.stage"] > [data-mr="sign-in.site"] { padding-inline: var(--mr-pad-page); }

[data-mr="sign-in.stage"]:not(:has(> [data-mr="sign-in.site"])) { align-items: center; justify-content: center; padding: var(--mr-pad-page); }
[data-mr="sign-in.stage"]:not(:has(> [data-mr="sign-in.site"])) > [data-mr="sign-in.panel"] {
    flex: none;
    inline-size: min(100%, calc(var(--mr-measure-narrow) + var(--mr-pad-block) * 2));
    grid-template-rows: auto auto auto;
    border: var(--mr-border-width-sm) solid var(--ad-line);
    border-radius: var(--ad-radius-card);
}
}
@media (prefers-reduced-motion: reduce) {
    :is([data-mr="sign-in.recover"], [data-mr="sign-in.alt.link"]) { transition: none; }
}
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="skeleton"] {
    display: block;
    inline-size: var(--mr-given-inline-size, 100%);
    block-size: var(--mr-given-block-size, calc(var(--ad-text) * var(--mr-leading-control)));
    border-radius: var(--ad-radius-row);
    background-color: var(--mr-bg-sunken);
    animation: ad-skeleton-pulse calc(var(--mr-duration-slow, 320ms) * 5) ease-in-out infinite;
}
[data-mr="skeleton"][data-mr-shape="rect"] {
    block-size: var(--mr-given-block-size, var(--mr-measure-band));
    border-radius: var(--ad-radius);
}
[data-mr="skeleton"][data-mr-shape="circle"] {
    inline-size: var(--mr-given-inline-size, var(--mr-glyph-portrait));
    block-size: var(--mr-given-block-size, var(--mr-glyph-portrait));
    border-radius: 50%;
}
}
@keyframes ad-skeleton-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.55; }
}
@scope (:root) to ([data-mr-presentation]) {
@media (prefers-reduced-motion: reduce) { [data-mr="skeleton"] { animation: none; } }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="table.viewport"] {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: var(--ad-text);
    color: var(--ad-ink);
}
:is([data-mr="table.heading"], [data-mr="table.caption"]) {
    color: var(--ad-ink-quiet);
    font-size: var(--ad-text-meta);
    font-weight: var(--ad-state-weight);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
[data-mr="table.actions.item"] {
    min-block-size: var(--ad-row-action);
    block-size: auto;
    line-height: var(--mr-leading-tight);
    border-radius: var(--ad-radius);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    cursor: pointer;

    white-space: nowrap;
}
input[data-mr="table.select"] {
    inline-size: 0.95em;
    block-size: 0.95em;
    min-block-size: 0;
    margin: 0;
    accent-color: var(--mr-tone-emphasis);
}
[data-mr="table.row"] {
    min-block-size: var(--mr-row-height);
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard),
                color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="table.row"]:not([aria-disabled="true"],
    [data-mr-disabled="true"]):hover {
    background-color: var(--ad-hover-bg);
}
[data-mr="table.row"]:is([aria-current], [aria-current="page"],
    [aria-current="true"], [aria-current="step"], :has(> input:checked)) {
    background-color: var(--ad-select-bg);
    color: var(--ad-select-ink);
    font-weight: var(--ad-state-weight);
}
[data-mr="table.cell"][data-mr-align="end"] {
    font-family: var(--ad-font-data);
    font-variant-numeric: tabular-nums;
}
[data-mr="table.viewport"] { overflow: auto; }
[data-mr="table"] { inline-size: 100%; border-collapse: collapse; font-size: var(--ad-text); }
[data-mr="table.caption"] { caption-side: top; text-align: start; padding: var(--mr-pad-cell) var(--mr-pad-cell); font-size: var(--ad-text-meta); }
[data-mr="table.head"] { position: sticky; inset-block-start: 0; z-index: 1; background-color: var(--ad-panel); }
[data-mr="table.heading"] { text-align: start; padding: var(--mr-pad-cell) var(--mr-pad-cell); border-block-end: var(--mr-border-width-sm) solid var(--ad-line); white-space: nowrap; }
[data-mr="table.heading"][data-mr-align="end"] { text-align: end; }
[data-mr="table.heading"][data-mr-align="start"] { text-align: start; }
[data-mr="table.heading"][data-mr-align="center"] { text-align: center; }
[data-mr="table.body"] [data-mr="table.row"] { border-block-end: var(--mr-border-width-sm) solid var(--ad-line-quiet); }
[data-mr="table.cell"], [data-mr="table.rowheading"] { padding: var(--mr-pad-cell) var(--mr-pad-cell); vertical-align: middle; }
[data-mr="table.cell"][data-mr-align="end"] { text-align: end; }
[data-mr="table.cell"][data-mr-align="start"] { text-align: start; }
[data-mr="table.cell"][data-mr-align="center"] { text-align: center; }
[data-mr="table.rowheading"] { text-align: start; font-weight: var(--mr-weight-medium); }
[data-mr="table.select"] { inline-size: var(--mr-glyph-mark); padding-inline: var(--mr-pad-cell); accent-color: var(--mr-tone); }
[data-mr="table.actions"] { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--mr-gap-inline); justify-content: end; }
[data-mr="table.cell"]:has(> [data-mr="table.actions"]) { inline-size: 1%; white-space: nowrap; }
[data-mr="table.viewport"] { min-inline-size: 0; }
[data-mr="table.actions.item"] {
    display: inline-grid;
    place-items: center;
    min-inline-size: var(--mr-control-height);
    text-decoration: none;
    font-weight: var(--mr-weight-regular);
}
[data-mr="table.actions.item"] { padding: 0 var(--mr-pad-cell); background-color: var(--ad-well); border: var(--mr-border-width-sm) solid var(--ad-line); color: var(--ad-ink-quiet); transition: color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard); }
[data-mr="table.actions.item"]:not(:disabled, [aria-disabled="true"]):hover { background-color: var(--ad-select-bg); border-color: var(--ad-line-state); color: var(--ad-select-ink); }
[data-mr="table.actions.item"][data-mr-emphasis="subtle"] { background-color: transparent; border-color: transparent; }
[data-mr="table.actions.item"]:is(:disabled, [aria-disabled="true"]) { background-color: var(--ad-well); border-color: var(--ad-line-quiet); color: var(--mr-spent-ink, var(--mr-fg-subtle)); cursor: not-allowed; }
[data-mr="table.foot"] { border-block-start: var(--mr-border-width-sm) solid var(--ad-line); font-weight: var(--ad-state-weight); }
[data-mr="table.foot"] [data-mr="table.cell"] { font-variant-numeric: tabular-nums; }
[data-mr="table.row"][data-mr-variant="empty"] [data-mr="table.cell"] { color: var(--ad-ink-quiet); text-align: center; padding: var(--mr-pad-page) var(--mr-pad-cell); }
[data-mr="table.body"] [data-mr="table.row"][data-mr-tone]:not([data-mr-tone="neutral"]) {
    background-color: var(--mr-tone-subtle);
}
[data-mr="table.row"][data-mr-tone]:not([data-mr-tone="neutral"]) [data-mr="table.rowheading"] {
    color: var(--mr-tone-emphasis);
}
:is([data-mr="table.heading"], [data-mr="table.caption"]) { letter-spacing: 0.06em; }
[data-mr="table.head"] { background-color: var(--ad-panel); }
[data-mr="table.heading"] { border-block-end-color: var(--ad-line); padding-block: var(--mr-pad-cell); }
[data-mr="table.body"] [data-mr="table.row"] { border-block-end-color: var(--ad-line-quiet); }
[data-mr="table.row"]:is([aria-current], [aria-current="page"], [aria-current="true"], [aria-current="step"]) { box-shadow: inset var(--mr-border-width-md) 0 0 var(--ad-select-bar); }
[data-mr="table.row"]:has(> [data-mr="table.cell"] > input[data-mr="table.select"]:checked) { background-color: transparent; font-weight: inherit; }
input[data-mr="table.select"] { inline-size: 1em; block-size: 1em; accent-color: var(--ad-accent); }
[data-mr="table.actions.item"] { background-color: transparent; border-color: transparent; color: var(--ad-ink-quiet); min-block-size: var(--ad-row-action); }
[data-mr="table.actions.item"]:not(:disabled, [aria-disabled="true"]):hover { background-color: var(--ad-hover-bg); border-color: transparent; color: var(--ad-ink); }
[data-mr="table.cell"][data-mr-align="end"] { font-variant-numeric: tabular-nums; }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="tabs.tab"] {
    min-block-size: var(--mr-row-height);
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard),
                color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="tabs.tab"]:not([aria-disabled="true"],
    [data-mr-disabled="true"]):hover {
    background-color: var(--ad-hover-bg);
}
[data-mr="tabs.tab"]:is([aria-current], [aria-current="page"],
    [aria-current="true"], [aria-current="step"], :has(> input:checked)) {
    background-color: var(--ad-select-bg);
    color: var(--ad-select-ink);
    font-weight: var(--ad-state-weight);
}
a[data-mr][href][data-mr="tabs.tab"] {
    text-decoration: none;
}
[data-mr="tabs"] { display: grid; gap: var(--mr-gap-stack); }
[data-mr="tabs.list"] { display: flex; gap: var(--mr-pad-cell); border-block-end: var(--mr-border-width-sm) solid var(--ad-line); }
[data-mr="tabs.tab"] {

    min-block-size: var(--mr-row-height);

    display: inline-flex;
    align-items: center;
    text-decoration: none;
    padding: var(--mr-pad-cell) calc(var(--mr-pad-cell) + var(--mr-gap-pair));
    background: none;
    border: var(--mr-border-width-sm) solid transparent;
    border-inline-start-width: 0;
    color: var(--ad-ink-quiet);
    font-weight: var(--mr-weight-medium);
}
[data-mr="tabs"] [data-mr="tabs.tab"] { border-radius: 0; margin-block-end: calc(-1 * var(--mr-border-width-sm)); }
[data-mr="tabs"] [data-mr="tabs.tab"][aria-current] { background-color: transparent; border-block-end-color: var(--mr-tone-emphasis); color: var(--ad-select-ink); font-weight: var(--ad-state-weight); }
[data-mr="tabs"][data-mr-variant="boxed"] [data-mr="tabs.list"] { gap: 0; }
[data-mr="tabs"][data-mr-variant="boxed"] [data-mr="tabs.tab"] { border-color: transparent; border-radius: var(--ad-radius) var(--ad-radius) 0 0; }
[data-mr="tabs"][data-mr-variant="boxed"] [data-mr="tabs.tab"][aria-current] { border-color: var(--ad-line); border-block-end-color: transparent; background-color: var(--ad-panel); color: var(--ad-ink); }
[data-mr="tabs"][data-mr-orientation="vertical"] { grid-template-columns: minmax(var(--mr-measure-tile), auto) minmax(0, 1fr); }
[data-mr="tabs"][data-mr-orientation="vertical"] [data-mr="tabs.list"] { flex-direction: column; border-block-end: 0; border-inline-end: var(--mr-border-width-sm) solid var(--ad-line); }
[data-mr="tabs.panel"] { min-inline-size: 0; }
[data-mr="tabs"] [data-mr="tabs.tab"][aria-current][aria-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); background-color: transparent; border-block-end-color: var(--mr-spent-line, var(--mr-border-subtle)); }
[data-mr="tabs"][data-mr-variant="boxed"] [data-mr="tabs.tab"][aria-current][aria-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); background-color: transparent; border-color: var(--mr-spent-line, var(--mr-border-subtle)); border-block-end-color: transparent; }
[data-mr="tabs.list"] { gap: var(--mr-gap-pair); border-block-end-color: var(--ad-line); }
[data-mr="tabs.tab"] { padding: var(--mr-pad-cell) var(--mr-pad-cell); border-block-end-width: var(--mr-border-width-md); color: var(--ad-ink-quiet); }
[data-mr="tabs.tab"]:not([aria-disabled="true"], [data-mr-disabled="true"]):hover { background-color: transparent; color: var(--ad-ink); }
[data-mr="tabs"] [data-mr="tabs.tab"][aria-current] { border-block-end-color: var(--ad-accent); color: var(--ad-ink); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="toast"] {
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    max-inline-size: var(--mr-measure-narrow);
    padding-block: var(--mr-gap-inline);
    padding-inline: var(--mr-pad-cell) var(--mr-gap-inline);
    border: 0;
    border-radius: var(--ad-radius);
    background-color: var(--mr-fg);
    color: var(--mr-bg);
    box-shadow: var(--mr-shadow-lg);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    line-height: var(--mr-leading-control);
    animation: ad-toast-rise var(--mr-duration-base) var(--mr-ease-standard);
}
[data-mr="toast"][data-mr-variant="solid"] { background-color: var(--mr-tone); color: var(--mr-on-tone); }
[data-mr="toast.icon"] { flex: none; display: inline-grid; place-items: center; inline-size: var(--mr-glyph-mark); block-size: var(--mr-glyph-mark); color: var(--mr-tone); }
[data-mr="toast.icon"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="toast"][data-mr-tone="neutral"] [data-mr="toast.icon"],
[data-mr="toast"][data-mr-variant="solid"] [data-mr="toast.icon"] { color: inherit; }
[data-mr="toast.title"] { margin: 0; font-weight: var(--ad-state-weight); }
[data-mr="toast.body"] { font-size: var(--ad-text); }
[data-mr="toast.body"] > * { margin: 0; }
[data-mr="toast.actions"] { display: flex; flex-wrap: wrap; gap: var(--mr-gap-inline); margin-block-start: var(--mr-gap-pair); }
[data-mr="toast.actions.item"] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--mr-target-min);
    padding-inline: var(--mr-gap-inline) calc(var(--mr-gap-inline) + var(--mr-gap-pair));
    border: 0;
    border-radius: var(--ad-radius-row);
    background-color: color-mix(in srgb, currentColor 22%, transparent);
    color: inherit;
    font-weight: var(--mr-weight-medium);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}
[data-mr="toast.actions.item"]:hover { background-color: color-mix(in srgb, currentColor 32%, transparent); }
[data-mr="toast.dismiss"] {
    flex: none;
    display: inline-grid;
    place-items: center;
    min-inline-size: var(--mr-target-min);
    min-block-size: var(--mr-target-min);
    margin-inline-start: auto;
    padding: 0;
    border: 0;
    border-radius: var(--ad-radius-row);
    background: none;
    color: inherit;
    cursor: pointer;
}
[data-mr="toast.dismiss"]:hover { background-color: color-mix(in srgb, currentColor 22%, transparent); }
[data-mr="toast.dismiss"] > [data-pv-placeholder] { display: none; }
[data-mr="toast.dismiss"]:not(:has(:not([data-pv-placeholder])))::before,
[data-mr="toast.dismiss"]:not(:has(:not([data-pv-placeholder])))::after {
    content: "";
    grid-area: 1 / 1;
    inline-size: var(--ad-mark-cross);
    block-size: var(--mr-border-width-sm);
    background-color: currentColor;
}
[data-mr="toast.dismiss"]:not(:has(:not([data-pv-placeholder])))::before { rotate: 45deg; }
[data-mr="toast.dismiss"]:not(:has(:not([data-pv-placeholder])))::after { rotate: -45deg; }
[data-mr="toast.dismiss"]:focus-visible,
[data-mr="toast.actions.item"]:focus-visible { outline: var(--mr-border-width-md) solid currentColor; outline-offset: var(--mr-border-width-sm); }
}
@keyframes ad-toast-rise { from { opacity: 0; transform: translateY(var(--mr-gap-inline)); } to { opacity: 1; transform: none; } }
@scope (:root) to ([data-mr-presentation]) {
@media (prefers-reduced-motion: reduce) { [data-mr="toast"] { animation: none; } }
button[data-mr="toast.actions.item"] { font-family: inherit; font-size: inherit; line-height: inherit; }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="token-editor.canvas"] {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-section);
        padding: var(--mr-pad-block);
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius-card);
        background: var(--ad-panel);
        color: var(--ad-ink);
        font-family: var(--mr-font-body);
    }
[data-mr="token-editor.list"] { display: flex; flex-direction: column; }
[data-mr="token-editor.row"] {
        display: grid;
        grid-template-columns:
            var(--mr-glyph-portrait)
            minmax(0, 1.2fr)
            minmax(0, .8fr)
            minmax(0, 1fr)
            auto auto;
        align-items: center;
        gap: var(--mr-gap-inline);
        min-block-size: var(--mr-row-height);
        padding-block: 0;
        padding-inline: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid transparent;
        border-radius: var(--ad-radius);
        background: none;
        color: var(--ad-ink);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: var(--mr-leading-control);
        text-align: start;
        cursor: pointer;
    }
[data-mr="token-editor.row"]:hover { border-color: var(--ad-line); background: var(--ad-hover-bg); }
[data-mr="token-editor.row"][aria-current="true"] {
        border-color: var(--ad-line-state);
        background: var(--ad-select-bg);
    }
[data-mr="token-editor"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-stack);
        min-inline-size: 0;
        padding: var(--mr-pad-block);
        color: var(--ad-ink);
        font-family: var(--mr-font-body);
        font-size: var(--ad-text);
        line-height: var(--mr-leading-control);
    }
[data-mr="token-editor.row.swatch"] {
        display: grid;
        place-items: center;
        background: var(--mr-given-ground, transparent);
        block-size: var(--ad-row-part);
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius);
        color: var(--ad-ink-quiet);

        font-size: var(--ad-text-meta);
    }
[data-mr="token-editor.row.name"] { color: var(--ad-ink); overflow: hidden; text-overflow: ellipsis; }
[data-mr="token-editor.row.value"],
    [data-mr="token-editor.row.company"],
    [data-mr="token-editor.row.used"] { color: var(--ad-ink-quiet); }
[data-mr="token-editor.row.used"] { text-align: end; }
[data-mr="token-editor.row.changed"] {
        padding-inline: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-tone-emphasis);
        border-radius: var(--ad-radius);
        color: var(--mr-tone-emphasis);
    }
[data-mr="token-editor.derive"] {
        align-self: flex-start;
        min-block-size: var(--mr-target-min);
        padding-block: 0;
        padding-inline: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius);
        background: none;
        color: var(--ad-ink);
        font-family: var(--mr-font-body);
        font-size: var(--ad-text-meta);
        line-height: var(--mr-leading-control);
        cursor: pointer;
    }
[data-mr="token-editor.derive"]:hover { border-color: var(--ad-line-state); background: var(--ad-hover-bg); }
[data-mr="token-editor.measures"] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--mr-measure-band), 1fr));
        gap: var(--mr-gap-inline);
    }
[data-mr="token-editor.measure"] {
        display: flex;
        align-items: baseline;
        gap: var(--mr-gap-pair);
        min-block-size: var(--mr-row-height);
        padding-block: 0;
        padding-inline: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-tone-emphasis);
        border-radius: var(--ad-radius);
        color: var(--mr-tone-emphasis);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: var(--mr-leading-control);
    }
[data-mr="token-editor.measure.ratio"] { font-weight: var(--ad-state-weight); }
[data-mr="token-editor.measure.on"] { color: var(--ad-ink-quiet); }
[data-mr="token-editor.ramp"] { display: flex; flex-direction: column; }
[data-mr="token-editor.ramp.step"] {
        display: grid;
        grid-template-columns: minmax(0, var(--mr-measure-band)) minmax(0, 1fr) auto auto;
        align-items: center;
        gap: var(--mr-gap-pair);
        min-block-size: var(--mr-row-height);
        padding-block: 0;
        padding-inline: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid transparent;
        border-radius: var(--ad-radius);
        background: none;
        color: var(--ad-ink);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: var(--mr-leading-control);
        text-align: start;
        cursor: pointer;
    }
[data-mr="token-editor.ramp.step"]:hover { background: var(--ad-hover-bg); }
[data-mr="token-editor.ramp.step"][aria-current="true"] { border-color: var(--ad-line-state); background: var(--ad-select-bg); }
[data-mr="token-editor.ramp.bar"] {
        grid-column: 1;
        inline-size: calc(var(--mr-given-level, 100) * 1%);
        block-size: var(--mr-glyph-chevron);
        border-radius: var(--ad-radius);
        background: var(--ad-ink-spent);
    }
[data-mr="token-editor.ramp.name"] { color: var(--ad-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-mr="token-editor.ramp.value"] { color: var(--ad-ink-quiet); }
[data-mr="token-editor.ramp.gap"] { color: var(--mr-tone-emphasis); }
[data-mr="token-editor.swatches"] { display: flex; flex-wrap: wrap; gap: var(--mr-gap-inline); }
[data-mr="token-editor.swatch"] {
        inline-size: var(--mr-glyph-portrait);
        block-size: var(--mr-glyph-portrait);
        padding: 0;
        background: var(--mr-given-ground, transparent);
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius);
        cursor: pointer;
    }
[data-mr="token-editor.swatch"]:hover { border-color: var(--ad-ink); }
[data-mr="token-editor.presets"] { display: flex; flex-wrap: wrap; gap: var(--mr-gap-inline); }
[data-mr="token-editor.preset"] {
        display: inline-flex;
        align-items: center;
        gap: var(--mr-gap-pair);
        min-block-size: var(--mr-target-min);
        padding-block: 0;
        padding-inline: var(--mr-gap-run) var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius);
        background: none;
        color: var(--ad-ink);
        font: inherit;
        cursor: pointer;
    }
[data-mr="token-editor.preset"]:hover { border-color: var(--ad-ink); }
[data-mr="token-editor.preset"][aria-pressed="true"] {
        outline: var(--mr-border-width-md) solid var(--ad-line-state);
        outline-offset: var(--mr-focus-offset);
    }
[data-mr="token-editor.preset.ground"] {
        flex: none;
        inline-size: var(--mr-glyph-figure);
        block-size: var(--mr-glyph-figure);
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius);
        background: var(--mr-given-ground, transparent);
    }
[data-mr="token-editor.preset.name"] { white-space: nowrap; }
[data-mr="token-editor.swatch"][aria-pressed="true"] {
        outline: var(--mr-border-width-md, 2px) solid var(--ad-line-state);
        outline-offset: var(--mr-focus-offset);
    }
[data-mr="token-editor.used"] { display: flex; flex-wrap: wrap; gap: var(--mr-gap-inline); }
[data-mr="token-editor.used.item"] {
        padding-inline: var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--ad-line);
        border-radius: var(--ad-radius);
        color: var(--ad-ink-quiet);
        font-family: var(--ad-font-data);
        font-size: var(--ad-text-meta);
        line-height: var(--mr-leading-control);
    }
[data-mr="token-editor.specimen"] {
        display: flex;
        flex-direction: column;
        gap: var(--mr-gap-section);
        padding: var(--mr-pad-block);
        border: var(--mr-border-width-sm) dashed var(--ad-line);
        border-radius: var(--ad-radius);
    }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="tree"] {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: var(--ad-text);
    color: var(--ad-ink);
}
[data-mr="tree.item.actions.item"] {
    min-block-size: var(--ad-row-action);
    block-size: auto;
    line-height: var(--mr-leading-tight);
    border-radius: var(--ad-radius);
    font-family: var(--mr-font-body);
    font-size: var(--ad-text);
    cursor: pointer;

    white-space: nowrap;
}
[data-mr="tree.item.toggle"] {
    min-block-size: 0;
    block-size: var(--ad-row-part);
    display: inline-grid;
    place-items: center;
}
[data-mr="tree.item.row"] {
    min-block-size: var(--mr-row-height);
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard),
                color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="tree.item.row"]:not([aria-disabled="true"],
    [data-mr-disabled="true"]):hover {
    background-color: var(--ad-hover-bg);
}
[data-mr="tree.item.row"]:is([aria-current], [aria-current="page"],
    [aria-current="true"], [aria-current="step"], :has(> input:checked)) {
    background-color: var(--ad-select-bg);
    color: var(--ad-select-ink);
    font-weight: var(--ad-state-weight);
}
[data-mr="tree.item.toggle"] {
    display: inline-grid;
    place-items: center;
    min-inline-size: var(--ad-row-part);
}
[data-mr="tree.item.toggle"] > [data-pv-placeholder] {
    display: none;
}
[data-mr="tree.item.toggle"]:not(:has(:not([data-pv-placeholder])))::before {
    content: "";
    grid-area: 1 / 1;
    inline-size: var(--ad-mark);
    block-size: var(--ad-mark);
    border-inline-end: var(--mr-border-width-sm) solid currentColor;
    border-block-end: var(--mr-border-width-sm) solid currentColor;
    rotate: -45deg;
    transition: rotate var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="tree.item"][data-mr-expanded="true"] > [data-mr="tree.item.row"] > [data-mr="tree.item.toggle"]:not(:has(:not([data-pv-placeholder])))::before,
[data-mr="tree.item.toggle"][aria-expanded="true"]:not(:has(:not([data-pv-placeholder])))::before {
    rotate: 45deg;
}
@media (prefers-reduced-motion: reduce) {
    [data-mr="tree.item.toggle"]:not(:has(:not([data-pv-placeholder])))::before {
            transition: none;
        }
}
:is([data-mr="tree.item.count"])[data-mr] {
    font-family: var(--ad-font-data);
    font-variant-numeric: tabular-nums;
}
a[data-mr][href][data-mr="tree.item.toggle"] {
    text-decoration: none;
}
[data-mr="tree"] { padding: 0; display: grid; gap: var(--mr-gap-run); --mr-tree-gutter: 1.25em; }
[data-mr="tree.item"] { display: grid; }
[data-mr="tree.item.row"] {
    display: grid;
    grid-template-columns: [toggle] auto [icon] auto [label] minmax(0, 1fr) [count] auto [actions] auto;
    align-items: center;
    align-content: center;
    padding: var(--mr-pad-cell) var(--mr-pad-cell);

    border-radius: var(--ad-radius-row);
    cursor: pointer;
}
[data-mr="tree.item.toggle"] { display: inline-grid; place-items: center; inline-size: 1.25em; background: none; border: 0; color: var(--ad-ink-quiet); cursor: pointer; }
[data-mr="tree.item"][data-mr-expanded="true"] > [data-mr="tree.item.row"] > [data-mr="tree.item.toggle"] { color: var(--ad-ink); }
[data-mr="tree.item"][data-mr-expanded="false"] > [data-mr="tree.item.children"] { display: none; }
[data-mr="tree.item.icon"] { display: inline-grid; place-items: center; inline-size: 1.1em; color: var(--ad-ink-quiet); }
[data-mr="tree.item.label"] { min-inline-size: 0; overflow-wrap: anywhere; }
[data-mr="tree.item.count"] { font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="tree.item.actions"] { display: flex; gap: var(--mr-gap-inline); }
[data-mr="tree.item.toggle"] { grid-column: toggle; align-self: center; margin-inline-end: var(--mr-gap-inline); }
[data-mr="tree.item.icon"] { grid-column: icon; align-self: center; margin-inline-end: var(--mr-gap-inline); }
[data-mr="tree.item.label"] { grid-column: label; }
[data-mr="tree.item.count"] { grid-column: count; margin-inline-start: var(--mr-gap-inline); }
[data-mr="tree.item.actions"] { grid-column: actions; margin-inline-start: var(--mr-gap-inline); align-self: center; align-items: center; }
[data-mr="tree.item.actions.item"] { min-inline-size: var(--mr-control-height); padding-inline: var(--mr-pad-cell); display: inline-grid; place-items: center; background-color: var(--ad-well); border: var(--mr-border-width-sm) solid var(--ad-line); color: var(--ad-ink-quiet); transition: color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard); }
[data-mr="tree.item.actions.item"]:hover { background-color: var(--ad-select-bg); border-color: var(--ad-line-state); color: var(--ad-select-ink); }
[data-mr="tree.item.children"] {
    display: grid;
    gap: var(--mr-gap-run);
    padding-inline-start: var(--mr-indent-step);
}
[data-mr="tree.item.row"][aria-current][aria-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); background-color: transparent; }
[data-mr="tree"], [data-mr="tree.item.children"] { gap: 0; }
[data-mr="tree.item.row"] { padding: var(--mr-gap-pair) var(--mr-pad-cell); }
[data-mr="tree.item.row"]:is([aria-current], [aria-current="page"], [aria-current="true"], [aria-current="step"]) {
    background-color: var(--ad-select-bg);
    color: var(--ad-ink);
    box-shadow: inset var(--mr-border-width-md) 0 0 var(--ad-select-bar);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}
[data-mr="tree.item.label"] { overflow-wrap: break-word; }
[data-mr="tree.item.actions.item"] { background-color: transparent; border-color: transparent; color: var(--ad-ink-quiet); min-block-size: var(--ad-row-action); }
[data-mr="tree.item.actions.item"]:hover { background-color: var(--ad-hover-bg); border-color: transparent; color: var(--ad-ink); }
[data-mr="tree.item.children"] { margin-inline-start: var(--mr-pad-cell); border-inline-start: var(--mr-border-width-sm) solid var(--ad-line-quiet); }
a[data-mr="tree.item.label"] { color: inherit; text-decoration: none; }
a[data-mr="tree.item.label"]:hover { text-decoration: underline; text-underline-offset: 0.15em; }
[data-mr="tree.item.row"][data-mr-state="draft"] {
    background-color: transparent;
    border: var(--mr-border-width-sm) dashed var(--ad-line-strong);
    color: var(--ad-ink-quiet);
}
[data-mr="tree.item.row"][data-mr-state="draft"]:hover { background-color: transparent; }
[data-mr="tree.item.row"][data-mr-state="draft"] [data-mr="tree.item.label"] { color: var(--ad-ink-quiet); font-style: italic; }
[data-mr="tree.item.row"] {
    grid-template-columns: [toggle] auto [icon] auto [label] minmax(8rem, 1fr) [actions] minmax(0, auto);
}
[data-mr="tree.item.toggle"], [data-mr="tree.item.icon"], [data-mr="tree.item.actions"] { grid-row: 1 / span 2; }
[data-mr="tree.item.label"] { grid-row: 1; }
[data-mr="tree.item.count"] { grid-column: label; grid-row: 2; margin-inline-start: 0; }
[data-mr="tree.item.actions"] { min-inline-size: 0; justify-self: end; }
[data-mr="tree.item.actions.item"] { min-inline-size: min(var(--mr-control-height), 100%); }
}
}
@layer components {
@scope (:root) to ([data-mr-presentation]) {
[data-mr="site"] {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        min-block-size: 0;
        background: var(--ad-page);
        color: var(--ad-ink);
        font-family: var(--mr-font-body);
        font-size: var(--ad-text);
        line-height: var(--mr-leading-control);
    }
[data-mr="admin"] > [data-mr="site"] { flex: 1 1 100%; min-inline-size: 0; }
[data-mr="site"] > [data-mr="admin.stage"] { min-inline-size: 0; }
[data-mr="site"] > [data-mr="admin.panel"][data-mr-side="inline-start"]:has([data-mr="tree"]) { --ad-panel-measure: var(--ad-measure-tree); }
[data-mr="site"] > [data-mr="admin.panel"][data-mr-open="false"] { display: none; }
@container mr-admin (min-inline-size: 60rem) {
        [data-mr="admin"] > [data-mr="site"] { flex-wrap: nowrap; }
    }
[data-mr="site"] > [data-mr="admin.panel"] > [data-mr="nav-menu"] { min-inline-size: 0; }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.stage.body"] { max-inline-size: var(--mr-measure-wide); }
[data-mr="site"] > [data-mr="admin.panel"] > [data-mr="nav-menu"] > [data-mr="nav-menu.group"] { margin-block-end: 0; }
[data-mr="site"] > [data-mr="admin.panel"] > [data-mr="nav-menu"] > [data-mr="nav-menu.group"] + [data-mr="nav-menu.group"] {
        margin-block-start: 0;
        padding-block-start: var(--mr-gap-run);
        border-block-start: var(--mr-border-width-sm) solid var(--ad-line-quiet);
    }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child {
        flex-wrap: wrap;
        background: var(--ad-panel);
        border-block-end: var(--mr-border-width-sm) solid var(--ad-line);
    }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="admin.toolbar.label"] {
        flex: 1 1 0%;
        min-inline-size: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--ad-ink);
        font-size: var(--ad-text);
        font-weight: var(--ad-state-weight);
    }
[data-mr="site"] [data-mr="form.group"] + [data-mr="form.group"] { margin-block-start: var(--mr-gap-stack); }
[data-mr="site"] [data-mr="field.options"] { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: var(--mr-gap-stack); row-gap: var(--mr-gap-run); }
[data-mr="site"] [data-mr="table.viewport"] { min-inline-size: 0; }
[data-mr="site"] [data-mr="table"] code { font-family: var(--mr-font-mono); font-size: var(--ad-text-meta); overflow-wrap: anywhere; }
[data-mr="site"] [data-mr="table.rowheading"] { vertical-align: top; font-weight: var(--ad-state-weight); }
[data-mr="site"] [data-mr="table.cell"]:last-child { color: var(--ad-ink-quiet); font-size: var(--ad-text-meta); }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="field"] { display: flex; flex-direction: row; align-items: center; gap: 0; min-inline-size: 0; margin: 0; }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="field"] > [data-mr="field.affix"] { flex: none; padding-inline-end: var(--mr-gap-run); font-family: var(--ad-font-data); font-size: var(--ad-text-meta); color: var(--ad-ink-quiet); }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="field"] > [data-mr="field.control"] { flex: 1 1 auto; min-inline-size: 0; min-block-size: var(--ad-row-action); font-family: var(--ad-font-data); font-size: var(--ad-text-meta); }
[data-mr="site"] [data-mr="form.group"] > [data-mr="form.note"] { margin: 0; }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child {
        gap: var(--mr-gap-pair);
        align-items: center;
        padding-block: var(--mr-pad-cell);
    }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="button"] {
        min-block-size: var(--mr-target-min);
        padding-block: 0;
        padding-inline: var(--mr-pad-cell);
        font-size: var(--ad-text-meta);
    }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="button"][data-mr-variant="solid"] {
        margin-inline-start: var(--mr-gap-pair);
        padding-inline: var(--mr-pad-inline);
    }
[data-mr="site"] [data-mr="table.viewport"] { overflow: visible; max-block-size: none; block-size: auto; border: 0; }
[data-mr="site"] [data-mr="table"] { inline-size: 100%; }
[data-mr="site"] [data-mr="table.heading"],
    [data-mr="site"] [data-mr="table.cell"],
    [data-mr="site"] [data-mr="table.rowheading"] { padding-block: var(--mr-gap-run); padding-inline: var(--mr-pad-cell); }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="field"] > [data-mr="field.control"] {
        min-block-size: 0;
        padding-block: var(--mr-gap-run);
        padding-inline: var(--mr-pad-cell);
    }
[data-mr="site"] [data-mr="form.hints"] { min-block-size: var(--mr-target-min); white-space: nowrap; }
[data-mr="site"] [data-mr="field"][data-mr-variant="choice"] + [data-mr="field"][data-mr-variant="choice"] { margin-block-start: calc(var(--mr-gap-pair) * -1); }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="field"] {
        flex: 0 1 var(--mr-measure-band);
        min-inline-size: 0;
        margin: 0;
    }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="field"] > [data-mr="field.control"] {
        inline-size: 100%;
        min-block-size: var(--mr-target-min);
        font-size: var(--ad-text-meta);
    }
@container mr-admin (max-inline-size: 47.999rem) {
        [data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="field"] { flex: 1 1 var(--mr-measure-band); }
        [data-mr="site"] [data-mr="form.fields"] { grid-template-columns: minmax(0, 1fr); column-gap: 0; }
        [data-mr="site"] [data-mr="form.fields"][data-mr="form.fields"] > * { grid-column: 1 / -1; }
        [data-mr="site"] [data-mr="table.viewport"] { overflow-x: auto; max-inline-size: 100%; }
        [data-mr="site"] [data-mr="table"] { inline-size: max-content; min-inline-size: 100%; }
        [data-mr="site"] :is([data-mr="table.heading"], [data-mr="table.cell"]) { white-space: normal; }
    }
[data-mr="site"] { background: var(--ad-page); }
[data-mr="site"] > [data-mr="admin.panel"] > [data-mr="nav-menu"] > [data-mr="nav-menu.group"] + [data-mr="nav-menu.group"] { padding-block-start: var(--mr-pad-cell); margin-block-start: var(--mr-pad-cell); border-block-start-color: var(--ad-line-quiet); }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child { flex-wrap: wrap; row-gap: var(--mr-gap-pair); background: var(--ad-panel); }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="admin.toolbar.label"] { flex: 0 1 auto; margin-inline-end: auto; }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="button"] {
    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-cell);
    font-size: var(--ad-text);
}
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="button"]:not([data-mr-variant="solid"]):not([data-mr-emphasis="strong"]):not([data-mr-tone]) {
    background-color: transparent;
    border-color: transparent;
    color: var(--ad-ink);
    text-decoration: none;
}
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="button"]:not([data-mr-variant="solid"]):not([data-mr-emphasis="strong"]):not([data-mr-tone]):hover { background-color: var(--ad-hover-bg); }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="button"][data-mr-variant="solid"] { padding-inline: var(--mr-pad-inline); }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="field"] { flex: 1 1 var(--mr-glyph-figure); min-inline-size: var(--mr-glyph-figure); max-inline-size: var(--mr-measure-tile); }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.toolbar"]:first-child > [data-mr="field"] > [data-mr="field.control"] { min-block-size: 0; block-size: var(--mr-control-height); font-size: var(--ad-text); }
[data-mr="site"] [data-mr="table.viewport"] { overflow-x: auto; overflow-y: hidden; padding-block-end: var(--mr-pad-cell); }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="button"] { white-space: normal; text-align: center; padding-inline: var(--mr-pad-cell); }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="field"] > [data-mr="field.control"] { padding-inline: var(--mr-gap-pair); }
[data-mr="site"] [data-mr="table"] code { color: var(--ad-ink); overflow-wrap: anywhere; word-break: break-word; }
[data-mr="site"] [data-mr="table.heading"] { white-space: normal; }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="field"] > [data-mr="field.control"] { min-inline-size: 0; }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="field"] > [data-mr="field.control"] { inline-size: auto; max-inline-size: 100%; }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="badge"] { display: flex; inline-size: fit-content; margin-inline-start: 0; margin-block-start: var(--mr-gap-pair); }
[data-mr="site"] > [data-mr="admin.stage"] > [data-mr="admin.stage.body"] { box-sizing: content-box; }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="field"] > [data-mr="field.control"] { block-size: var(--ad-row-action); font-family: var(--ad-font-data); font-size: var(--ad-text-meta); border-radius: var(--ad-radius); }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="field"] > [data-mr="field.affix"] { font-family: var(--mr-font-mono); }
[data-mr="site"] [data-mr="table.cell"] > [data-mr="icon-button"] { vertical-align: middle; }
[data-mr="site"] [data-mr="table.cell"][colspan] { color: var(--ad-ink-quiet); font-size: var(--ad-text-meta); }
[data-mr="site"] [data-mr="form.hints"] { min-block-size: calc(var(--mr-control-height) - var(--mr-gap-inline)); }
}
}