:where(dialog[data-modal-overlay]){box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}dialog[data-modal-overlay]:not([open]){display:none}dialog[data-modal-overlay]::backdrop{background:0 0}:where(dialog[data-modal-overlay]>[data-modal-shell]){margin-block:auto}:where(dialog[data-modal-overlay]>[data-modal-focus-guard]){clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:fixed;overflow:hidden}
@layer base{[data-coloring]{gap:var(--space-4);flex-direction:column;display:flex}[data-coloring-stage]{width:100%;max-width:32rem;aspect-ratio:var(--coloring-ratio,2 / 3);border:var(--border-w) solid var(--trim);border-radius:var(--radius-sm);background:var(--surface);margin-inline:auto;position:relative;overflow:hidden}[data-coloring-canvas]{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}[data-coloring-stage][data-busy] [data-coloring-canvas]{cursor:default}[data-coloring-notice]{min-height:1.5em;font-size:var(--fs-small);color:var(--inactive);text-align:center;margin:0}[data-coloring-palette]{grid-template-columns:repeat(auto-fit, minmax(var(--control-min-h,44px), 1fr));gap:var(--space-2);width:100%;max-width:32rem;margin-inline:auto;display:grid}[data-coloring-swatch]{aspect-ratio:1;min-height:var(--control-min-h,44px);border:var(--border-w) solid var(--trim);border-radius:var(--radius-sm);background:var(--swatch,var(--surface));cursor:pointer;padding:0}[data-coloring-swatch][data-active]{border-color:var(--highlight);box-shadow:inset 0 0 0 3px var(--background), inset 0 0 0 5px var(--highlight)}[data-coloring-actions]{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}[data-coloring-action]{min-height:var(--control-min-h,44px);padding:0 var(--space-5,1.25rem);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--fs-small);cursor:pointer}[data-coloring-action]:disabled{cursor:default}dialog[data-modal-overlay]:has([data-coloring-action=confirm-yes]){padding:var(--space-4);background:var(--scrim,var(--background-80));justify-content:center;align-items:center;display:flex}dialog[data-modal-overlay]:has([data-coloring-action=confirm-yes]) [data-modal-shell]{width:100%;max-width:24rem;padding:var(--space-6);border:var(--border-w) solid var(--trim);border-radius:var(--radius);background:var(--background)}dialog[data-modal-overlay]:has([data-coloring-action=confirm-yes]) [data-confirm-title]{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--fs-large);color:var(--text)}dialog[data-modal-overlay]:has([data-coloring-action=confirm-yes]) [data-confirm-body]{margin:0 0 var(--space-5)}dialog[data-modal-overlay]:has([data-coloring-action=confirm-yes]) [data-confirm-body] p{font-size:var(--fs-small);color:var(--inactive);margin:0}dialog[data-modal-overlay]:has([data-coloring-action=confirm-yes]) [data-modal-shell]>div:last-child{gap:var(--space-3);flex-wrap:wrap;display:flex}[data-coloring-action=confirm-yes]{border-color:var(--highlight);background:var(--highlight);color:var(--background)}[data-coloring-sheet],[data-coloring-mark]{display:none}@media (min-width:640px){[data-coloring-stage],[data-coloring-palette]{max-width:34rem}}}@media print{[data-site-header],[data-site-banner],[data-account-bar],[data-chat-widget],[data-chat-launcher],[data-dev-site-panel],footer,:is(main>[data-hero],main>[data-section]:not(:has([data-coloring]))),[data-coloring-canvas],[data-coloring-palette],[data-coloring-actions],[data-coloring-notice]{display:none!important}html,body,[data-coloring] [data-game-box],[data-coloring] [data-game-surface],[data-coloring-stage]{background:canvas;border-color:canvastext}main [data-section]:has([data-coloring]){background:canvas;border-color:canvastext}main [data-section]:has([data-coloring]) [data-section-inner]{background:canvas;border-color:canvastext}:is(main [data-section]:has([data-coloring]) h1,main [data-section]:has([data-coloring]) h2,main [data-section]:has([data-coloring]) p,main [data-section]:has([data-coloring]) li,main [data-section]:has([data-coloring]) a,main [data-section]:has([data-coloring]) span){color:canvastext}[data-coloring]{color:canvastext;break-inside:avoid;gap:8mm}[data-coloring-stage]{aspect-ratio:auto;border:0;border-radius:0;max-width:16cm;position:static;overflow:visible}[data-coloring-sheet]{width:100%;height:auto;display:block}[data-coloring-mark]{font-size:var(--fs-micro);letter-spacing:.07em;color:canvastext;text-align:center;margin:0;display:block}}