.c365-take-photo {
    position: relative;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: clamp(.28rem, 1.1cqh, .48rem);
    height: 100%;
    min-width: 0;
    min-height: 0;
    color: var(--c365-text-primary, #e8f4fa);
}

.c365-take-photo::after {
    content: "Drop photos to add them";
    position: absolute;
    inset: 0;
    z-index: 10;
    display: grid;
    place-items: center;
    padding: .65rem;
    border: 2px dashed rgba(72, 208, 226, .9);
    border-radius: .7rem;
    color: #e8f8fc;
    background: rgba(7, 19, 27, .94);
    box-shadow: inset 0 0 2rem rgba(72, 208, 226, .12);
    font-size: .78rem;
    font-weight: 750;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .14s ease;
}

.c365-take-photo.is-dragover::after { opacity: 1; }

.c365-take-photo__capture-row {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(.45rem, 1.8cqw, .8rem);
    min-width: 0;
    min-height: 0;
}

.c365-take-photo__icon {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid #00c9e8;
    border-radius: 50%;
    background: rgba(0, 201, 232, .1);
    box-shadow: inset 0 0 1rem rgba(0, 201, 232, .08);
}

.c365-take-photo__icon svg { width: 1.35rem; fill: #00c9e8; }

.c365-take-photo__capture-copy {
    display: grid;
    grid-template-areas: "headline" "detail";
    grid-template-rows: auto minmax(0, 1fr);
    align-content: center;
    gap: .12rem;
    min-width: 0;
    min-height: 0;
}

.c365-take-photo__summary,
.c365-take-photo__status {
    grid-area: headline;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: clamp(.72rem, 2.05cqw, .88rem);
    font-weight: 650;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-take-photo__summary { color: var(--c365-text-primary, #e8f4fa); }
.c365-take-photo__status { color: #9fc0cf; }
.c365-take-photo__status:empty { display: none; }
.c365-take-photo__status.is-error { color: #ff827d; }
.c365-take-photo__capture-copy:has(.c365-take-photo__status:not(:empty)) .c365-take-photo__summary { visibility: hidden; }

.c365-take-photo__count {
    align-self: center;
    color: #b8d1dc;
    font-size: clamp(.72rem, 1.8cqw, .86rem);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    white-space: nowrap;
}

.c365-take-photo__previews {
    grid-area: detail;
    display: flex;
    align-items: center;
    gap: .25rem;
    min-width: 0;
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

.c365-take-photo__previews[hidden] { display: none; }
.c365-take-photo__previews::-webkit-scrollbar { display: none; }

.c365-take-photo__preview {
    position: relative;
    flex: 0 0 1.65rem;
    width: 1.65rem;
    height: 1.65rem;
    overflow: hidden;
    border: 1px solid rgba(0, 201, 232, .42);
    border-radius: .36rem;
    background: #07131b;
}

.c365-take-photo__preview img { width: 100%; height: 100%; object-fit: cover; }

.c365-take-photo__remove {
    position: absolute;
    top: 0;
    right: 0;
    display: grid;
    place-items: center;
    width: .9rem;
    height: .9rem;
    padding: 0;
    border: 0;
    border-radius: 0 0 0 .3rem;
    color: #fff;
    background: rgba(7, 19, 27, .9);
    font-size: .72rem;
    line-height: 1;
}

.c365-take-photo__progress {
    grid-area: detail;
    display: grid;
    align-self: center;
    gap: .16rem;
    min-width: 0;
}

.c365-take-photo__progress[hidden] { display: none; }

.c365-take-photo__progress-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-width: 0;
    color: #9fc0cf;
    font-size: .62rem;
    font-weight: 650;
    line-height: 1;
}

.c365-take-photo__progress-heading span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-take-photo__progress-heading [data-photo-progress-value] { color: #48cee2; font-variant-numeric: tabular-nums; }
.c365-take-photo__progress-track { position: relative; display: block; height: .24rem; overflow: hidden; border-radius: 999px; background: rgba(72, 208, 226, .13); }
.c365-take-photo__progress-bar { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #238ddd 0%, #48cee2 100%); box-shadow: 0 0 .65rem rgba(72, 208, 226, .38); transition: width .18s ease; }
.c365-take-photo__progress.is-indeterminate .c365-take-photo__progress-bar { width: 38%; animation: c365-photo-progress 1.15s ease-in-out infinite; }
.c365-take-photo__capture-copy:has(.c365-take-photo__progress:not([hidden])) .c365-take-photo__previews,
.c365-take-photo__capture-copy:has(.c365-take-photo__progress:not([hidden])) .c365-take-photo__result { visibility: hidden; }
@keyframes c365-photo-progress { from { transform: translateX(-115%); } to { transform: translateX(305%); } }

.c365-take-photo__result {
    grid-area: detail;
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    overflow: hidden;
    color: #cde6ef;
    font-size: .64rem;
    line-height: 1.1;
}

.c365-take-photo__result[hidden] { display: none; }
.c365-take-photo__result strong { flex: 0 0 auto; color: #7ddcec; font-size: inherit; }
.c365-take-photo__result dl { display: flex; align-items: center; gap: .25rem; min-width: 0; margin: 0; overflow-x: auto; scrollbar-width: none; }
.c365-take-photo__result dl::-webkit-scrollbar { display: none; }
.c365-take-photo__result dt { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.c365-take-photo__result dd { flex: 0 0 auto; margin: 0; padding: .12rem .3rem; border-radius: 999px; color: #ecfbff; background: rgba(0, 201, 232, .09); font-weight: 700; white-space: nowrap; }
.c365-take-photo__capture-copy:has(.c365-take-photo__result:not([hidden])) .c365-take-photo__previews { display: none; }

.c365-take-photo__actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: clamp(.3rem, 1.2cqw, .5rem);
    min-width: 0;
}

.c365-take-photo__actions:has(> [data-photo-camera-action][hidden]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[data-photo-camera-action][hidden] {
    display: none !important;
}

.c365-take-photo__actions .c365-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 2rem;
    min-height: 2rem;
    max-height: 2rem;
    margin: 0;
    padding: .35rem .48rem;
    overflow: hidden;
    border: 1px solid rgba(72, 208, 226, .55);
    border-radius: .58rem;
    color: #e8f8fc;
    background: rgba(7, 19, 27, .82);
    font: inherit;
    font-size: clamp(.64rem, 1.75cqw, .76rem);
    font-weight: 720;
    line-height: 1.05;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.c365-take-photo__actions .c365-button--primary { color: #04141c; border-color: #48cee2; background: #48cee2; }
.c365-take-photo__actions .c365-button--process:not(:disabled) { border-color: rgba(72, 160, 222, .78); background: linear-gradient(135deg, rgba(25, 111, 174, .94), rgba(22, 75, 96, .94)); }
.c365-take-photo__actions .c365-button:hover,
.c365-take-photo__actions .c365-button:focus-visible { border-color: #48cee2; box-shadow: 0 0 0 2px rgba(72, 208, 226, .18); outline: 0; }
.c365-take-photo__actions .c365-button:has(input:disabled),
.c365-take-photo__actions .c365-button:disabled { opacity: .42; cursor: not-allowed; filter: saturate(.55); }

.c365-macros-photo {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: clamp(.45rem, 1.1cqh, .7rem);
    height: 100%;
    min-height: 0;
    overflow: hidden;
    container-type: inline-size;
}

.c365-macros-photo__toolbar {
    display: grid;
    grid-template-columns: repeat(5, 44px);
    align-items: stretch;
    justify-content: start;
    gap: clamp(.35rem, 1.15cqw, .6rem);
    min-width: 0;
}

.c365-macros-photo__toolbar:has(> [data-photo-camera-action][hidden]) {
    grid-template-columns: repeat(4, 44px);
}

.c365-macros-photo__toolbar .c365-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    min-width: 44px;
    padding: 0;
    color: var(--c365-board-text, #d8d3e2);
    border: 1px solid var(--c365-board-border, rgba(72, 119, 170, .42));
    border-radius: var(--c365-board-control-radius, 11px);
    background: rgba(6, 6, 24, .72);
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.c365-macros-photo__toolbar .c365-button:hover,
.c365-macros-photo__toolbar .c365-button:focus-visible {
    color: #fff;
    border-color: var(--c365-board-border-strong, rgba(133, 111, 232, .5));
    background: rgba(88, 48, 180, .16);
    box-shadow: 0 0 0 2px rgba(72, 119, 170, .12);
    outline: 0;
}

.c365-macros-photo__toolbar .c365-button:has(input:disabled),
.c365-macros-photo__toolbar .c365-button:disabled {
    cursor: not-allowed;
    filter: saturate(.55);
    opacity: .42;
}

.c365-macros-photo__toolbar .c365-button svg {
    flex: 0 0 auto;
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.c365-macros-photo__totals {
    min-width: 0;
    padding: clamp(.05rem, .3cqh, .2rem) 0;
}

.c365-macros-photo__totals dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 0;
}

.c365-macros-photo__total {
    display: block;
    min-width: 0;
    padding: clamp(.2rem, .55cqh, .4rem) clamp(.35rem, 1.25cqw, .75rem);
    text-align: left;
}

.c365-macros-photo__total dt {
    color: #aaa4d1;
    overflow: hidden;
    font-size: clamp(.56rem, 1.25cqw, .7rem);
    font-weight: 650;
    letter-spacing: .02em;
    text-transform: uppercase;
}
.c365-macros-photo__total dd {
    display: flex;
    align-items: baseline;
    gap: .22rem;
    margin: .15rem 0 0;
    color: #f7f4fb;
    font-size: clamp(.7rem, 1.45cqw, .84rem);
    font-variant-numeric: tabular-nums;
}
.c365-macros-photo__total dd strong { font-size: clamp(1.15rem, 3.2cqw, 1.75rem); font-weight: 800; line-height: 1; }
.c365-macros-photo__total dd span { color: #aaa4d1; }

.c365-macros-photo__total--calories strong { color: #ff7653; }
.c365-macros-photo__total--protein strong { color: #b994ff; }
.c365-macros-photo__total--carbs strong { color: #48bfe9; }
.c365-macros-photo__total--fat strong { color: #f0d65a; }

.c365-macros-photo__batch {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: .25rem;
    scrollbar-color: rgba(72, 160, 222, .75) rgba(72, 160, 222, .12);
    scrollbar-width: thin;
}

.c365-macros-photo__empty { margin: .7rem 0; color: #aaa6c2; font-size: clamp(.72rem, 1.7cqw, .9rem); }
.c365-macros-photo__previews {
    grid-area: auto;
    margin: -.2rem 0 .1rem;
}
.c365-macros-photo__previews .c365-take-photo__preview { flex-basis: 2.45rem; width: 2.45rem; height: 2.45rem; }
.c365-macros-photo__items { display: grid; gap: clamp(.5rem, 1.3cqh, .8rem); }

.c365-macros-photo__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(.35rem, 1cqw, .6rem);
    padding: clamp(.42rem, 1cqh, .65rem) clamp(.45rem, 1.2cqw, .7rem);
    border: 1px solid rgba(72, 119, 170, .46);
    border-radius: .68rem;
    background: rgba(11, 10, 39, .42);
}

.c365-macros-photo__item-heading {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.c365-macros-photo__item-heading > strong {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #f5f2fa;
    font-size: clamp(.7rem, 1.55cqw, .88rem);
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-macros-photo__item-heading > time {
    display: block;
    color: #aaa6c2;
    font-size: clamp(.6rem, 1.3cqw, .72rem);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.c365-macros-photo__item p {
    margin: .2rem 0 0;
    color: #c1bdd2;
    font-size: clamp(.64rem, 1.55cqw, .8rem);
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
}

.c365-macros-photo__item-nutrition {
    display: flex;
    align-items: baseline;
    gap: clamp(.3rem, 1cqw, .55rem);
    margin-top: .28rem;
    font-size: clamp(.68rem, 1.65cqw, .84rem);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.c365-macros-photo__item-macro { font-weight: 700; }
.c365-macros-photo__item-macro--calories { color: #ff7653; }
.c365-macros-photo__item-macro--protein { color: #b994ff; }
.c365-macros-photo__item-macro--carbs { color: #48bfe9; }
.c365-macros-photo__item-macro--fat { color: #f0d65a; }
.c365-macros-photo__item-actions { display: flex; gap: .28rem; }
.c365-macros-photo__item-action {
    display: grid;
    place-items: center;
    width: clamp(1.85rem, 4.5cqw, 2.2rem);
    height: clamp(1.85rem, 4.5cqw, 2.2rem);
    padding: 0;
    color: #f2f8fc;
    border: 1px solid rgba(72, 119, 170, .56);
    border-radius: .62rem;
    background: rgba(9, 29, 55, .82);
    cursor: pointer;
}
.c365-macros-photo__item-action svg { width: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.c365-macros-photo__item-action:hover,
.c365-macros-photo__item-action:focus-visible {
    border-color: #48cee2;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(72, 208, 226, .16);
}
.c365-macros-photo__remove-item:hover, .c365-macros-photo__remove-item:focus-visible { color: #ff7a7f; border-color: rgba(255, 122, 127, .75); }

.c365-macros-photo__progress { grid-area: auto; }
.c365-macros-photo__status { grid-area: auto; min-height: .9rem; white-space: normal; }

@container (max-width: 620px) {
    .c365-macros-photo__toolbar {
        grid-template-columns: repeat(5, 44px);
        gap: .32rem;
    }
    .c365-macros-photo__toolbar:has(> [data-photo-camera-action][hidden]) { grid-template-columns: repeat(4, 44px); }
    .c365-macros-photo__item { grid-template-columns: minmax(0, 1fr) auto; }
    .c365-macros-photo__item-actions { grid-column: 2; grid-row: 1; }
}

@container (max-width: 420px) {
    .c365-macros-photo__toolbar,
    .c365-macros-photo__toolbar:has(> [data-photo-camera-action][hidden]) { gap: .26rem; }
    .c365-macros-photo__toolbar { grid-template-columns: repeat(5, 42px); }
    .c365-macros-photo__toolbar:has(> [data-photo-camera-action][hidden]) { grid-template-columns: repeat(4, 42px); }
    .c365-macros-photo__toolbar .c365-button { width: 42px; min-width: 42px; height: 42px; }
    .c365-macros-photo__total { padding-inline: .28rem; }
    .c365-macros-photo__item-nutrition { white-space: normal; }
}

@container (max-width: 360px) {
    .c365-take-photo__capture-row { grid-template-columns: 2.6rem minmax(0, 1fr) auto; gap: .34rem; }
    .c365-take-photo__icon { width: 2.6rem; height: 2.6rem; }
    .c365-take-photo__icon svg { width: 1.15rem; }
    .c365-take-photo__actions { gap: .24rem; }
    .c365-take-photo__actions .c365-button { padding-inline: .24rem; font-size: .58rem; }
}

/* Input Macros uses a stable table-like list; only the item rows scroll. */
.c365-macros-photo__batch {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-right: 0;
}

.c365-macros-photo__batch-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: .15rem 0 .55rem;
    border-bottom: 1px solid rgba(72, 119, 170, .42);
}

.c365-macros-photo__batch-heading h3 {
    margin: 0;
    color: #f5f2fa;
    font-size: clamp(.9rem, 2cqw, 1.15rem);
}

.c365-macros-photo__batch-heading span {
    color: #aaa4d1;
    font-size: clamp(.7rem, 1.5cqw, .86rem);
}

.c365-macros-photo__list-heading,
.c365-macros-photo__item {
    display: grid;
    grid-template-columns: minmax(10rem, 2.4fr) repeat(4, minmax(3rem, .62fr)) minmax(4.2rem, .78fr);
    align-items: center;
    column-gap: clamp(.45rem, 1.2cqw, .8rem);
}

.c365-macros-photo__list-heading {
    padding: .55rem .15rem .4rem;
    color: #aaa4d1;
    font-size: clamp(.56rem, 1.2cqw, .68rem);
    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.c365-macros-photo__items {
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: rgba(72, 160, 222, .75) rgba(72, 160, 222, .12);
    scrollbar-width: thin;
}

.c365-macros-photo__item {
    padding: clamp(.55rem, 1.2cqh, .78rem) .15rem;
    border: 0;
    border-bottom: 1px solid rgba(72, 119, 170, .36);
    border-radius: 0;
    background: transparent;
}

.c365-macros-photo__item-copy {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.c365-macros-photo__item-copy strong {
    overflow: hidden;
    color: #f5f2fa;
    font-size: clamp(.7rem, 1.55cqw, .88rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c365-macros-photo__item-copy time {
    color: #aaa6c2;
    font-size: clamp(.6rem, 1.3cqw, .72rem);
    font-variant-numeric: tabular-nums;
}

.c365-macros-photo__item-macro {
    font-size: clamp(.7rem, 1.6cqw, .88rem);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.c365-macros-photo__item-actions { justify-content: flex-end; }

.c365-macros-edit {
    box-sizing: border-box;
    width: min(38rem, calc(100vw - 2rem));
    max-height: min(50rem, calc(100vh - 2rem));
    padding: 0;
    overflow: hidden;
    color: #f5f2fa;
    border: 1px solid rgba(107, 92, 224, .78);
    border-radius: 1rem;
    background: linear-gradient(155deg, #10142f, #090c22);
    box-shadow: 0 1.2rem 4rem rgba(0, 0, 0, .58), 0 0 2rem rgba(91, 63, 210, .12);
}

.c365-macros-edit::backdrop { background: rgba(2, 6, 20, .78); backdrop-filter: blur(5px); }
.c365-macros-edit form { display: flex; flex-direction: column; max-height: inherit; }
.c365-macros-edit header,
.c365-macros-edit footer { display: flex; align-items: center; padding: 1rem 1.25rem; }
.c365-macros-edit header { justify-content: space-between; border-bottom: 1px solid rgba(72, 119, 170, .35); }
.c365-macros-edit header h2 { margin: 0; font-size: 1.3rem; }
.c365-macros-edit header button {
    padding: .15rem .4rem;
    color: #c7c2d8;
    border: 0;
    background: transparent;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}
.c365-macros-edit__body { display: grid; gap: 1rem; padding: 1.2rem 1.25rem; overflow-y: auto; }
.c365-macros-edit label { display: grid; gap: .35rem; color: #aaa4d1; font-size: .78rem; font-weight: 650; text-transform: uppercase; }
.c365-macros-edit input {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 3rem;
    padding: 0 .75rem;
    color: #f6f4fb;
    border: 1px solid rgba(99, 117, 203, .72);
    border-radius: .65rem;
    background: rgba(16, 25, 61, .9);
    font: inherit;
    font-size: 1rem;
    text-transform: none;
}
.c365-macros-edit input:focus { border-color: #48cee2; outline: 2px solid rgba(72, 206, 226, .18); }
.c365-macros-edit__macros { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.c365-macros-edit__macros label > span { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border: 1px solid currentColor; border-radius: .65rem; overflow: hidden; }
.c365-macros-edit__macros input { border: 0; border-radius: 0; }
.c365-macros-edit__macros small { min-width: 2.8rem; padding: 0 .65rem; color: #aaa4d1; font-size: .85rem; text-align: right; text-transform: none; }
.c365-macros-edit__macros .is-calories { color: #ff7653; }
.c365-macros-edit__macros .is-protein { color: #b994ff; }
.c365-macros-edit__macros .is-carbs { color: #48bfe9; }
.c365-macros-edit__macros .is-fat { color: #f0d65a; }
.c365-macros-edit__reanalyse {
    min-height: 3rem;
    color: #f2f8fc;
    border: 1px solid rgba(99, 117, 203, .72);
    border-radius: .65rem;
    background: rgba(16, 25, 61, .72);
    font: inherit;
    cursor: pointer;
}
.c365-macros-edit__body > p { margin: -.35rem 0 0; color: #aaa4d1; font-size: .75rem; }
.c365-macros-edit__body > .c365-macros-edit__error { min-height: 1rem; margin: 0; color: #ff8b91; }
.c365-macros-edit footer { justify-content: flex-end; gap: .7rem; border-top: 1px solid rgba(72, 119, 170, .35); }
.c365-macros-edit footer .c365-button {
    min-height: 2.8rem;
    padding: 0 1.25rem;
    color: #f5f2fa;
    border: 1px solid rgba(99, 117, 203, .72);
    border-radius: .7rem;
    background: rgba(16, 25, 61, .86);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.c365-macros-edit footer .c365-button--primary { border-color: #8a63ff; background: #7046e8; }
.c365-macros-edit footer .c365-button:hover,
.c365-macros-edit footer .c365-button:focus-visible { border-color: #48cee2; outline: 2px solid rgba(72, 206, 226, .18); }

@container (max-width: 620px) {
    .c365-macros-photo__list-heading { display: none; }
    .c365-macros-photo__item {
        grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
        row-gap: .5rem;
    }
    .c365-macros-photo__item-copy { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
    .c365-macros-edit__macros { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .c365-take-photo::after { transition: none; }
    .c365-take-photo__progress-bar { transition: none; }
    .c365-take-photo__progress.is-indeterminate .c365-take-photo__progress-bar { width: 100%; animation: none; opacity: .58; }
}