feat: Refactor application layout for full-height content and implement resizable draft UI with card zoom and scaling.

docs/development/devlog/2025-12-16-200500_resizable_draft_ui.md

@@ -0,0 +1,34 @@
+# Resizable Draft Interface
+
+## Status
+- [x] Implement resizable bottom "Pool" panel.
+- [x] Implement resizable card size slider.
+- [x] Persist settings to `localStorage`.
+
+## Technical Plan
+
+### `src/client/src/modules/draft/DraftView.tsx`
+
+1.  **State Initialization**:
+    -   `poolHeight`: number (default ~220). Load from `localStorage.getItem('draft_poolHeight')`.
+    -   `cardScale`: number (default 1 or specific width like 224px). Load from `localStorage.getItem('draft_cardScale')`.
+
+2.  **Resize Handle**:
+    -   Insert a `div` cursor-row-resize between the Main Area and the Bottom Area.
+    -   Implement `onMouseDown` handler to start dragging.
+    -   Implement `onMouseMove` and `onMouseUp` on the window/document to handle the resize logic.
+
+3.  **Card Size Control**:
+    -   Add a slider (`<input type="range" />`) in the Top Header area to adjust `cardScale`.
+    -   Apply this scale to the card images/containers in the Main Area.
+
+4.  **Persistence**:
+    -   `useEffect` hooks to save state changes to `localStorage`.
+
+5.  **Refactoring Styling**:
+    -   Change `h-[220px]` class on the bottom panel to `style={{ height: poolHeight }}`.
+    -   Update card width class `w-56` to dynamic style or class based on scale.
+
+## UX Improvements
+-   Add limit constraints (min height for pool, max height for pool).
+-   Add limit constraints for card size (min visible, max huge).