.tools-panel{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tool-group{display:flex;align-items:center;gap:8px}.tool-group label{font-weight:600;margin:0;white-space:nowrap}.tool-btn{background:#f8f9fa;border:1px solid #dee2e6;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px}.tool-btn:hover{background:#e9ecef}.tool-btn.active{background:#007bff;color:#fff;border-color:#007bff}.color-picker{display:flex;gap:4px;align-items:center}.color-btn{width:28px;height:28px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease}.color-btn.active,.color-btn:hover{border-color:#007bff;transform:scale(1.1)}#custom-color{width:28px;height:28px;border:none;border-radius:50%;cursor:pointer}#brush-size{width:80px}.action-btn{background:#6c757d;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background .2s ease;font-size:14px}.action-btn:hover{background:#5a6268}#download-btn{background:#28a745}#download-btn:hover{background:#218838}.text-controls{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;display:flex;gap:10px;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}#text-input{flex:1;padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px}#font-size{padding:8px;border:1px solid #dee2e6;border-radius:4px}#add-text-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.canvas-container{text-align:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}#canvas{border:2px solid #dee2e6;border-radius:4px;max-width:100%;height:auto;cursor:crosshair}#canvas.text-mode{cursor:text}.canvas-text-input{font-family:Arial,sans-serif;outline:0;box-shadow:0 2px 8px rgba(0,0,0,.2)}.canvas-text-input:focus{box-shadow:0 2px 12px rgba(0,0,0,.3)}@media (max-width:768px){.tools-panel{flex-direction:column;align-items:stretch;gap:15px}.tool-group{justify-content:center;flex-wrap:wrap}.text-controls{flex-direction:column;align-items:stretch}#text-input{margin-bottom:10px}}