.dd-drawing{position:relative;container:drawing/inline-size}.dd-paintbox{z-index:2;color:#17394f;background:#f6e8cd;border:1px solid #d9b17d;border-radius:9px;margin:0 0 10px;padding:4px;position:relative}.dd-compact-tools{grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:3px;display:grid}.dd-paintbox button{cursor:pointer;justify-content:center;align-items:center;gap:5px;color:#17394f!important;min-width:0!important;min-height:34px!important;box-shadow:none!important;background:#fff9e8!important;border:1px solid #0000!important;border-radius:6px!important;padding:4px!important;font-size:18px!important;font-weight:700!important;line-height:1!important;display:flex!important}.dd-paintbox button[aria-pressed=true]{color:#fff9e8!important;background:#17394f!important}.dd-paintbox button[aria-expanded=true]{background:#f3c999!important;border-color:#17394f!important}.dd-paintbox button:disabled{cursor:default;opacity:.35!important}.dd-paintbox button:focus-visible{outline-offset:2px;outline:2px solid #ee865f}.dd-paintbox input:focus-visible{outline-offset:2px;outline:2px solid #ee865f}.dd-editable:focus-visible{outline-offset:2px;outline:2px solid #ee865f}.dd-tool-label{display:none}.dd-current-colour{border:1px solid #17394f;border-radius:50%;width:20px;height:20px;display:block;box-shadow:0 0 0 2px #fff}.dd-size-icon{place-items:center;width:22px;height:22px;display:grid}.dd-size-icon i,.dd-size-options i{background:currentColor;border-radius:50%;display:block}.dd-tool-popover{z-index:5;box-sizing:border-box;color:#17394f;background:#fff9e8;border:2px solid #d9b17d;border-radius:10px;width:min(300px,100%);padding:10px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #102b3c55}.dd-popover-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;display:flex}.dd-popover-title button{width:28px!important;min-height:28px!important}.dd-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:8px 0 12px;display:grid}.dd-palette button{aspect-ratio:1;background:var(--swatch)!important;color:#fff!important;text-shadow:0 1px 2px #000,0 -1px 2px #000!important;border:1px solid #928772!important;border-radius:50%!important;width:100%!important;min-height:0!important;padding:0!important}.dd-palette button[aria-pressed=true]{outline-offset:1px;outline:2px solid #17394f;background:var(--swatch)!important}.dd-paintbox label.dd-custom{justify-content:space-between!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:.8rem!important;font-weight:700!important;display:flex!important}.dd-paintbox .dd-custom input{cursor:pointer;border-radius:5px;background:#fff9e8!important;border:1px solid #b8a480!important;width:44px!important;height:30px!important;min-height:0!important;padding:2px!important}.dd-size-options{justify-content:space-between;gap:6px;display:flex}.dd-size-options button{border:1px solid #b8a480!important;width:40px!important;height:40px!important}.dd-tool-popover>button{width:100%;background:#f6e8cd!important;font-size:.85rem!important}.dd-tool-popover p,.dd-tool-popover small{font-family:Arial,sans-serif;display:block;color:#17394f!important;margin:10px 0 0!important;font-size:.75rem!important;line-height:1.4!important}.dd-editable{touch-action:none;-webkit-user-select:none;user-select:none;display:block}.dd-tool-erase{cursor:cell}.dd-tool-fill{cursor:crosshair}.dd-drawing-status{text-align:right;opacity:.8;min-height:16px;margin:8px 0;font:12px/1.3 Arial,sans-serif}.dd-drawing>.pp-primary{margin-top:4px!important}@container drawing (width>=540px){.dd-compact-tools{grid-template-columns:repeat(5,minmax(0,1fr)) repeat(3,36px)}.dd-tool-label{font-size:12px;display:inline}}.dd .pp-logo{font-size:clamp(.75rem,1.4vw,1.2rem)}.dd-workshop{max-width:700px;margin:auto}.dd-workshop h1{margin:10px 0 16px;font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.2}.dd-paper{aspect-ratio:4/3;background:#fff9e8;border-radius:3px;width:100%;display:block;overflow:hidden}.dd-editable{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 5px #d9b17d,0 10px 20px #091c2a66}.dd-drawing{width:100%}.dd-tools{align-items:center;gap:10px;margin:14px 0;display:flex}.dd-tools button{min-height:36px!important;padding:8px 14px!important}.dd-tools span{margin-left:auto;font-size:.8rem}.dd-wait{justify-content:center;align-items:center;gap:4vw;min-height:65dvh;display:flex}.dd-wait>div:first-child{width:250px}.dd-wait>div:last-child{max-width:650px}.dd-exhibit{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:30px;display:grid}.dd-artwork{position:sticky;top:80px}.dd-plaque{background:#17394f;border:1px solid #dbb76b;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin:0 auto 16px;padding:8px;display:flex}.dd-frame{background:#fffae9;border:12px ridge #d3a45b;transform:rotate(-1deg);box-shadow:0 8px 20px #051a28b3}.dd-private-note{background:#17394f;border-radius:10px;padding:12px;font-size:.9rem}.dd-interpretation h1{font-size:clamp(1.6rem,3vw,2.5rem)}.dd-interpretation>div.character{max-width:200px;margin:auto}.dd-captions{gap:10px;margin:15px 0;display:grid}.dd-caption{min-height:65px;animation:dd-hang .35s calc(var(--i)*40ms) both;grid-template-columns:25px minmax(0,1fr);gap:6px 10px;text-align:left!important;color:#17394f!important;opacity:1!important;background:#fffae9!important;border:2px solid #d4ae73!important;border-radius:10px!important;padding:12px!important;display:grid!important}.dd-caption>span{color:#ac5b3a;font-weight:900}.dd-caption strong{overflow-wrap:anywhere;font-size:1rem;line-height:1.2}.dd-caption small,.dd-guesses{grid-column:2}.dd-caption.own{background:#d3d5c8!important}.dd-caption.truth{background:#def2d8!important;border-color:#52a17d!important}.dd-caption.chosen{border-color:#ed774d!important}.dd-guesses{flex-wrap:wrap;gap:8px;display:flex}.dd-guesses span{align-items:center;gap:4px;font-size:.7rem;display:flex}.dd-real-prompt{color:#ffca8e;font-size:clamp(1.3rem,2vw,1.8rem)}.dd-result-note{font-family:Georgia,serif;font-style:italic}.dd-result-note>span{margin-top:10px;font-family:Arial,sans-serif;font-style:normal;display:block}.dd-result-note small{display:block}.dd-empty{aspect-ratio:4/3;text-align:center;color:#17394f;flex-direction:column;justify-content:center;align-items:center;display:flex}.dd-empty strong{font-size:2rem}.dd-empty small{margin-top:15px}.dd-gallery{margin-top:35px}.dd-gallery>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.dd-gallery article{text-align:left;background:#132f40;border-radius:14px;padding:20px}.dd-gallery .dd-frame{margin-top:15px}.dd-gallery h3{color:#ffcf98;font-size:1rem}.dd-gallery blockquote{border-left:3px solid #ed8756;margin:10px 0;padding:10px;font-size:.9rem}.dd-gallery blockquote small{color:#c9d3d3;display:block}.dd .pp-reactions{flex-wrap:wrap}@keyframes dd-hang{0%{opacity:0;transform:rotate(2deg)translateY(-6px)}to{opacity:1;transform:none}}@media (max-width:760px){.dd .pp-show{padding-inline:12px}.dd .pp-roundbar small{display:block}.dd-exhibit{flex-direction:column;gap:20px;display:flex}.dd-artwork{width:100%;max-width:480px;margin:auto;position:static}.dd-interpretation{width:100%}.dd-interpretation h1{font-size:1.6rem}.dd-workshop .dd-editable{width:min(100%,69.333dvh);max-height:none;margin-inline:auto}.dd-frame{border-width:9px}.dd-plaque{margin-bottom:10px;font-size:.85rem}.dd-gallery>div{grid-template-columns:1fr}.dd .pp-top{padding-inline:8px}.dd .pp-top button{padding:8px!important}.dd .pp-logo{font-size:11px}.dd-wait{text-align:center;flex-direction:column;gap:15px}.dd-wait>div:first-child{width:120px}.dd-wait h1{font-size:2rem}.dd-tools{gap:6px}}@media (prefers-reduced-motion:reduce){.dd *{animation:none!important}}
