/* HiVenues dogfood remediation 1 — real-host authoring completeness. */
.cc-studio-rail__add { border: 1px dashed #c3baad !important; color: #5e574e !important; font-weight: 740; }

.cc-public-logo { display: block; max-height: 46px; max-width: 180px; width: auto; height: auto; object-fit: contain; }
.cc-wordmark, .cc-editorial-name, .cc-hospitality-name { display: inline-flex; align-items: center; gap: .7rem; }
.cc-poster .cc-public-logo { filter: none; }

/* Media edit controls sit over arbitrary host imagery/art. Give them a fixed high-contrast surface. */
.cc-canvas-poster__art .cc-edit-chip,
.cc-canvas-editorial__art .cc-edit-chip,
.cc-canvas-hospitality__media .cc-edit-chip {
  background: #fff;
  color: #1d1b18;
  border-color: #1d1b18;
}

/* Hospitality actions retain the host accent as an edge while mixing the fill with ink.
   Across the bounded accent palette this keeps the cream action label above AA contrast. */
.cc-button--hospitality {
  background: color-mix(in srgb, var(--cc-accent, #a65337) 50%, #1b100c);
  border-color: var(--cc-accent, #a65337);
  color: #fff8ef;
}

/* Hospitality positioned its single media chip in the lower-right corner. Preserve focal editing and place the new replacement action on a separate hit target instead of stacking both controls. */
.cc-canvas-hospitality__media > button.cc-edit-chip { bottom: 4.75rem; }

/* New preview/support text must remain readable on the Studio stage's warm gray surface. */
.cc-studio-stage__toolbar,
.cc-complete-preview__head p:not(.cc-kicker) { color: #5b554d; }

.cc-canvas-complete { grid-column: 1 / -1; padding-top: 2rem; border-top: 1px solid rgba(0,0,0,.14); display: grid; gap: 1.4rem; }
.cc-studio-canvas--poster .cc-canvas-complete { border-color: var(--cc-night-line); }
.cc-canvas-complete__head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem; align-items: end; }
.cc-canvas-complete__head h2 { margin: 0; max-width: 48rem; font-size: clamp(1.25rem, 2.4vw, 2.2rem); line-height: 1.15; }
.cc-canvas-complete__grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1.5rem; }
.cc-canvas-complete__grid article { min-width: 0; }
.cc-canvas-complete__grid p { line-height: 1.55; }
.cc-canvas-complete__story { font-size: 1.08rem; font-weight: 680; }
.cc-canvas-complete__offers { display: grid; gap: .6rem; }
.cc-canvas-complete__offers article { display: grid; grid-template-columns: minmax(120px,.35fr) 1fr; gap: 1rem; padding: .7rem 0; border-top: 1px solid currentColor; opacity: .9; }
.cc-canvas-complete__offers span { line-height: 1.45; }
.cc-canvas-complete__participation { max-width: 52rem; }
.cc-canvas-complete__logo img { max-height: 70px; max-width: 220px; object-fit: contain; }

.cc-complete-preview { max-width: 1080px; margin: 2.5rem auto 0; padding-top: 2rem; border-top: 1px solid rgba(29,27,24,.18); }
.cc-complete-preview__head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1.5rem; align-items: end; margin-bottom: 1rem; }
.cc-complete-preview__head h2 { margin: .15rem 0 .4rem; font-size: clamp(1.55rem, 3vw, 2.45rem); }
.cc-complete-preview__head p:not(.cc-kicker) { max-width: 720px; margin: 0; line-height: 1.55; }
.cc-preview-size-toggle { display: flex; flex-wrap: wrap; gap: .45rem; justify-content: flex-end; margin: 0; padding: 0; border: 0; }
.cc-preview-size-toggle input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.cc-preview-size-toggle label { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: .5rem .8rem; border: 1px solid #1d1b18; border-radius: 999px; background: transparent; color: #1d1b18; font-size: .8rem; font-weight: 760; cursor: pointer; }
.cc-preview-size-toggle input:checked + label { background: #1d1b18; color: white; }
.cc-preview-size-toggle input:focus-visible + label { outline: 3px solid color-mix(in srgb, var(--cc-accent, #7f57ff) 70%, white); outline-offset: 3px; }
.cc-full-preview-shell { width: 100%; margin: 0 auto; background: #cfc9bf; border-radius: 18px; padding: 12px; box-shadow: var(--cc-shadow); transition: width .2s ease; }
.cc-complete-preview:has(#cc-preview-mobile:checked) .cc-full-preview-shell { width: min(390px, 100%); }
.cc-full-preview-shell iframe { display: block; width: 100%; height: 780px; border: 0; border-radius: 10px; background: white; }
.cc-complete-preview:has(#cc-preview-mobile:checked) .cc-full-preview-shell iframe { height: 820px; }

.cc-media-authoring-grid { align-items: start; }
.cc-media-authoring-preview, .cc-logo-authoring-preview, .cc-media-empty-state { min-height: 220px; display: grid; place-items: center; margin-bottom: 1rem; border-radius: 18px; overflow: hidden; background: #ece7dd; border: 1px solid #d7d0c4; }
.cc-media-authoring-preview .cc-art, .cc-media-authoring-preview .cc-admitted-media { width: 100%; min-height: 300px; border-radius: 0; }
.cc-media-authoring-preview img, .cc-logo-authoring-preview img { display: block; width: 100%; height: 100%; max-height: 360px; object-fit: contain; }
.cc-logo-authoring-preview { padding: 1.5rem; background: #1b1815; }
.cc-media-empty-state { padding: 2rem; text-align: center; color: #5b554d; }
.cc-media-import-form { margin-top: 1rem; box-shadow: none; }
.cc-media-import-form input[type="file"] { padding: .55rem; }
.cc-media-import-form code, .cc-review-card code { overflow-wrap: anywhere; }

/* Direction comparison must not fracture ordinary words merely to fit two cards. */
.cc-direction-preview .cc-canvas-poster__mast h1 { overflow-wrap: normal !important; word-break: normal; hyphens: none; font-size: clamp(2rem, 4.2vw, 4.4rem) !important; }
.cc-direction-preview .cc-canvas-complete__head { grid-template-columns: 1fr; }
.cc-direction-preview .cc-canvas-complete__grid { grid-template-columns: 1fr; }
.cc-direction-preview .cc-canvas-complete { font-size: .88rem; }

@media (max-width: 1050px) {
  .cc-complete-preview__head { grid-template-columns: 1fr; }
  .cc-preview-size-toggle { justify-content: flex-start; }
  .cc-canvas-complete__head, .cc-canvas-complete__grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .cc-complete-preview { margin-top: 1.5rem; padding-top: 1.25rem; }
  .cc-full-preview-shell { padding: 6px; border-radius: 12px; }
  .cc-full-preview-shell iframe, .cc-complete-preview:has(#cc-preview-mobile:checked) .cc-full-preview-shell iframe { height: 720px; }
  .cc-preview-size-toggle { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .cc-canvas-complete { padding-top: 1.2rem; }
  .cc-canvas-complete__offers article { grid-template-columns: 1fr; gap: .25rem; }
  .cc-media-authoring-grid { grid-template-columns: 1fr; }
  .cc-public-logo { max-height: 38px; max-width: 140px; }
}