/* The waiting sheet is a local gouache study, separate from the delivered image. */
#creation-painting-host { flex: 1; min-height: 0; overflow: hidden; padding: 12px 22px 22px; }
.creation-painting { height: 100%; min-height: 0; margin: 0; display: grid; grid-template-rows: minmax(0,1fr) auto; gap: 13px; }
.painting-easel { position: relative; min-width: 0; min-height: 0; display: flex; align-items: center; justify-content: center; }
.painting-sheet { display: block; flex: none; box-sizing: content-box; border: 13px solid var(--card); outline: 1px solid color-mix(in srgb,var(--line) 66%,transparent); box-shadow: 0 11px 27px color-mix(in srgb,var(--ink) 10%,transparent), 2px 3px 0 var(--paper); border-radius: 2px 3px 1px 2px; }
.painting-caption { display: flex; align-items: center; justify-content: center; gap: 11px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.painting-caption-note { padding-left: 11px; border-left: 1px solid var(--line); opacity: .85; font-size: 13px; }
.painting-pigments { display: inline-flex; align-items: center; gap: 4px; }
.painting-pigments i { width: 10px; height: 7px; border-radius: 42% 30% 41% 27%; background: var(--accent); transform: rotate(-8deg); }
.painting-pigments i:nth-child(2) { background: var(--orange); transform: rotate(7deg); }
.painting-pigments i:nth-child(3) { background: var(--olive); transform: rotate(-4deg); }
[data-theme="ink"] .painting-sheet { border-width: 14px; box-shadow: 3px 4px 0 var(--panel), 0 8px 24px color-mix(in srgb,var(--ink) 7%,transparent); }
[data-theme="cobalt"] .painting-sheet { border-radius: 0; outline-color: var(--accent); box-shadow: 5px 5px 0 color-mix(in srgb,var(--accent) 22%,var(--paper)); }
[data-theme="storybook"] .painting-sheet { border-radius: 4px 8px 5px 7px; }
[data-theme="lifestyle"] .painting-sheet { outline-color: var(--line); box-shadow: 2px 3px 0 var(--panel); }
.result-image-button.artwork-reveal { animation: creation-artwork-arrive 760ms cubic-bezier(.2,.65,.25,1) both; }
@keyframes creation-artwork-arrive { from { opacity: 0; filter: blur(3px); } to { opacity: 1; filter: blur(0); } }
@media (max-height:780px) { #creation-painting-host { padding-block: 6px 14px; } .painting-sheet { border-width: 9px; } }
@media (prefers-reduced-motion: reduce) { .result-image-button.artwork-reveal { animation: none; } }