.canvas-wrapper[data-v-432f5b13]{flex-direction:column;align-items:center;gap:.5rem;display:flex}.draw-canvas[data-v-432f5b13]{cursor:crosshair;touch-action:none;background-color:#fff;border:1px solid #999;border-radius:8px}.clear-button[data-v-432f5b13]{background-color:#ffcaca;border:1px solid #999;border-radius:6px;padding:.3rem .8rem}.clear-button[data-v-432f5b13]:hover{background-color:#ff9b9b}.add-button[data-v-ec124bdf]{background-color:#a6eb3f;border-radius:15px;padding:.5rem .75rem}.add-button[data-v-ec124bdf]:hover{background-color:#27aa27;transform:translateY(2px)}.delete-button[data-v-ec124bdf]{background-color:#f66;border-radius:5px}.delete-button[data-v-ec124bdf]:hover{background-color:#c93d3d}.list-wrapper[data-v-ec124bdf]{border:2px dashed #333;border-radius:30px;max-width:80%;padding-right:30px}ul[data-v-ec124bdf]{height:280px;overflow-y:scroll}li[data-v-ec124bdf]{padding-top:.5rem}.display-area[data-v-4f8c265e]{display:flex}.button-area[data-v-4f8c265e]{flex-direction:column;align-items:center;gap:.75rem;display:flex}.save-button[data-v-4f8c265e],.get-button[data-v-4f8c265e]{border:4px solid #666;border-radius:10px;width:25%;padding:5px}.save-button[data-v-4f8c265e]{background-color:#87ceeb}.get-button[data-v-4f8c265e]{background-color:#7fffd4}.save-button[data-v-4f8c265e]:hover,.get-button[data-v-4f8c265e]:hover{transform:translateY(-2px);box-shadow:2px 2px #0003}textarea[data-v-4f8c265e]{resize:none;height:6.2rem;margin:.5rem 1rem;line-height:1.25rem}textarea[data-v-4f8c265e]:read-only{color:#a9a9a9}.input-wrapper[data-v-4f8c265e],.localstorage-wrapper[data-v-4f8c265e]{background-color:#fff;min-width:180px;margin:.5rem;font-size:1rem}h4[data-v-4f8c265e]{text-align:center;margin:0}.card-class[data-v-f52576e6]{background-color:#f0f8ff;border:1px solid #111;min-width:280px;max-width:480px;min-height:350px;max-height:420px;margin:1rem;overflow:hidden}h3[data-v-f52576e6]{margin-left:2rem}.card-grid[data-v-2aedb93c]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;display:grid}