/* The original's stylesheets for / in document order, verbatim (url() made local).
   Generated by src/ident/convert.mjs; do not edit, put changes into ../overrides.css. */
/* ==== links of the design export's click targets (convert.mjs) ==== */
:where(a)[data-ident-link] { color: inherit; text-decoration: inherit; }
:where(a)[data-ident-link="block"] { display: block; }
:where(a)[data-ident-link="inline-block"] { display: inline-block; }
/* ==== <style> ==== */

    .sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @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;
      }
    }
  
/* ==== <style> ==== */
x-dc{display:none!important}
/* ==== <style> ==== */
.scp0:hover { background: rgba(255, 255, 255, 0.08) !important; }
.scp1:hover { background: rgb(216, 255, 122) !important; }
/* ==== <style> ==== */
html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}
/* ==== <style> ==== */

body{margin:0;background:#F4F5F0;font-family:'DM Sans',system-ui,sans-serif;color:#0B0D12;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#0B0D12;text-decoration:none}
a:hover{color:#3A4250}
input::placeholder{color:#8A909C}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}

/* ==== <style> ==== */
[data-ident-slot="image-slot"] { display: block; position: relative; font: 13px / 1.3 system-ui, -apple-system, sans-serif; width: 100%; height: 100%; aspect-ratio: 3 / 2; }
[data-ident-slot="image-slot"] .empty .cap, [data-ident-slot="image-slot"] .empty .sub { opacity: 0.75; }
[data-ident-slot="image-slot"] .frame { position: absolute; inset: 0px; overflow: hidden; background: rgba(127, 127, 127, 0.08); }
[data-ident-slot="image-slot"] .frame img { position: absolute; max-width: none; transform: translate(-50%, -50%); -webkit-user-drag: none; user-select: none; touch-action: none; }
[data-ident-slot="image-slot"] .spill { position: fixed; margin: 0px; inset: auto; border: 0px; padding: 0px; background: transparent; overflow: visible; transform: translate(-50%, -50%); z-index: 1; cursor: grab; touch-action: none; }
[data-ident-slot="image-slot"][data-panning] .spill { cursor: grabbing; }
[data-ident-slot="image-slot"] .spill .ghost { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0.35; pointer-events: none; -webkit-user-drag: none; user-select: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 12px 32px; }
[data-ident-slot="image-slot"] .spill .handle { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgb(201, 100, 66) 0px 0px 0px 1.5px, rgba(0, 0, 0, 0.3) 0px 1px 3px; transform: translate(-50%, -50%); }
[data-ident-slot="image-slot"] .spill .handle[data-c="nw"] { left: 0px; top: 0px; cursor: nwse-resize; }
[data-ident-slot="image-slot"] .spill .handle[data-c="ne"] { left: 100%; top: 0px; cursor: nesw-resize; }
[data-ident-slot="image-slot"] .spill .handle[data-c="sw"] { left: 0px; top: 100%; cursor: nesw-resize; }
[data-ident-slot="image-slot"] .spill .handle[data-c="se"] { left: 100%; top: 100%; cursor: nwse-resize; }
[data-ident-slot="image-slot"][data-reframe] { z-index: 10; }
[data-ident-slot="image-slot"][data-reframe] .frame { box-shadow: rgb(201, 100, 66) 0px 0px 0px 2px; }
[data-ident-slot="image-slot"] .empty { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; padding: 12px; box-sizing: border-box; cursor: pointer; user-select: none; }
[data-ident-slot="image-slot"] .empty svg { opacity: 0.45; }
[data-ident-slot="image-slot"] .empty .cap { max-width: 90%; font-weight: 500; letter-spacing: 0.01em; }
[data-ident-slot="image-slot"] .empty .sub { font-size: 11px; }
[data-ident-slot="image-slot"] .empty .sub u { text-underline-offset: 2px; }
[data-ident-slot="image-slot"] .empty:hover .sub { opacity: 1; }
[data-ident-slot="image-slot"][data-over] .frame { outline: rgb(201, 100, 66) solid 2px; outline-offset: -2px; background: rgba(201, 100, 66, 0.1); }
[data-ident-slot="image-slot"] .ring { position: absolute; inset: 0px; pointer-events: none; border: 1.5px dashed; opacity: 0.35; transition: border-color 0.12s, opacity 0.12s; }
[data-ident-slot="image-slot"][data-over] .ring { border-color: rgb(201, 100, 66); opacity: 1; }
[data-ident-slot="image-slot"][data-filled] .ring { display: none; }
[data-ident-slot="image-slot"] .ctl { position: absolute; inset: 8px 8px auto auto; margin: 0px; border: 0px; padding: 0px; background: transparent; overflow: visible; display: flex; gap: 6px; opacity: 0; pointer-events: none; transition: opacity 0.12s; z-index: 2; white-space: nowrap; }
[data-ident-slot="image-slot"] .ctl:popover-open { position: fixed; inset: auto; transform: translateX(-100%); }
[data-ident-slot="image-slot"][data-filled][data-editable]:hover .ctl, [data-ident-slot="image-slot"][data-reframe] .ctl { opacity: 1; pointer-events: auto; }
[data-ident-slot="image-slot"] .ctl button { appearance: none; border: 0px; border-radius: 6px; padding: 5px 10px; cursor: pointer; background: rgba(0, 0, 0, 0.65); color: rgb(255, 255, 255); font: 11px / 1 system-ui, -apple-system, sans-serif; backdrop-filter: blur(6px); }
[data-ident-slot="image-slot"] .ctl button:hover { background: rgba(0, 0, 0, 0.8); }
[data-ident-slot="image-slot"] .err { position: absolute; left: 8px; bottom: 8px; right: 8px; color: rgb(179, 38, 30); font-size: 11px; background: rgba(255, 255, 255, 0.85); padding: 4px 6px; border-radius: 5px; pointer-events: none; }
[data-ident-slot="image-slot"][data-swapping] .frame img { visibility: hidden; }
[data-ident-slot="image-slot"] .loading { position: absolute; inset: 0px; display: none; align-items: center; justify-content: center; pointer-events: none; }
[data-ident-slot="image-slot"][data-swapping] .loading { display: flex; }
[data-ident-slot="image-slot"] .loading::after { content: ""; width: 22px; height: 22px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: currentcolor rgba(127, 127, 127, 0.25) rgba(127, 127, 127, 0.25); border-image: none; animation: 0.7s linear 0s infinite normal none running om-slot-spin; }
@keyframes om-slot-spin { 
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) { [data-ident-slot="image-slot"] .loading::after { animation: auto ease 0s 1 normal none running none; } }
[data-ident-slot="image-slot"] .credit { position: absolute; left: 6px; bottom: 6px; max-width: calc(100% - 12px); display: none; padding: 3px 7px; border-radius: 5px; background: rgba(0, 0, 0, 0.55); color: rgb(255, 255, 255); font: 10px / 1.2 system-ui, -apple-system, sans-serif; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; backdrop-filter: blur(6px); }
[data-ident-slot="image-slot"] .credit a { color: inherit; text-decoration: none; }
[data-ident-slot="image-slot"] .credit a:hover, [data-ident-slot="image-slot"] .credit a:focus-visible { text-decoration: underline; }
[data-ident-slot="image-slot"][data-filled][data-credit] .credit { display: block; }
[data-om-exporting] [data-ident-slot="image-slot"] .ctl, [data-om-exporting] [data-ident-slot="image-slot"] .credit { display: none !important; }
@media print { [data-ident-slot="image-slot"] .ctl, [data-ident-slot="image-slot"] .credit { display: none !important; } }
[data-ident-slot="image-slot"] .attr-error { position: absolute; inset: 0px; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; padding: 12px; box-sizing: border-box; background: rgb(242, 241, 239); color: rgb(110, 108, 102); user-select: none; font: 13px / 1.45 system-ui, -apple-system, sans-serif; }
[data-ident-slot="image-slot"] .attr-error svg { opacity: 0.55; }
[data-ident-slot="image-slot"] .attr-error .cap { max-width: 92%; font-weight: 500; letter-spacing: 0.01em; }
[data-ident-slot="image-slot"][data-attribution-error] .attr-error { display: flex; }
[data-ident-slot="image-slot"][data-attribution-error] .ring { display: none; }
/* ==== <style id="ident-responsive"> ==== */
/* per-width inline styles of the prototype (src/ident/prerender.mjs), widths 1440, 768, 390 */
@media (width <= 390px) {
[data-ids="141"] { --ids141-transform: translateX(-100%) }
[data-ids="152"] { --ids152-height: 112.801% }
[data-ids="178"] { --ids178-width: 110.215% }
[data-ids="207"] { --ids207-height: 112.801% }
[data-ids="233"] { --ids233-width: 107.723% }
[data-ids="262"] { --ids262-height: 109.655% }
[data-ids="288"] { --ids288-width: 116.372% }
[data-ids="315"] { --ids315-width: 6px; --ids315-background: rgba(255, 255, 255, 0.3) }
[data-ids="316"] { --ids316-width: 28px; --ids316-background: rgb(198, 255, 61) }
[data-ids="427"] { --ids427-width: 188.571%; --ids427-height: 100% }
}
@media (width > 390px) and (width <= 768px) {
[data-ids="141"] { --ids141-transform: translateX(0%) }
[data-ids="152"] { --ids152-height: 112.742% }
[data-ids="178"] { --ids178-width: 110.035% }
[data-ids="207"] { --ids207-height: 112.742% }
[data-ids="233"] { --ids233-width: 107.548% }
[data-ids="262"] { --ids262-height: 109.598% }
[data-ids="288"] { --ids288-width: 116.183% }
[data-ids="315"] { --ids315-width: 28px; --ids315-background: rgb(198, 255, 61) }
[data-ids="316"] { --ids316-width: 6px; --ids316-background: rgba(255, 255, 255, 0.3) }
[data-ids="427"] { --ids427-width: 100%; --ids427-height: 107.121% }
}
@media (width > 768px) {
[data-ids="141"] { --ids141-transform: translateX(0%) }
[data-ids="152"] { --ids152-height: 112.797% }
[data-ids="178"] { --ids178-width: 109.997% }
[data-ids="207"] { --ids207-height: 112.797% }
[data-ids="233"] { --ids233-width: 107.51% }
[data-ids="262"] { --ids262-height: 109.651% }
[data-ids="288"] { --ids288-width: 116.142% }
[data-ids="315"] { --ids315-width: 28px; --ids315-background: rgb(198, 255, 61) }
[data-ids="316"] { --ids316-width: 6px; --ids316-background: rgba(255, 255, 255, 0.3) }
[data-ids="427"] { --ids427-width: 103.774%; --ids427-height: 100% }
}

