._canvas_9cp4y_1{pointer-events:none;z-index:10;transition:border-color var(--transition-fast);border:2px solid #0000;position:absolute;top:0;left:0}._canvas_9cp4y_1._drawingMode_9cp4y_11{pointer-events:auto;border-color:var(--color-primary)}._canvas_9cp4y_1._eraserCursor_9cp4y_16,._canvas_9cp4y_1._penCursor_9cp4y_20,._canvas_9cp4y_1._highlighterCursor_9cp4y_24{cursor:crosshair}._container_mjmxe_1{background:var(--color-light);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}._placeholder_mjmxe_12{text-align:center;color:var(--color-light-dark)}._placeholder_mjmxe_12 h2{margin-bottom:var(--spacing-sm);color:var(--color-dark)}._videoContainer_mjmxe_22{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative}._video_mjmxe_22{border-radius:var(--border-radius);max-width:100%;max-height:100%;box-shadow:var(--shadow-md);display:block}._toolPanel_agnti_1{background:var(--color-dark);color:#fff;width:300px;padding:var(--spacing-lg);border-left:1px solid var(--color-dark-light);overflow-y:auto}._toolPanel_agnti_1::-webkit-scrollbar{width:6px}._toolPanel_agnti_1::-webkit-scrollbar-track{background:var(--color-dark)}._toolPanel_agnti_1::-webkit-scrollbar-thumb{background:var(--color-dark-light);border-radius:3px}._toolPanel_agnti_1::-webkit-scrollbar-thumb:hover{background:var(--color-dark-lighter)}._disabled_agnti_27{text-align:center;height:100%;color:var(--color-gray);justify-content:center;align-items:center;display:flex}._toolGroup_agnti_36{margin-bottom:var(--spacing-xl)}._toolGroup_agnti_36 h3{margin-bottom:var(--spacing-md);color:var(--color-light);font-size:var(--font-size-base);border-bottom:1px solid var(--color-dark-light);padding-bottom:var(--spacing-sm)}._toggleBtn_agnti_48{width:100%;padding:var(--spacing-md);border-radius:var(--border-radius);background:var(--color-dark-light);color:#fff;font-size:var(--font-size-sm);font-weight:500;display:block}._toggleBtn_agnti_48:hover{background:var(--color-dark-lighter)}._toggleBtn_agnti_48._active_agnti_63{background:var(--color-danger)}._toggleBtn_agnti_48._active_agnti_63:hover{background:var(--color-danger-dark)}._toolButton_agnti_71{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-radius:var(--border-radius);background:var(--color-dark-light);color:#fff;font-size:var(--font-size-sm);display:flex}._toolButton_agnti_71:hover{background:var(--color-dark-lighter)}._toolButton_agnti_71._active_agnti_63{background:var(--color-primary)}._toolButton_agnti_71._active_agnti_63:hover{background:var(--color-primary-dark)}._toolIcon_agnti_96{font-size:var(--font-size-base)}._colorGrid_agnti_100{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);grid-template-columns:repeat(4,1fr);display:grid}._colorButton_agnti_107{border-radius:var(--border-radius);width:100%;height:30px;transition:border-color var(--transition-fast);border:2px solid #0000}._colorButton_agnti_107:hover{border-color:var(--color-light)}._colorButton_agnti_107._active_agnti_63{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}._colorPicker_agnti_124{border-radius:var(--border-radius);width:100%;height:40px}._widthSlider_agnti_130{width:100%;margin-bottom:var(--spacing-sm)}._widthDisplay_agnti_135{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-light);display:block}._historyControls_agnti_142{gap:var(--spacing-sm);display:flex}._historyBtn_agnti_147{padding:var(--spacing-sm);border-radius:var(--border-radius);background:var(--color-dark-light);color:#fff;font-size:var(--font-size-sm);flex:1}._historyBtn_agnti_147:hover:not(:disabled){background:var(--color-dark-lighter)}._historyBtn_agnti_147:disabled{background:var(--color-gray);color:var(--color-gray-light)}._exportBtn_agnti_165{width:100%;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-radius:var(--border-radius);background:var(--color-success);color:#fff;font-size:var(--font-size-sm);text-align:left;display:block}._exportBtn_agnti_165:hover{background:var(--color-success-dark)}._exportBtn_agnti_165:last-child{margin-bottom:0}@media (width<=768px){._toolPanel_agnti_1{order:-1;width:100%;max-height:200px}}._controlBar_wqgol_1{background:var(--color-dark-light);padding:var(--spacing-lg);gap:var(--spacing-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;display:flex}._controlGroup_wqgol_11{gap:var(--spacing-sm);align-items:center;display:flex}._startBtn_wqgol_17{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-sm);background:var(--color-success);color:#fff;font-weight:500}._startBtn_wqgol_17:hover:not(:disabled){background:var(--color-success-dark)}._startBtn_wqgol_17:disabled{background:var(--color-gray)}._stopBtn_wqgol_34{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-sm);background:var(--color-danger);color:#fff;font-weight:500}._stopBtn_wqgol_34:hover{background:var(--color-danger-dark)}._clearBtn_wqgol_47{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-sm);background:var(--color-warning);color:#fff;font-weight:500}._clearBtn_wqgol_47:hover{background:var(--color-warning-dark)}._statusIndicator_wqgol_60{color:#fff;font-size:var(--font-size-sm);font-weight:500}._errorMessage_wqgol_66{color:var(--color-danger);padding:var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-sm);background:#fadbd8}@media (width<=768px){._controlBar_wqgol_1{gap:var(--spacing-sm);flex-direction:column}._controlGroup_wqgol_11{justify-content:center;width:100%}}:root{--color-primary:#3498db;--color-primary-dark:#2980b9;--color-success:#27ae60;--color-success-dark:#2ecc71;--color-danger:#e74c3c;--color-danger-dark:#c0392b;--color-warning:#f39c12;--color-warning-dark:#e67e22;--color-dark:#2c3e50;--color-dark-light:#34495e;--color-dark-lighter:#4a5f7a;--color-gray:#95a5a6;--color-gray-light:#bdc3c7;--color-light:#ecf0f1;--color-light-dark:#7f8c8d;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--border-radius:4px;--border-radius-lg:8px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0003;--transition-fast:.2s ease;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-sm:14px;--font-size-base:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-light)}#root{height:100vh}.app{flex-direction:column;height:100vh;display:flex}button{cursor:pointer;transition:var(--transition-fast);border:none;font-family:inherit}button:disabled{cursor:not-allowed}