.pn-drawing-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.pn-drawing-toolbar>div{display:flex;gap:8px}.pn-tool{min-height:44px;padding:9px 15px;border:1px solid #c6a5b1;border-radius:999px;background:#fff6f9;color:#683a4e;font-size:14px;font-weight:700;cursor:pointer}.pn-tool[aria-pressed=true]{background:#873d5e;color:#fff;border-color:#873d5e}.pn-quick-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650}.pn-quick-label input,.pn-custom-label input{width:48px;height:44px;padding:3px;background:#fff;border:1px solid #c6a5b1;border-radius:10px;cursor:pointer}.pn-palette-filter label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}.pn-palette-filter select{width:100%;min-height:44px;background:#fff;border:1px solid #c6a5b1;color:#543b46;padding:10px;border-radius:10px;font-size:13px}.pn-lab-palette{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:9px;max-height:305px;overflow:auto;padding:8px;margin:15px 0;scrollbar-color:#c18ca2 #f6e6ed;scrollbar-width:thin}.pn-lab-swatch{min-width:44px;min-height:44px;max-height:52px;border-radius:50%;outline-color:#bda1ab;transform:none!important}.pn-lab-swatch[hidden]{display:none!important}.pn-lab-swatch[aria-pressed=true]{outline:3px solid #683a4e;outline-offset:1px}.pn-pencil-controls{background:#fff;border:1px solid #ead1db;border-radius:15px;padding:17px;margin-bottom:20px}.pn-custom-label{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;margin-bottom:18px}.pn-custom-label span{flex-basis:100%;font-size:12px;color:#683a4e}.pn-pencil-controls>label{font-size:13px;font-weight:650;display:block}.pn-pencil-controls output{float:right;font-size:12px;color:#873d5e}.pn-pencil-controls input[type=range]{width:100%;min-height:44px;accent-color:#873d5e}.pn-pencil-controls p{font-size:12px!important;margin-bottom:0}#pn-lab-canvas{touch-action:none;border:1px solid #e8d5de;--pencil-color:#f5b7cb}#pn-lab-canvas[data-tool=fill]{cursor:cell}.pn-lab-canvas-wrap>p{font-size:12px;line-height:1.7;color:#654853}.pn-lab-actions{gap:8px}.pn-lab-action{min-height:44px}
@media(max-width:550px){.pn-lab-palette{max-height:245px}.pn-drawing-toolbar{padding:7px 5px 0}.pn-tool{padding:9px 13px;font-size:13px}.pn-lab-canvas-wrap>p{padding:0 7px}.pn-pencil-controls{padding:15px}}
.pn-sheet-library{max-width:1120px;margin:30px auto;padding:0 22px}.pn-library-heading{display:flex;gap:24px;align-items:center;justify-content:space-between}.pn-library-heading h2{font:500 clamp(26px,3.5vw,37px)/1.2 Georgia,serif;color:#624452;margin:12px 0}.pn-library-heading>label{font-size:12px;min-width:240px;font-weight:650;color:#654853}.pn-library-heading select{display:block;min-height:44px;width:100%;max-width:330px;padding:10px;border:1px solid #c6a5b1;border-radius:10px;background:white;color:#543b46;font-size:13px;margin-top:7px}.pn-sheet-rail{display:flex;gap:15px;overflow-x:auto;padding:14px 3px 20px;scroll-snap-type:x proximity;scrollbar-color:#c18ca2 #f6e6ed;scrollbar-width:thin}.pn-sheet-card{flex:0 0 164px;scroll-snap-align:start;padding:10px;background:#fff;border:1px solid #ead1db;border-radius:15px;color:#654853;text-align:left;cursor:pointer}.pn-sheet-card[aria-pressed=true]{border:2px solid #873d5e;padding:9px;background:#fff4f8}.pn-sheet-card img{width:100%;height:154px;object-fit:contain;display:block;background:white;border-radius:8px}.pn-sheet-card small{display:block;font-size:10px;line-height:1.5;margin:10px 0 5px}.pn-sheet-card strong{display:block;font-size:13px;line-height:1.45;min-height:38px}.pn-sheet-library>p{font-size:12px;color:#654853;line-height:1.7}.pn-lab-canvas-wrap>h2{font:500 27px/1.2 Georgia,serif;color:#624452;margin:0 0 20px}.pn-lab-model{margin-bottom:25px;padding-bottom:22px;border-bottom:1px solid #dcbcca}.pn-lab-model[hidden]{display:none!important}.pn-lab-model summary{font:500 24px/1.3 Georgia,serif;cursor:pointer;min-height:44px;color:#624452}.pn-lab-model img{display:block;width:100%;height:auto;border:1px solid #ead1db;border-radius:12px;margin-top:12px}.pn-lab-model p{font-size:12px;line-height:1.7}.pn-sheet-card:focus-visible,.pn-library-heading select:focus-visible{outline:3px solid #683a4e;outline-offset:3px}
.pn-drawing-toolbar>div{flex-wrap:wrap;flex-basis:100%}.pn-tool-hint{background:#fff4f8;padding:12px 14px;border-radius:10px;line-height:1.7;margin:14px 0}.pn-lab-canvas-wrap canvas[data-tool=erase]{cursor:crosshair}
@media(max-width:650px){.pn-library-heading{display:block}.pn-library-heading>label{display:block;max-width:100%;margin:18px 0 8px}.pn-library-heading select{max-width:100%}.pn-sheet-library{padding:0 18px;margin-block:22px}.pn-sheet-card{flex-basis:145px}.pn-sheet-card img{height:140px}.pn-lab-canvas-wrap>h2{padding:10px 6px 0;font-size:25px}}

/* The pencil tip is the pointer hotspot; drawing coordinates stay unchanged. */
#pn-lab-canvas[data-tool=pencil],
#pn-lab-canvas[data-tool=outline],
#pn-lab-canvas[data-tool=shadow],
#pn-lab-canvas[data-tool=light],
#pn-lab-canvas[data-tool=blend]{cursor:url("assets/cursors/color-pencil.svg") 3 29,url("assets/cursors/color-pencil.png") 3 29,crosshair}