:root{--bg:#fdf2f8}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0;font-family:Comic Sans MS,Segoe UI,Verdana,sans-serif;overflow-x:hidden}body{flex-direction:column;align-items:center;min-height:100vh;padding:12px 12px 24px;display:flex}h1{color:#d6336c;text-align:center;margin:4px 0 12px;font-size:clamp(1.4rem,5vw,2.2rem)}#toolbar{background:#fffa;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:700px;margin-bottom:14px;padding:10px 14px;display:flex;box-shadow:0 2px 8px #00000014}.swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;width:40px;height:40px;padding:0;transition:transform .1s;box-shadow:0 0 0 2px #ccc}.swatch:hover{transform:scale(1.1)}.swatch.selected{transform:scale(1.15);box-shadow:0 0 0 3px #d6336c}.tool-btn{color:#fff;cursor:pointer;background:#f783ac;border:none;border-radius:12px;height:40px;padding:0 14px;font-size:.95rem;font-weight:700}.tool-btn:hover{background:#e64980}.tool-btn.active{outline:3px solid #d6336c}#brush-sizes{align-items:center;gap:6px;display:flex}.brush-btn{cursor:pointer;background:#fff;border:2px solid #d6336c;border-radius:50%;justify-content:center;align-items:center;display:flex}.brush-btn .dot{background:#d6336c;border-radius:50%}.brush-btn.active{background:#ffd6e7}#canvas-wrap{aspect-ratio:400/600;touch-action:none;background:#fff;border-radius:16px;width:100%;max-width:460px;position:relative;box-shadow:0 4px 16px #00000026}#paintCanvas{border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0}#lineart,#lineart svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#princess-picker{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px;display:flex}.princess-btn{aspect-ratio:400/600;cursor:pointer;background:#fff;border:3px solid #fff;border-radius:12px;width:64px;padding:2px;transition:transform .1s;box-shadow:0 0 0 2px #ccc}.princess-btn:hover{transform:scale(1.08)}.princess-btn.selected{transform:scale(1.12);box-shadow:0 0 0 3px #d6336c}.princess-btn svg{width:100%;height:100%;display:block}