.pen-tool-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;user-select:none}.tools-container{justify-content:space-between;padding:10px 20px;background-color:#f5f5f5;border-bottom:1px solid #ddd;height:80px}.tool-section,.tools-container{display:flex;align-items:center}.tool-section{gap:10px}.tool-btn{padding:8px 16px;border:none;border-radius:4px;background-color:#e0e0e0;cursor:pointer;font-weight:500;transition:all .2s ease}.tool-btn:hover{background-color:#d0d0d0}.tool-btn.active{background-color:#4a90e2;color:#fff}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn{padding:8px 16px;border:none;border-radius:4px;background-color:#4a90e2;color:#fff;cursor:pointer;font-weight:500;transition:all .2s ease}.action-btn:hover{background-color:#3a80d2}.action-btn:disabled{opacity:.5;cursor:not-allowed}.small-btn{padding:2px 6px;border:1px solid #ccc;border-radius:3px;background-color:#f0f0f0;font-size:12px;cursor:pointer}.small-btn:hover{background-color:#e0e0e0}label{display:flex;align-items:center;gap:8px;font-size:14px}input[type=color]{width:30px;height:30px;border:none;border-radius:4px;cursor:pointer}input[type=range]{width:100px}.drawing-canvas{flex-grow:1;background-color:#fff;cursor:crosshair}.status-bar{background-color:#f5f5f5;border-top:1px solid #ddd;padding:5px 20px;font-size:12px;color:#666}