/* Generated by scripts/import-design.mjs from design/handoff/project/Egg Toast Studio Live.dc.html. Do not edit; re-run the import. */
/* 1. dc-runtime BASE_CSS, print block only (support.js L119-130; the on-screen BASE_CSS rules target runtime-only classes) */
@media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
/* 2. dc-runtime pseudo-class sheet: style-hover / style-active -> .scpN, insertion (= cascade) order (support.js L1567-1589) */
.scp0:hover{text-decoration-color:#B3A496 !important}
.scp1:active{color:#7B5244 !important;text-decoration-color:#7B5244 !important}
.scp2:hover{z-index:20 !important}
.scp3:hover{padding-left:12px !important;text-decoration-color:#B3A496 !important}
.scp4:hover{padding-left:12px !important}
.scp5:hover{color:#7B5244 !important;text-decoration-color:#B3A496 !important}
/* 3. page <style> from the helmet (Live L17-L20); .dv-* review CSS and the dead @keyframes v12-boil removed */
html,body{margin:0;background:#F0EBE1;height:auto!important}
html{overflow-y:scroll;scrollbar-gutter:stable}
a{color:#2A2420}a:hover{color:#6E645B}
[data-board],[data-board] *{cursor:none!important}
/* 4. page visibility: replaces React's inline display:block|none on [data-page]; html[data-route] is set before first paint */
[data-page]{display:none}
html[data-route="h"] [data-page="h"],html[data-route="r"] [data-page="r"],html[data-route="s"] [data-page="s"],html[data-route="o"] [data-page="o"]{display:block}
html:not([data-route]) [data-page="h"]{display:block}
/* 5. <div data-slot> box = the <image-slot> host box (:host rule, image-slot.js L291-293); photo markup is added by the asset build */
[data-slot]{display:block;position:relative;font:13px/1.3 system-ui,-apple-system,sans-serif;width:100%;height:100%;aspect-ratio:3/2}
/* 6. compositing parity with image-slot's invisible Replace/Edit strip (.ctl: markup image-slot.js L527-528, CSS L348-364): the
      editor UI is gone (no buttons, not focusable, no text, no pointer events); these two empty boxes keep only the strip's geometry and
      backdrop-filter, which Chrome needs to rasterise the rotated polaroids exactly as in the prototype. Do not remove; see import-report.md §7. */
[data-slot]::before,[data-slot]::after{content:"";position:absolute;top:8px;height:21px;border-radius:6px;opacity:0;pointer-events:none;z-index:2;backdrop-filter:blur(6px)}
[data-slot]::before{right:54.28125px;width:61.765625px}
[data-slot]::after{right:8px;width:40.28125px}