.blackboard.svelte-p2ymea{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:crosshair}.controls.svelte-p2ymea{font-size:.6rem;position:fixed;left:var(--sp);z-index:2;background:#fff;padding:15px;border-radius:8px}.controls.top.svelte-p2ymea{top:var(--sp);font-size:1rem}.controls.bottom.svelte-p2ymea{bottom:var(--sp)}.control-section.svelte-p2ymea{margin-bottom:15px}.control-section.svelte-p2ymea:last-child{margin-bottom:0}.color-group.svelte-p2ymea{display:flex;align-items:center;gap:10px;margin-bottom:10px}.brush-group.svelte-p2ymea,.size-group.svelte-p2ymea{display:flex;gap:8px;margin-bottom:10px}.brush-button.svelte-p2ymea,.size-button.svelte-p2ymea{padding:6px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:14px}.brush-button.active.svelte-p2ymea,.size-button.active.svelte-p2ymea{background:#580c13;color:#fff;border-color:#580c13}.color-circle.svelte-p2ymea{width:24px;height:24px;border-radius:50%;border:2px solid #ccc;cursor:pointer}.color-circle.active.svelte-p2ymea{border-color:#000;transform:scale(1.1)}div.blackboard.svelte-p2ymea{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.p5-container canvas{display:block}