#studio.mp-painter{padding:0;border:0;background:#071c22;width:min(98vw,177vh);max-width:none;max-height:96vh;overflow:auto;color:#ffe4a0;border-radius:12px;container-type:inline-size}#studio.mp-painter .mp-scene{position:relative;aspect-ratio:1672/941;font-size:clamp(12px,1.15cqw,20px)}#studio.mp-painter .mp-plate{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#studio.mp-painter .mp-title{position:absolute;left:12%;top:6%;width:76%;height:10%;display:flex;align-items:center;justify-content:space-between;gap:1em}#studio.mp-painter h2{margin:0;font-size:2em;text-shadow:0 2px 3px #000}#studio.mp-painter button,#studio.mp-painter input,#studio.mp-painter select{position:static;inset:auto;min-height:0;height:auto;width:auto;max-width:100%;box-sizing:border-box;font-size:inherit;color:#ffe4a0;background:#082733;border:1px solid #ad8b46;border-radius:7px;padding:.45em .55em}#studio.mp-painter button:disabled{opacity:.45;cursor:not-allowed}#studio.mp-painter button:focus-visible,#studio.mp-painter input:focus-visible,#studio.mp-painter select:focus-visible{outline:3px solid #64d9ee;outline-offset:2px}#studio.mp-painter .st-editor{display:contents}#studio.mp-painter .st-tools{position:absolute;left:11.5%;top:22%;width:16%;height:53%;overflow:auto;padding:.5em;box-sizing:border-box;display:flex;flex-direction:column;gap:.5em;background:none}#studio.mp-painter label{display:flex;flex-direction:column;gap:.2em;margin:0}#studio.mp-painter .st-tools select,#studio.mp-painter input,#studio.mp-painter .st-save select{width:100%}#studio.mp-painter input[type=range]{padding:0;min-height:24px;accent-color:#ffda8d}#studio.mp-painter .st-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:.3em;margin:.2em 0}#studio.mp-painter .st-color{background:var(--paint);text-shadow:0 1px 2px #000;color:white;padding:.35em .1em;font-weight:bold}#studio.mp-painter .st-color[aria-pressed=true]{outline:2px solid white;outline-offset:1px}#studio.mp-painter .st-color small{display:block;font-size:.65em}#studio.mp-painter .st-canvas-wrap{position:absolute;left:31%;top:21%;width:38%;height:54%;display:flex;align-items:center;justify-content:center;padding:0;background:none}#studio.mp-painter #board-canvas{width:auto;height:100%;max-width:100%;aspect-ratio:1;object-fit:contain;touch-action:none;background:none;border:0}#studio.mp-painter .st-save{position:absolute;left:72.6%;top:23%;width:15.6%;height:39%;overflow:auto;display:flex;flex-direction:column;gap:.55em;padding:.4em;background:none;box-sizing:border-box}#studio.mp-painter .st-save p{margin:0}#studio.mp-painter .st-save small{font-size:.8em;line-height:1.35;color:#b3ced0}#studio.mp-painter .st-save .st-primary{background:linear-gradient(#ffe4a4,#b68a36);color:#092631;font-weight:bold}#studio.mp-painter .st-save summary{cursor:pointer}#studio.mp-painter footer{position:absolute;left:14%;top:83%;width:72%;height:9%;background:none;border:0;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff0c1}#studio.mp-painter .st-row{display:flex;gap:.3em}#studio.mp-painter .st-odds span{display:flex;justify-content:space-between}.vs-dloubek .vs-portrait{background-image:url('/assets/mask-painter-v1/dloubek.png')!important}
@media(max-width:700px),(max-height:480px){#studio.mp-painter{width:98vw;max-height:96dvh}#studio.mp-painter .mp-scene{aspect-ratio:auto;min-height:100%;padding:12px;background:#08252c;font-size:14px;display:flex;flex-direction:column;gap:12px}#studio.mp-painter .mp-plate{height:auto;opacity:.25}#studio.mp-painter .mp-title{position:relative;inset:auto;width:100%;height:auto;gap:6px}#studio.mp-painter h2{font-size:1.3em}#studio.mp-painter .st-tools,#studio.mp-painter .st-save,#studio.mp-painter .st-canvas-wrap,#studio.mp-painter footer{position:relative;inset:auto;width:100%;height:auto;overflow:visible}#studio.mp-painter .st-canvas-wrap{order:1;height:340px}#studio.mp-painter .mp-title{order:0}#studio.mp-painter .st-tools{order:2;display:grid;grid-template-columns:1fr 1fr;background:#061d26e8}#studio.mp-painter .st-save{order:3;background:#061d26e8}#studio.mp-painter footer{order:4;min-height:35px}#studio.mp-painter button,#studio.mp-painter select{min-height:40px}#studio.mp-painter .st-palette{grid-column:1/-1;grid-template-columns:repeat(6,1fr)}}
#studio.mp-painter{height:auto;width:min(98vw,calc(94dvh * 1672 / 941))}#studio.mp-painter[open]{display:block}#studio.mp-painter .mp-scene{font-size:clamp(12px,.96cqw,17px)}#studio.mp-painter .st-tools>* ,#studio.mp-painter .st-save>*{flex-shrink:0}#studio.mp-painter .st-color{height:auto!important;min-height:48px}#studio.mp-painter .st-save{height:41%}#studio.mp-painter .mp-patterns>label{margin-top:.5em}#studio.mp-painter .st-save details button{display:block;width:100%;margin:.4em 0}#studio.mp-painter .st-tools{height:53%}#studio.mp-painter input[type=range]{max-width:none}@media(max-width:700px),(max-height:480px){#studio.mp-painter{width:98vw;height:96dvh}#studio.mp-painter .mp-scene{font-size:14px}#studio.mp-painter .st-save,#studio.mp-painter .st-tools{height:auto}}