.dg-workspace {
  --dl-surface: var(--dl-bg-card, var(--dg-bg-card));
  --dl-surface-muted: var(--dl-bg-body, var(--dg-bg-main));
  --dl-page: var(--dl-bg-body, var(--dg-bg-main));
  --dl-text: var(--dl-text-main, var(--dg-text-main));
  --dl-text-muted: var(--dl-text-subtle, var(--dg-text-subtle));
  --dg-workspace-max: 96rem;
  --dg-workspace-bg: var(--dl-bg-card, var(--dg-bg-card, #fff));
  --dg-workspace-muted: var(--dl-bg-body, var(--dg-bg-main, #f5f6f7));
  --dg-workspace-text: var(--dl-text-main, var(--dg-text-main, #4b4f54));
  --dg-workspace-subtle: var(--dl-text-subtle, var(--dg-text-subtle, #777c82));
  --dg-workspace-border: var(--dl-border, var(--dg-border, #dde1e5));
  --dg-workspace-border-strong: var(--dl-border-strong, var(--dg-border-strong, #c3c9d0));
  display: block;
  width: min(100%, var(--dg-workspace-max));
  margin-inline: auto;
  padding: 0;
  color: var(--dg-workspace-text);
}
.dg-workspace *, .dg-workspace *::before, .dg-workspace *::after { box-sizing: border-box; }
.dg-workspace h1, .dg-workspace h2, .dg-workspace h3, .dg-workspace p, .dg-workspace dl, .dg-workspace dd { margin: 0; }
.dg-workspace h1 { font-size: clamp(1.65rem, 3vw, 2.45rem); font-weight: 600; line-height: 1.12; letter-spacing: -.035em; }
.dg-workspace h2 { font-size: clamp(1.05rem, 1.4vw, 1.3rem); font-weight: 600; letter-spacing: -.02em; }
.dg-eyebrow { margin-bottom: .35rem !important; color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .72rem; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.dg-workspace__header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--dl-gap-lg, 1.5rem); margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.dg-workspace__intro { max-width: 48rem; margin-top: .55rem !important; color: var(--dl-text-muted, var(--dg-text-subtle)); }
.dg-workspace__header-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.dg-workspace .dg-btn { white-space: nowrap; box-shadow: none; }
.dg-workspace .dg-btn i, .dg-workspace .dg-icon-button i { vertical-align: top; }
.dg-workspace input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.dg-workspace select,
.dg-workspace textarea { border-radius: var(--dg-radius-sm) !important; }

.dg-workspace__insights { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(19rem, .75fr); gap: 0; margin-bottom: clamp(1.75rem, 3vw, 2.5rem); overflow: clip; border: var(--dg-border-width) solid var(--dg-workspace-border); border-radius: var(--dg-radius-sm); background: var(--dg-workspace-bg); }
.dg-workspace__insights.is-without-categories { grid-template-columns: 1fr; }
.dg-workspace__insights.is-without-categories .dg-insight--primary { grid-column: 1; }
.dg-insight { min-width: 0; border: 0; border-radius: 0; background: transparent; padding: clamp(1rem, 1.8vw, 1.4rem); box-shadow: none; }
.dg-insight--primary { grid-column: 1; grid-row: 1; }
.dg-insight--distribution { grid-column: 2; grid-row: 1; border-inline-start: var(--dg-border-width) solid var(--dg-workspace-border); }
.dg-analytics-controls { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: 1rem; }
.dg-analytics-tabs, .dg-period-tabs { display: inline-flex; min-width: 0; gap: .2rem; padding: .2rem; border: var(--dg-border-width) solid var(--dg-workspace-border); border-radius: var(--dg-radius-sm); background: var(--dg-workspace-muted); }
.dg-analytics-tabs button, .dg-period-tabs button { display: inline-flex; min-height: 1.9rem; align-items: center; justify-content: center; gap: .35rem; padding: .3rem .55rem; border: 0; border-radius: var(--dg-radius-sm); background: transparent; color: var(--dg-workspace-subtle); font: inherit; font-size: .68rem; cursor: pointer; box-shadow: none; }
.dg-analytics-tabs button.is-active, .dg-period-tabs button.is-active { background: var(--dg-workspace-bg); color: var(--dg-workspace-text); }
.dg-analytics-tabs button:focus-visible, .dg-period-tabs button:focus-visible { outline: 2px solid var(--dg-workspace-border-strong); outline-offset: 1px; }
.dg-insight__head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.dg-insight__head span, .dg-insight--distribution > span { color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.dg-insight__value { text-align: end; }
.dg-insight__value strong { display: block; font-size: clamp(1.55rem, 3vw, 2.35rem); font-weight: 500; line-height: 1; letter-spacing: -.05em; }
.dg-insight__value small { display: block; margin-top: .35rem; color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .68rem; }
.dg-sparkline { position: relative; margin-top: 1.5rem; }
.dg-activity-scroll { overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--dg-workspace-border-strong) transparent; }
.dg-activity-grid { display: grid; grid-template-columns: repeat(15, minmax(0, 1fr)); gap: .35rem; }
.dg-activity-matrix { display: grid; min-width: 36rem; gap: .22rem; }
.dg-activity-months, .dg-activity-year { display: grid; grid-template-columns: 2.6rem repeat(12, minmax(1.1rem, 1fr)); align-items: center; gap: .22rem; }
.dg-activity-months span { overflow: hidden; color: var(--dg-workspace-subtle); font-size: .56rem; text-align: center; text-overflow: clip; text-transform: uppercase; }
.dg-activity-year strong { color: var(--dg-workspace-subtle); font-size: .62rem; font-weight: 500; }
.dg-activity-year button { width: 100%; height: .7rem; aspect-ratio: auto; border-radius: 2px; }
.dg-activity-year button:disabled { border-color: transparent; background: transparent; cursor: default; }
.dg-activity-grid button { aspect-ratio: 1.65; min-width: 0; padding: 0; border: var(--dg-border-width) solid color-mix(in srgb, var(--dg-workspace-subtle) calc(var(--dg-intensity) * 45%), var(--dg-workspace-border)); border-radius: var(--dg-radius-sm); background: color-mix(in srgb, var(--dg-workspace-text) calc(var(--dg-intensity) * 82%), var(--dg-workspace-muted)); cursor: crosshair; transition: border-color .15s ease, filter .15s ease; }
.dg-activity-year button { min-width: 0; padding: 0; border: var(--dg-border-width) solid color-mix(in srgb, var(--dg-workspace-subtle) calc(var(--dg-intensity) * 45%), var(--dg-workspace-border)); background: color-mix(in srgb, var(--dg-workspace-text) calc(var(--dg-intensity) * 82%), var(--dg-workspace-muted)); cursor: crosshair; transition: border-color .15s ease, filter .15s ease; }
.dg-activity-grid button:hover, .dg-activity-grid button:focus-visible { border-color: var(--dg-workspace-text); filter: contrast(1.12); outline: none; }
.dg-activity-year button:not(:disabled):hover, .dg-activity-year button:not(:disabled):focus-visible { border-color: var(--dg-workspace-text); filter: contrast(1.12); outline: none; }
.dg-activity-legend { display: flex; align-items: center; justify-content: flex-end; gap: .25rem; margin-top: .55rem; color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .62rem; }
.dg-activity-legend span:first-child::before { content: "0"; }
.dg-activity-legend span:last-child::before { content: "max"; }
.dg-activity-legend i { width: .75rem; height: .4rem; border-radius: 1px; background: var(--dl-text, var(--dg-text-main)); opacity: calc(var(--dg-step) * .2); }
.dg-activity-legend i:nth-of-type(1) { --dg-step: 1; }.dg-activity-legend i:nth-of-type(2) { --dg-step: 2; }.dg-activity-legend i:nth-of-type(3) { --dg-step: 3; }.dg-activity-legend i:nth-of-type(4) { --dg-step: 4; }
.dg-chart-tooltip { position: absolute; z-index: 2; bottom: calc(100% + .3rem); padding: .35rem .5rem; border: var(--dg-border-width) solid var(--dg-workspace-border); border-radius: var(--dg-radius-sm); background: var(--dg-workspace-bg); color: var(--dg-workspace-text); font-size: .68rem; white-space: nowrap; transform: translateX(-50%); }
.dg-sparkline__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .45rem; color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .65rem; }
.dg-sparkline__footer p { white-space: nowrap; }
.dg-sparkline__axis { display: flex; flex: 1; justify-content: space-between; }
.dg-activity-summary { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 1rem !important; border-top: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); }
.dg-activity-summary > div { padding: .75rem .75rem 0; border-inline-start: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); }
.dg-activity-summary > div:first-child { padding-inline-start: 0; border-inline-start: 0; }
.dg-activity-summary dt { color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .78rem; font-weight: 400; letter-spacing: .055em; line-height: 1.3; text-transform: uppercase; }
.dg-activity-summary dd { margin-top: .35rem !important; font-size: 1.35rem; font-weight: 500; line-height: 1; }
.dg-insight-grid { display: grid; grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); }
.dg-insight-grid:has(.dg-insight--metric:nth-child(5)) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.dg-insight--metric { display: grid; min-height: 8rem; grid-template-columns: minmax(0, 1fr) minmax(5rem, .8fr); grid-template-rows: auto 1fr auto; align-items: end; gap: .45rem 1rem; }
.dg-insight--metric + .dg-insight--metric { border-inline-start: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); }
.dg-insight-metric__head { display: block; }
.dg-insight--metric strong { display: block; grid-column: 1; font-size: clamp(1.25rem, 2vw, 1.65rem); font-weight: 600; line-height: 1; }
.dg-insight--metric span { min-width: 0; color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .78rem; font-weight: 400; letter-spacing: .055em; line-height: 1.3; text-transform: uppercase; }
.dg-insight--metric small { grid-column: 1 / -1; color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .65rem; }
.dg-mini-chart { grid-column: 2; grid-row: 1 / 3; height: 3.5rem; }
.dg-mini-chart svg { display: block; width: 100%; height: 100%; overflow: visible; }
.dg-mini-chart rect { fill: color-mix(in srgb, var(--dl-text-muted, var(--dg-text-subtle)) 38%, transparent); }
.dg-mini-chart rect:last-child { fill: var(--dl-text-muted, var(--dg-text-subtle)); }
.dg-activity-grid button, .dg-activity-year button, .dg-mini-chart rect, .dg-distribution b { animation: dg-data-reveal .28s ease-out both; }
.dg-activity-grid button:nth-child(3n), .dg-activity-year button:nth-child(3n), .dg-mini-chart rect:nth-child(3n) { animation-delay: .025s; }
@keyframes dg-data-reveal { from { opacity: .35; filter: contrast(.86); } to { opacity: 1; filter: contrast(1); } }
@media (prefers-reduced-motion: reduce) { .dg-activity-grid button, .dg-activity-year button, .dg-mini-chart rect, .dg-distribution b { animation: none; } }
.dg-distribution { display: grid; gap: .85rem; margin-top: 1.1rem; }
.dg-distribution__item { display: grid; grid-template-columns: 1.45rem minmax(0, 1fr) auto; align-items: center; gap: .6rem; font-size: .75rem; }
.dg-distribution__rank { align-self: start; padding-top: .05rem; color: var(--dg-workspace-subtle); font-size: .6rem; font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.dg-distribution__content { display: grid; min-width: 0; gap: .35rem; }
.dg-distribution__meta { display: flex; min-width: 0; align-items: baseline; justify-content: space-between; gap: .5rem; }
.dg-distribution__meta > span { overflow: hidden; color: var(--dg-workspace-text); line-height: 1.25; text-overflow: ellipsis; }
.dg-distribution__meta em { color: var(--dg-workspace-subtle); font-size: .62rem; font-style: normal; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dg-distribution i { height: 2px; background: var(--dl-border, var(--dg-border)); overflow: hidden; }
.dg-distribution b { display: block; width: var(--dg-value); height: 100%; background: var(--dl-text-muted, var(--dg-text-subtle)); }
.dg-distribution__item > strong { min-width: 2.4rem; font-size: .8rem; font-variant-numeric: tabular-nums; font-weight: 600; text-align: end; }
.dg-distribution__coverage { margin-top: 1rem !important; padding-top: .75rem; border-top: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .7rem; }

.dg-library { scroll-margin-top: var(--dg-sticky-header-height, 5rem); }
.dg-library__heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 1rem; }
.dg-library__summary { display: flex; align-items: center; gap: .65rem; }
.dg-library__summary > span { color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .8rem; }
.dg-library__summary .dg-btn { min-height: var(--dg-control-height); }
.dg-library__toolbar { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(4, minmax(8rem, 1fr)) auto auto; gap: .5rem; margin-bottom: 1rem; }
.dg-library__search { position: relative; display: block; }
.dg-library__search i { position: absolute; z-index: 1; left: .75rem; top: 50%; transform: translateY(-50%); color: var(--dl-text-muted, var(--dg-text-subtle)); pointer-events: none; }
.dg-library__search input { padding-inline: 2.35rem 2.5rem !important; }
.dg-library__search-clear { position: absolute; z-index: 2; top: 50%; right: .45rem; transform: translateY(-50%); }
.dg-filter-reset { min-height: var(--dg-control-height); white-space: nowrap; }
.dg-view-switch { display: inline-flex; height: var(--dg-control-height); border: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); border-radius: var(--dg-radius-sm); overflow: hidden; }
.dg-view-switch button { width: 2.35rem; border: 0; border-inline-start: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); background: var(--dl-surface, var(--dg-bg-card)); color: var(--dl-text-muted, var(--dg-text-subtle)); cursor: pointer; }
.dg-view-switch button:first-child { border-inline-start: 0; }
.dg-view-switch button.is-active { background: var(--dl-surface-muted, var(--dg-accent)); color: var(--dl-text, var(--dg-text-main)); }
.dg-selection-bar { position: fixed; z-index: 1000; left: 50%; bottom: 1rem; display: flex; width: min(calc(100vw - 2rem), 70rem); justify-content: space-between; align-items: center; gap: 1rem; margin: 0; padding: .55rem .7rem .55rem 1rem; border: var(--dg-border-width) solid var(--dl-border-strong, var(--dg-border-strong)); border-radius: var(--dg-radius-sm); background: var(--dl-surface, var(--dg-bg-card)); transform: translateX(-50%); box-shadow: none; }
.dg-selection-bar[hidden] { display: none; }
.dg-selection-bar > div { display: flex; gap: .4rem; }

.dg-dialog { width: min(calc(100vw - 2rem), 31rem); max-width: none; margin: auto; padding: 0; border: var(--dg-border-width) solid var(--dl-border-strong, var(--dg-border-strong)); border-radius: var(--dg-radius-sm); background: var(--dl-surface, var(--dg-bg-card)); color: var(--dl-text, var(--dg-text-main)); box-shadow: none; }
.dg-dialog::backdrop { background: color-mix(in srgb, var(--dl-page, #111) 58%, transparent); backdrop-filter: blur(3px); }
.dg-dialog__body { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; padding: 1.25rem; }
.dg-dialog__icon { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); border-radius: var(--dl-radius-round, 50%); background: var(--dl-surface-muted, var(--dg-bg-main)); font-size: 1.05rem; }
.dg-dialog h2 { font-size: 1.15rem; font-weight: 600; line-height: 1.25; }
.dg-dialog__message { margin-top: .55rem !important; color: var(--dl-text-muted, var(--dg-text-subtle)); line-height: 1.55; }
.dg-dialog__actions { display: flex; justify-content: flex-end; gap: .5rem; padding: .75rem 1.25rem; border-top: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); }
.dg-dialog__actions .dg-btn { min-width: 7rem; box-shadow: none; }

.dg-media-library { --dg-masonry-columns: 4; display: grid; grid-template-columns: repeat(var(--dg-masonry-columns), minmax(0, 1fr)); gap: var(--dl-gap, 1rem); align-items: start; }
.dg-media-library.is-masonry-ready { position: relative; display: block; }
.dg-media-library.is-masonry-ready .dg-media-card { position: absolute; top: var(--dg-masonry-y); left: var(--dg-masonry-x); margin: 0; }
.dg-media-card { min-width: 0; border: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); border-radius: var(--dg-radius-sm); background: var(--dl-surface, var(--dg-bg-card)); overflow: clip; box-shadow: none; transition: border-color .18s ease; }
.dg-media-card:focus-within { border-color: var(--dl-border-strong, var(--dg-border-strong)); }
.dg-media-card__visual { position: relative; overflow: hidden; background: var(--dl-surface-muted, var(--dg-bg-main)); }
.dg-media-card__visual > a { display: block; width: 100%; }
.dg-media-card__preview { position: relative; min-height: 8rem; aspect-ratio: var(--dg-media-ratio, auto); background: var(--dl-surface-muted, var(--dg-bg-main)); overflow: hidden; }
.dg-media-card__preview.is-loading::before { position: absolute; inset: 0; content: ""; background: linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--dl-surface, #fff) 48%, transparent) 48%, transparent 66%) var(--dl-surface-muted, var(--dg-bg-main)); background-size: 240% 100%; animation: dg-thumbnail-shimmer 1.35s ease-in-out infinite; }
.dg-media-card__visual img { display: block; width: 100%; height: auto; object-fit: contain; transition: filter .18s ease; }
.dg-media-card__preview img { opacity: 0; transition: opacity .24s ease, filter .18s ease; }
.dg-media-card__preview.is-ready img { opacity: 1; }
.dg-media-card__preview.is-error::before { background: var(--dl-surface-muted, var(--dg-bg-main)); animation: none; }
@keyframes dg-thumbnail-shimmer { to { background-position-x: -240%; } }
.dg-media-card__visual:hover img { filter: brightness(1.045) contrast(1.035); }
.dg-media-card__select { position: absolute; z-index: 2; top: .55rem; left: .55rem; display: grid; width: 1.65rem; height: 1.65rem; margin: 0; place-items: center; border: var(--dg-border-width) solid color-mix(in srgb, var(--dl-border-strong, #bbb) 70%, transparent); border-radius: var(--dg-radius-sm); background: color-mix(in srgb, var(--dl-surface, #fff) 82%, transparent); cursor: pointer; backdrop-filter: blur(7px); }
.dg-media-card__select input[type="checkbox"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; border: 0 !important; border-radius: inherit !important; background: transparent; }
.dg-media-card__select input[type="checkbox"]:checked { background: color-mix(in srgb, var(--dl-text, var(--dg-text-main)) 86%, transparent); }
.dg-media-card__select input[type="checkbox"]:checked::after { color: var(--dl-page, var(--dg-bg-main)); font-size: 1rem; }
.dg-media-card__select:has(input:focus-visible) { outline: 2px solid var(--dl-border-strong, var(--dg-border-strong)); outline-offset: 2px; }
.dg-media-card__status { position: absolute; z-index: 2; top: .55rem; right: .55rem; display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border: var(--dg-border-width) solid color-mix(in srgb, currentColor 20%, transparent); border-radius: var(--dl-radius-round, 50%); background: color-mix(in srgb, var(--dl-surface, #fff) 72%, transparent); color: var(--dg-workspace-text); backdrop-filter: blur(8px) saturate(.85); }
.dg-media-card__status i { font-size: .88rem; vertical-align: top; }
.dg-media-card__status--published { background: color-mix(in srgb, var(--dg-accent-success, #77a694) 28%, var(--dl-surface, #fff) 72%); color: color-mix(in srgb, var(--dg-accent-success, #527b6c) 72%, var(--dg-workspace-text)); }
.dg-media-card__status--pending { background: color-mix(in srgb, var(--dg-accent-warning, #d6aa61) 28%, var(--dl-surface, #fff) 72%); color: color-mix(in srgb, var(--dg-accent-warning, #9b753a) 72%, var(--dg-workspace-text)); }
.dg-media-card__status--draft { background: color-mix(in srgb, var(--dg-workspace-subtle) 20%, var(--dl-surface, #fff) 80%); }
.dg-media-card__type { position: absolute; right: .6rem; bottom: .6rem; display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .5rem; border-radius: var(--dg-radius-sm); background: color-mix(in srgb, #111 80%, transparent); color: #fff; font-size: .72rem; }
.dg-media-card__body { padding: .72rem .78rem .65rem; }
.dg-media-card__title { display: flex; justify-content: space-between; align-items: flex-start; gap: .75rem; }
.dg-media-card__title > div { min-width: 0; }
.dg-media-card h3 { min-width: 0; font-size: .88rem; font-weight: 600; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dg-media-card h3 a { color: inherit; }
.dg-media-card__title p { margin-top: .2rem !important; color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dg-icon-button { display: inline-grid; flex: 0 0 var(--dg-control-height); width: var(--dg-control-height); height: var(--dg-control-height); place-items: center; border: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); border-radius: var(--dg-radius-sm); background: transparent; color: inherit; }
.dg-media-card__edit { display: inline-grid; width: 1.8rem; height: 1.8rem; flex: 0 0 1.8rem; place-items: center; border: var(--dg-border-width) solid color-mix(in srgb, var(--dg-workspace-border) 72%, transparent); border-radius: var(--dl-radius-round, 50%); background: color-mix(in srgb, var(--dg-workspace-muted) 88%, transparent); color: var(--dg-workspace-subtle); }
.dg-media-card__edit:hover, .dg-media-card__edit:focus-visible { border-color: var(--dg-workspace-border-strong); background: var(--dg-workspace-muted); color: var(--dg-workspace-text); outline: none; }
.dg-media-card__edit i { font-size: .9rem; vertical-align: top; }
.dg-media-card dl { display: flex; align-items: center; gap: .9rem; margin-top: .65rem; color: var(--dg-workspace-subtle); }
.dg-media-card dl > div { display: inline-flex; align-items: center; gap: .3rem; min-width: 0; }
.dg-media-card dt { display: inline-flex; align-items: center; font-size: .72rem; white-space: nowrap; }
.dg-media-card dt i { margin: 0; font-size: .82rem; vertical-align: top; }
.dg-media-card dd { margin: 0 !important; color: var(--dg-workspace-text); font-size: .72rem; font-variant-numeric: tabular-nums; font-weight: 600; }
.dg-media-library[data-dg-library-view="list"] { display: grid; grid-template-columns: 1fr; height: auto !important; }
.dg-media-library[data-dg-library-view="list"] .dg-media-card { position: static; width: auto !important; transform: none; }
.dg-media-library[data-dg-library-view="list"] .dg-media-card { display: grid; grid-template-columns: 10rem minmax(0, 1fr); }
.dg-media-library[data-dg-library-view="list"] .dg-media-card__visual { aspect-ratio: 4 / 3; }
.dg-media-library[data-dg-library-view="list"] .dg-media-card__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .55fr); align-items: center; gap: 1rem; }
.dg-media-library[data-dg-library-view="list"] .dg-media-card dl { margin: 0; }
.dg-library-empty { min-height: 20rem; display: grid; place-items: center; align-content: center; gap: .7rem; border: var(--dg-border-width) dashed var(--dl-border-strong, var(--dg-border-strong)); border-radius: var(--dg-radius-sm); text-align: center; }
.dg-library-empty p { color: var(--dl-text-muted, var(--dg-text-subtle)); }
.dg-library:has(> .dg-workspace__pagination) { padding-bottom: 4.75rem; }
.dg-workspace__pagination { position: fixed; z-index: 90; left: 50%; bottom: var(--dg-pagination-bottom, 1rem); width: min(calc(100vw - 2rem), 70rem); margin: 0; padding: .45rem; border: var(--dg-border-width) solid var(--dl-border-strong, var(--dg-border-strong)); border-radius: var(--dg-radius-sm); background: color-mix(in srgb, var(--dl-surface, var(--dg-bg-card)) 94%, transparent); box-shadow: none; opacity: 1; backdrop-filter: blur(12px); transform: translate3d(-50%, 0, 0); transition: bottom .18s ease, transform .32s cubic-bezier(.22, 1, .36, 1), opacity .2s ease; will-change: transform; }
.dg-workspace__pagination.is-scroll-hidden { opacity: 0; pointer-events: none; transform: translate3d(-50%, calc(100% + 1.5rem), 0); }
.dg-workspace__pagination .pagination__wrapper { display: block; max-width: 100%; margin: 0; overflow-x: auto; scrollbar-width: none; }
.dg-workspace__pagination .pagination__wrapper::-webkit-scrollbar { display: none; }
.dg-workspace__pagination .pagination { width: max-content; margin: 0 auto; }

.dg-media-editor { display: grid; grid-template-columns: minmax(0, 1fr) minmax(24rem, 29rem); gap: clamp(1.5rem, 3vw, 3.25rem); align-items: start; }
.dg-workspace[data-dg-editor] > .dg-workspace__header h1 { font-size: clamp(1.35rem, 2vw, 1.65rem); line-height: 1.15; }
.dg-workspace[data-dg-editor] > .dg-workspace__header .dg-workspace__intro { max-width: 42rem; font-size: .78rem; }
.dg-editor-preview { position: sticky; top: calc(var(--dg-sticky-header-height, 5rem) + 1rem); min-width: 0; }
.dg-editor-preview__media { display: grid; width: 100%; place-items: start center; overflow: clip; border-radius: var(--dg-radius-sm); }
.dg-editor-preview__media img, .dg-editor-preview__media video { display: block; width: 100%; height: auto; max-height: calc(100vh - var(--dg-sticky-header-height, 5rem) - 8rem); border-radius: var(--dg-radius-sm); object-fit: contain; }
.dg-editor-file { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: .75rem 0; border-bottom: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .75rem; }
.dg-editor-file > span { display: inline-flex; align-items: flex-start; min-width: 0; gap: .4rem; }
.dg-editor-file > span:first-child span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dg-editor-file i { vertical-align: top; }
.dg-editor-replace { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem .8rem; padding-top: .75rem; }
.dg-editor-replace p { flex: 1 1 15rem; color: var(--dl-text-subtle, var(--dg-workspace-subtle)); font-size: .72rem; }
.dg-editor-replace__progress { display: grid; width: 100%; height: .28rem; overflow: visible; border-radius: var(--dg-radius-sm); background: var(--dl-border, var(--dg-workspace-border)); }
.dg-editor-replace__progress span { width: var(--dg-replace-progress, 0%); height: .28rem; border-radius: inherit; background: var(--dl-text-main, var(--dg-workspace-text)); transition: width .2s ease; }
.dg-editor-replace__progress small { margin-top: .4rem; color: var(--dl-text-subtle, var(--dg-workspace-subtle)); }
.dg-editor-form { display: grid; border-top: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); }
.dg-editor-overview { display: grid; grid-template-columns: minmax(11rem, .8fr) minmax(0, 1.2fr); align-items: center; gap: 1rem; padding: 1rem 0 1.25rem; border-bottom: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); }
.dg-editor-readiness { display: flex; align-items: center; gap: .7rem; }
.dg-editor-readiness > span { position: relative; display: grid; width: 3.25rem; height: 3.25rem; flex: 0 0 3.25rem; place-content: center; border-radius: var(--dl-radius-round, 50%); background: conic-gradient(var(--dl-text, var(--dg-text-main)) var(--dg-progress), var(--dl-border, var(--dg-border)) 0); font-size: .9rem; }
.dg-editor-readiness > span::after { position: absolute; inset: 4px; border-radius: inherit; background: var(--dl-bg-card, var(--dg-bg-card)); content: ""; }
.dg-editor-readiness strong, .dg-editor-readiness small { position: relative; z-index: 1; }
.dg-editor-readiness small { font-size: .6rem; }
.dg-editor-metrics { display: grid; grid-template-columns: repeat(3, 1fr); }
.dg-editor-metrics > div { padding-inline: .75rem; border-inline-start: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); }
.dg-editor-metrics dt { color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .65rem; letter-spacing: .06em; text-transform: uppercase; }
.dg-editor-metrics dd { margin-top: .15rem; font-size: .9rem; font-weight: 600; }
.dg-editor-section { padding: 1.35rem 0; border-bottom: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); }
.dg-editor-section__head { display: flex; align-items: center; gap: .6rem; margin-bottom: .85rem; }
.dg-editor-section__head h2, .dg-editor-readiness h2 { font-size: 1rem !important; line-height: 1.25; }
.dg-editor-section__head .dg-icon-disc { width: 2rem; height: 2rem; flex-basis: 2rem; font-size: .82rem; }
.dg-editor-field { display: grid; gap: .35rem; margin-top: .85rem; }
.dg-editor-field:first-of-type { margin-top: 0; }
.dg-editor-field > span { color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .72rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.dg-editor-field small { color: var(--dl-text-muted, var(--dg-text-subtle)); }
.dg-media-editor input, .dg-media-editor textarea, .dg-media-editor .dg-select-menu__trigger { font-size: .82rem; }
.dg-media-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .dg-media-editor textarea { border-color: var(--dl-border, var(--dg-workspace-border)) !important; background: var(--dl-bg-card, var(--dg-workspace-bg)) !important; color: var(--dl-text-main, var(--dg-workspace-text)) !important; }
.dg-media-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):hover, .dg-media-editor textarea:hover { border-color: var(--dl-border-strong, var(--dg-workspace-border-strong)) !important; }
.dg-media-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):focus, .dg-media-editor textarea:focus { border-color: var(--dl-text-muted, var(--dg-workspace-subtle)) !important; }
.dg-media-editor .dg-binary-toggle { border-color: var(--dl-border-strong, var(--dg-workspace-border-strong)); background: var(--dl-bg-card, var(--dg-workspace-bg)); }
.dg-media-editor .dg-binary-toggle > label.btn { background: var(--dl-bg-card, var(--dg-workspace-bg)) !important; color: var(--dl-text-main, var(--dg-workspace-text)) !important; }
.dg-media-editor .dg-binary-toggle > input.btn-check:checked + label.btn { background: var(--dl-accent, var(--dg-workspace-muted)) !important; color: var(--dl-text-main, var(--dg-workspace-text)) !important; }
.dg-editor-select { width: 100%; }
.dg-editor-select .dg-select-menu__list { width: 100%; }
.dg-editor-select .dg-select-menu__option[hidden] { display: none; }
.dg-editor-select .dg-select-menu__search { position: sticky; z-index: 1; top: 0; padding: .2rem; background: var(--dl-bg-card, var(--dg-bg-card)); }
.dg-editor-select .dg-select-menu__search input { padding-inline-start: 2.1rem; }
.dg-editor-select .dg-select-menu__search i { position: absolute; left: .85rem; top: 50%; color: var(--dl-text-muted, var(--dg-text-subtle)); transform: translateY(-50%); pointer-events: none; }
.dg-select-menu__empty { padding: .75rem .55rem; color: var(--dl-text-muted, var(--dg-text-subtle)); font-size: .78rem; }
.dg-editor-notify { align-items: start; }
.dg-editor-notify .dg-binary-toggle { margin-top: .15rem; }
.dg-editor-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.dg-editor-location-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: .75rem; }
.dg-editor-location-street { grid-column: 1 / -1; }
.dg-editor-location-search { justify-self: start; }
.dg-editor-location-results { display: grid; margin-top: .65rem; border: var(--dg-border-width) solid var(--dl-border, var(--dg-workspace-border)); border-radius: var(--dg-radius-sm); overflow: hidden; }
.dg-editor-location-result { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .55rem; padding: .65rem .7rem; border: 0; border-top: var(--dg-border-width) solid var(--dl-border, var(--dg-workspace-border)); background: var(--dl-bg-card, var(--dg-workspace-bg)); color: var(--dl-text-main, var(--dg-workspace-text)); text-align: start; cursor: pointer; }
.dg-editor-location-result:first-child { border-top: 0; }
.dg-editor-location-result:hover, .dg-editor-location-result:focus-visible { background: var(--dl-accent, var(--dg-workspace-muted)); outline: 0; }
.dg-editor-location-result i { margin-top: .1rem; vertical-align: top; }
.dg-editor-location-result span { font-size: .76rem; line-height: 1.35; }
.dg-editor-location-selected { display: flex; align-items: flex-start; gap: .45rem; margin-top: .7rem; padding: .65rem .7rem; border-left: 2px solid var(--dl-border-strong, var(--dg-workspace-border-strong)); color: var(--dl-text-subtle, var(--dg-workspace-subtle)); font-size: .75rem; }
.dg-editor-location-selected i { vertical-align: top; }
.dg-editor-advanced { margin-top: .75rem; }
.dg-editor-advanced summary { color: var(--dl-text-subtle, var(--dg-workspace-subtle)); font-size: .72rem; cursor: pointer; }
.dg-editor-advanced[open] summary { margin-bottom: .7rem; }
.dg-editor-attribution { display: block; margin-top: .65rem; color: var(--dl-text-subtle, var(--dg-workspace-subtle)); font-size: .64rem; }
.dg-editor-tags { display: flex; flex-wrap: wrap; gap: .35rem; padding: .4rem; min-height: var(--dg-control-height); border: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); border-radius: var(--dg-radius-sm); }
.dg-editor-tags input { flex: 1 1 8rem; width: auto; min-width: 7rem; border: 0 !important; padding: .25rem; }
.dg-editor-tag { display: inline-flex; align-items: center; gap: .3rem; padding: .25rem .45rem; border-radius: var(--dg-radius-sm); background: var(--dl-surface-muted, var(--dg-accent)); font-size: .75rem; }
.dg-editor-tag button { border: 0; background: transparent; cursor: pointer; }
.dg-editor-actions { display: flex; justify-content: space-between; gap: .75rem; margin-top: 1rem; padding: .6rem; border: var(--dg-border-width) solid var(--dl-border-strong, var(--dg-border-strong)); border-radius: var(--dg-radius-sm); background: var(--dl-bg-card, var(--dg-bg-card)); }
.dg-editor-actions > div { display: flex; gap: .5rem; }

@media (max-width: 78rem) { .dg-workspace__insights { grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr); } .dg-insight-grid, .dg-insight-grid:has(.dg-insight--metric:nth-child(5)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dg-insight--metric:nth-child(3), .dg-insight--metric:nth-child(5) { border-inline-start: 0; border-top: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); } .dg-insight--metric:nth-child(4), .dg-insight--metric:nth-child(5) { border-top: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); } .dg-insight--metric:nth-child(5) { grid-column: 1 / -1; } .dg-media-library { --dg-masonry-columns: 3; } .dg-library__toolbar { grid-template-columns: minmax(14rem, 2fr) repeat(2, minmax(8rem, 1fr)) auto auto; } }
@media (max-width: 62rem) { .dg-workspace__insights { grid-template-columns: 1fr; } .dg-insight--primary, .dg-insight--distribution, .dg-insight-grid { grid-column: auto; grid-row: auto; } .dg-insight--distribution { border-inline-start: 0; border-top: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); } .dg-media-library { --dg-masonry-columns: 2; } .dg-library__toolbar { grid-template-columns: 1fr 1fr; } .dg-library__search { grid-column: 1 / -1; } .dg-media-editor { grid-template-columns: 1fr; } .dg-editor-preview { position: static; } .dg-editor-preview__media img, .dg-editor-preview__media video { max-height: none; } }
@media (max-width: 42rem) { .dg-workspace__header, .dg-library__heading { align-items: flex-start; flex-direction: column; } .dg-workspace__header-actions, .dg-library__summary { width: 100%; } .dg-library__summary { justify-content: space-between; } .dg-workspace__header-actions .dg-btn { flex: 1; } .dg-activity-grid { grid-template-columns: repeat(10, minmax(0, 1fr)); } .dg-sparkline__footer { align-items: flex-start; flex-direction: column; } .dg-sparkline__axis { width: 100%; } .dg-insight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dg-insight--metric { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto 2.5rem auto; } .dg-insight--metric strong { grid-column: 1; } .dg-insight--metric .dg-mini-chart { grid-column: 1; grid-row: 3; height: 2.5rem; } .dg-insight--metric small { grid-column: 1; } .dg-insight--metric:nth-child(odd) { border-inline-start: 0; } .dg-insight--metric:nth-child(n+3) { border-top: var(--dg-border-width) solid var(--dl-border, var(--dg-border)); } .dg-library__toolbar { grid-template-columns: 1fr; } .dg-library__search { grid-column: auto; } .dg-view-switch { display: none; } .dg-media-library { --dg-masonry-columns: 2; gap: .5rem; } .dg-media-card__body { padding: .58rem; } .dg-media-card dl { justify-content: space-between; gap: .35rem; } .dg-media-card__edit { width: 1.5rem; height: 1.5rem; flex-basis: 1.5rem; } .dg-media-library[data-dg-library-view="list"] .dg-media-card { grid-template-columns: 7rem minmax(0, 1fr); } .dg-media-library[data-dg-library-view="list"] .dg-media-card__body { display: block; } .dg-media-library[data-dg-library-view="list"] .dg-media-card dl { margin-top: .65rem; } .dg-selection-bar { align-items: stretch; flex-direction: column; } .dg-selection-bar > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: .4rem; } .dg-editor-row, .dg-editor-overview, .dg-editor-location-grid { grid-template-columns: 1fr; } .dg-editor-location-street { grid-column: auto; } .dg-editor-metrics > div:first-child { padding-inline-start: 0; border-inline-start: 0; } .dg-editor-actions { align-items: stretch; flex-direction: column-reverse; } .dg-editor-actions > div, .dg-editor-actions .dg-btn { flex: 1; } }
@media (max-width: 22rem) { .dg-media-library { --dg-masonry-columns: 1; } }
@media (max-width: 42rem) { .dg-library:has(> .dg-workspace__pagination) { padding-bottom: 4.25rem; } .dg-workspace__pagination { padding: .35rem; } }
@media (prefers-reduced-motion: reduce) { .dg-workspace__pagination { transition-duration: .01ms; } }
@media (prefers-reduced-motion: reduce) { .dg-media-card__preview.is-loading::before { animation: none; } }
@media (max-width: 42rem) { .dg-analytics-controls { align-items: stretch; flex-direction: column; } .dg-analytics-tabs { display: grid; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); } .dg-period-tabs { display: grid; width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); } .dg-analytics-tabs button, .dg-period-tabs button { padding-inline: .3rem; } }