{/* HEADER */}

🎀 Le Petit Studio

{isMultiplayer ? "Decorate with friends, darling" : "Make it lovely"}

{/* CANVAS AREA */}

{/* BACKGROUND IMAGE */} Canvas

{/* VINTAGE FILTER OVERLAY */}

{/* STICKERS LAYER */} {(stickers || []).map(sticker => (

handlePointerDown(e, sticker)} style={{ position: 'absolute', left: `${sticker.x}%`, top: `${sticker.y}%`, transform: `translate(-50%, -50%) rotate(${sticker.rotation}deg) scale(${sticker.scale})`, fontSize: '32px', cursor: 'grab', userSelect: 'none', filter: activeStickerId === sticker.id ? 'drop-shadow(0 4px 6px rgba(0,0,0,0.2))' : 'drop-shadow(0 2px 3px rgba(0,0,0,0.1))', zIndex: activeStickerId === sticker.id ? 100 : 1, transition: 'transform 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275)' }} > {sticker.content} {/* Creator Tag (Multiplayer only) */} {isMultiplayer && sticker.creatorName && activeStickerId !== sticker.id && (

{sticker.creatorName}

)}

))}

{/* CONTROLS AREA */}

{/* ACTIVE STICKER TOOLS */} {activeSticker ? (

{activeSticker.content}

{/* Size Slider */}

🔍 updateSticker(activeSticker.id, { scale: parseFloat(e.target.value) })} style={{ width: '100%', accentColor: '#FFB6C1', height: 4 }} />

{/* Rotation Slider */}

🔄 updateSticker(activeSticker.id, { rotation: parseInt(e.target.value) })} style={{ width: '100%', accentColor: '#D8BFD8', height: 4 }} />

) : (

Tap a sticker to adjust, darling

)} {/* STICKER PALETTE */}

{(STICKER_PALETTE || []).map((item, i) => ( ))}

{/* MAIN ACTIONS */}

); }