.pinta-dialog{color-scheme:light;box-sizing:border-box;width:min(1080px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:26px;border:1px solid #ac9366;border-radius:14px;background:#faf4e8;color:#352d27;box-shadow:0 24px 100px #0009;font:16px/1.45 system-ui,sans-serif;overflow:auto}
.pinta-dialog::backdrop{background:#15171ecc;backdrop-filter:blur(3px)}
.pinta-dialog header,.pinta-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pinta-dialog h1{font:600 clamp(24px,4vw,36px)/1.2 Georgia,serif;margin:5px 0}.pinta-eyebrow{font-size:11px;letter-spacing:.14em;color:#775d3c}.pinta-dialog h2{font-size:14px;margin:0 0 10px}.pinta-dialog h2 span{color:#826c4e;font-weight:400;margin-left:8px}
.pinta-dialog button{font:inherit;color:inherit;border:1px solid #ab9067;background:#eee0c8;border-radius:7px;padding:9px 14px;cursor:pointer}.pinta-dialog button:hover{filter:brightness(1.06)}.pinta-dialog button:focus-visible,.pinta-dialog summary:focus-visible{outline:3px solid #2168a0;outline-offset:3px}
.pinta-help,.pinta-note{color:#6e6253;font-size:14px}.pinta-workspace{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:20px 0}.pinta-board,.pinta-tray{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-content:start}.pinta-board{border:8px solid #785330;box-shadow:0 0 0 2px #cba76a;background:#e2d4ba}.pinta-tray{gap:5px}
.pinta-dialog .pinta-piece{position:relative;aspect-ratio:1.5;background-color:#dfd2bd;background-size:500% 500%;border:1px solid #aa9679;border-radius:0;padding:0;min-width:0;min-height:0}.pinta-dialog .pinta-piece[aria-pressed=true]{outline:3px solid #20a7d0;outline-offset:-3px;z-index:1}.pinta-slot-number{position:absolute;bottom:1px;right:2px;background:#1c1716b0;color:#fff;font:10px system-ui;padding:0 3px;border-radius:2px;pointer-events:none}.pinta-dialog details{border-top:1px solid #d3c4aa;padding:12px 0}.pinta-dialog summary{cursor:pointer;font-size:14px}.pinta-reference{display:block;width:min(620px,100%);margin:12px auto 0}.pinta-dialog footer{border-top:1px solid #d3c4aa;padding-top:16px;font-size:14px}.pinta-status{max-width:70%}
@media(max-width:680px){.pinta-dialog{padding:14px}.pinta-workspace{grid-template-columns:1fr;gap:18px}.pinta-tray{grid-template-columns:repeat(5,minmax(0,1fr))}.pinta-dialog footer{align-items:flex-start}.pinta-dialog header{align-items:flex-start}.pinta-help{margin-bottom:0}}
.pinta-dialog .pinta-piece{background:transparent;border:0;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate}
.pinta-cut{position:absolute;width:136%;height:154%;left:-18%;top:-27%;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 1px #26170d45)}
.pinta-board{padding:12px;gap:0;overflow:visible}.pinta-tray{padding:14px;column-gap:20px;row-gap:22px;min-height:80px}.pinta-board .pinta-piece[data-filled=true]{z-index:2}.pinta-dialog .pinta-piece[aria-pressed=true]{outline:none;z-index:4}.pinta-piece[aria-pressed=true] .pinta-cut{filter:drop-shadow(0 0 2px #00b4ed) drop-shadow(0 0 2px #00b4ed)}.pinta-dialog .pinta-piece:focus-visible{outline:3px solid #2168a0;z-index:5}.pinta-drop-target{outline:3px solid #219db8!important;z-index:6!important}.pinta-drag-source{opacity:.35}.pinta-drag-ghost{position:fixed;aspect-ratio:1.5;transform:translate(-50%,-50%);pointer-events:none;z-index:100;filter:drop-shadow(0 6px 6px #0006)}
@media(max-width:680px){.pinta-tray{column-gap:14px;row-gap:18px}}
.pinta-completed{position:fixed;inset:0;z-index:10;border:0;background:#10151ff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;color:white;font:inherit;cursor:pointer}.pinta-completed img{width:min(94vw,1100px);max-height:78vh;object-fit:contain;animation:pinta-reveal 1.1s ease-out}.pinta-completed span{max-width:800px;font-size:20px}@keyframes pinta-reveal{from{transform:scale(.35);opacity:.2}to{transform:scale(1);opacity:1}}