.paint-entry{position:absolute;top:24px;right:24px;z-index:4;width:52px;height:52px;border:0;background:transparent;color:var(--ink);font-size:40px;line-height:1;cursor:pointer}.paint-entry:focus-visible{outline:3px solid var(--focus);border-radius:10px}.paint-view{display:flex;flex-direction:column;align-items:center}.paint-view .topbar{position:absolute;top:24px;left:24px;right:24px;z-index:8;width:auto}.paint-title{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;margin:-28px 0 12px}.paint-title img{width:64px;height:64px;object-fit:contain}.paint-canvas-wrap{width:min(560px,76vh,72vw);aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;overflow:hidden;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}.paint-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.paint-tools{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.paint-tools button{min-height:40px;border:2px solid var(--ink);border-radius:99px;background:var(--paper);padding:6px 13px;cursor:pointer}.paint-tools .colors{display:flex;gap:9px}.paint-tools .color{width:31px;min-height:31px;padding:0;border-radius:50%;background:var(--color)}.paint-tools .color.active{outline:3px solid var(--focus);outline-offset:3px}.drawing-preview{display:block;margin:0 auto;width:140px;min-height:48px;border:2px dashed var(--ink);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;overflow:hidden}.drawing-preview.has-drawing{height:140px;border-style:solid}.drawing-preview img{width:100%;height:100%;object-fit:cover}.mood-picker{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#1f1f1c66}.picker-card{width:min(560px,90vw);padding:28px;background:var(--paper);border:3px solid var(--ink);text-align:center}.picker-card p{font-size:20px;font-weight:700}.picker-card>div{display:flex;justify-content:center;gap:8px}.picker-card [data-mood]{border:0;background:transparent;cursor:pointer}.picker-card img{width:70px;height:70px;object-fit:contain}.picker-card span{display:block}.picker-close{margin-top:18px;border:0;background:transparent;text-decoration:underline;cursor:pointer}@media(max-width:767px){.paint-canvas-wrap{width:min(78vw,520px)}.paint-title{margin:0 0 10px}.paint-tools{padding:0 10px}.paint-entry{top:16px;right:16px}.picker-card>div{flex-wrap:wrap}}