.pa-paint{display:flex;flex-direction:column;height:100%;min-height:270px;background:#c0c0c0;outline:none;color:#111}.pa-paint-filebar{display:flex;align-items:center;gap:5px;padding:5px;border-bottom:1px solid #808080;flex-shrink:0;min-height:35px}.pa-paint-filebar button{padding:3px 8px;min-height:24px;font-size:10px;white-space:nowrap;box-shadow:none}.pa-paint-filebar>span{flex:1}.pa-paint-filebar button[data-paint-action=undo],.pa-paint-filebar button[data-paint-action=redo]{min-width:28px;font-size:16px;padding:0 4px}.pa-paint-main{flex:1;min-height:0;display:flex}.pa-paint-toolbox{width:73px;flex-shrink:0;padding:7px 5px;border-right:1px solid #808080;background:#c0c0c0;overflow:auto}.pa-paint-tools{display:grid;grid-template-columns:1fr 1fr;gap:2px}.pa-paint-tools button{padding:3px;min-width:27px;width:100%;height:29px;min-height:29px;box-shadow:none;display:flex;align-items:center;justify-content:center}.pa-paint-tools svg{width:20px;height:20px;pointer-events:none}.pa-paint-tools button[aria-pressed=true]{border-color:#444 #fff #fff #444;background:repeating-conic-gradient(#ddd 0 25%,#c0c0c0 0 50%) 0/4px 4px}.pa-paint-brush-label{display:block;font-size:9px;line-height:1.8;margin-top:13px}.pa-paint-brush-label select{width:100%;font-size:10px;padding:2px;height:24px}.pa-paint-tool-preview{height:39px;border:2px inset #eee;margin-top:6px;display:flex;align-items:center;justify-content:center;background:#eee}.pa-paint-tool-preview i{display:block;width:3px;height:3px;background:#000;border-radius:50%}.pa-paint-swap{width:100%;font-size:9px;padding:3px 1px;box-shadow:none;margin-top:8px;min-height:23px}.pa-paint-work{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.pa-paint-options{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;flex-shrink:0;border-bottom:1px solid #888;font-size:10px;min-height:31px}.pa-paint-options label{display:flex;align-items:center;gap:5px;min-width:0}.pa-paint-options select{padding:2px 3px;min-width:0;font-size:10px;height:23px}.pa-paint-options label:first-child select{max-width:125px}.pa-paint-viewport{flex:1;min-height:0;min-width:0;overflow:auto;background:#808080;padding:13px;overscroll-behavior:contain;position:relative}.pa-paint-viewport canvas{background:#fff;display:block;outline:1px solid #333;box-shadow:1px 1px #fff;touch-action:none;cursor:crosshair;image-rendering:pixelated;max-width:none;flex-shrink:0}.pa-paint-viewport canvas[data-tool=eyedropper]{cursor:crosshair}.pa-paint-colors{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:6px 8px;border-top:1px solid white;min-height:48px}.pa-paint-color-preview{position:relative;width:42px;height:35px;flex-shrink:0;border:2px inset #eee;background:repeating-conic-gradient(#fff 0 25%,#c0c0c0 0 50%) 0/4px 4px}.pa-paint-color-preview button{position:absolute;box-shadow:none;border:2px outset #eee;padding:0;width:22px;height:22px;min-height:0}.pa-paint-background{right:1px;bottom:1px;z-index:0;background:white}.pa-paint-foreground{left:1px;top:1px;z-index:1;background:black}.pa-paint-palette{display:grid;grid-template-columns:repeat(14,16px);grid-template-rows:repeat(2,16px);gap:1px}.pa-paint-palette button{width:16px;height:16px;min-height:0;padding:0;border:2px solid;border-color:#777 #eee #eee #777;box-shadow:none}.pa-paint-edit-color{font-size:9px;padding:3px 6px;box-shadow:none;min-height:24px}.pa-paint-status{display:flex;align-items:center;gap:8px;border-top:1px solid #888;padding:3px 5px;font-size:9px;min-height:24px;flex-shrink:0}.pa-paint-status>span{border:1px solid;border-color:#888 #eee #eee #888;padding:3px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pa-paint-status>span:first-child{flex:1}.pa-paint-status>span:not(:first-child){min-width:72px}.pa-paint button:focus-visible{outline:1px dotted #111;outline-offset:-5px}@media(max-width:560px){.pa-paint-toolbox{width:61px;padding:5px 3px}.pa-paint-tools button{min-width:25px;width:25px;height:27px;min-height:27px;padding:2px}.pa-paint-filebar{gap:3px;padding:4px}.pa-paint-filebar button{padding:3px 5px;font-size:9px}.pa-paint-filebar button[data-paint-action=save]{max-width:100px;overflow:hidden;text-overflow:ellipsis}.pa-paint-options{padding:4px;gap:4px;font-size:9px}.pa-paint-options select{font-size:9px;max-width:105px}.pa-paint-options label:first-child{max-width:65%}.pa-paint-options label:first-child select{max-width:95px}.pa-paint-colors{gap:5px;padding:5px}.pa-paint-palette{grid-template-columns:repeat(14,12px);grid-template-rows:repeat(2,13px)}.pa-paint-palette button{width:12px;height:13px;border-width:1px}.pa-paint-edit-color{font-size:8px;padding:3px}.pa-paint-color-preview{width:35px;height:30px}.pa-paint-color-preview button{width:20px;height:20px}.pa-paint-status{gap:3px;font-size:8px;padding:3px}.pa-paint-status>span{padding:3px}.pa-paint-status>span:not(:first-child){min-width:52px}}