/* Cedilla Studio — Overprint (/overprint), CMYK print effect.
   Loaded after off-grid.css, which supplies the panel, stage, toggles, dock
   and phone bar. This file adds the few pieces Overprint has of its own.
   Scoped under body.overprint-page. */

/* The stage is a dark desk; the printed sheet is drawn on the canvas */
.overprint-page .lab-stage { background: #0d0d11; }
.overprint-page .lab-stage canvas { touch-action: pan-y; }
.overprint-page .lab-stage.is-zoomed canvas { touch-action: none; }
.overprint-page .lab-stage.is-nogl canvas { display: none; }
.overprint-page .stage-title, .overprint-page .stage-info, .overprint-page .stage-shop { mix-blend-mode: normal; }

.overprint-page .lab-hint { margin: 0 0 12px; font-size: 12.5px; line-height: 1.55; color: var(--muted); }
.overprint-page .mini--wide { margin-top: 0; }
.overprint-page #imageSliders { margin-top: 14px; }
.overprint-page [hidden] { display: none !important; }

/* Toggle chips (plates) */
.overprint-page .chip[aria-pressed="true"] { background: #fff; color: #000; border-color: #fff; }
.overprint-page .chip--plate { min-width: 38px; justify-content: center; text-align: center; font-family: var(--mono); }
.overprint-page .chip--plate[data-plate="C"][aria-pressed="true"] { background: #00aeef; border-color: #00aeef; color: #000; }
.overprint-page .chip--plate[data-plate="M"][aria-pressed="true"] { background: #ec008c; border-color: #ec008c; color: #fff; }
.overprint-page .chip--plate[data-plate="Y"][aria-pressed="true"] { background: #fff200; border-color: #fff200; color: #000; }
.overprint-page .chip--plate[data-plate="K"][aria-pressed="true"] { background: #fff; border-color: #fff; color: #000; }

/* Paper swatches are one flat colour */
.overprint-page #labPapers .swatch i { border-radius: inherit; }
.overprint-page .colour-row + .colour-row { margin-top: 10px; }
.overprint-page #inkRow[data-mode="cmyk"] { grid-template-columns: repeat(4, 1fr); }
.overprint-page .ink-reset { margin-top: 10px; }

/* Rendering: a quiet note in the corner while a big export works */
.overprint-page .lab-stage.is-busy .stage-info::before { content: 'Rendering… '; }

/* Phone bar: the Upload key's icon (the others are in off-grid.css) */
@media (max-width: 860px) {
  .lab-bar #btnUpload { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='14' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m4.5 17 4.8-4.3 3.2 2.8 3-2.6 4 3.6'/%3E%3C/svg%3E"); }
}

/* Pro: padlocked controls shown to free visitors */
.overprint-page .is-locked-section .lab-hint { opacity: .7; }
.overprint-page .lab-sublabel { margin-top: 16px; }