.toolbox[data-v-4899687d]{height:100%;overflow-y:auto;font-size:14px}[dir] .toolbox[data-v-4899687d]{padding:0}.toolbox-title[data-v-4899687d]{font-size:16px;font-weight:600;color:#333}[dir] .toolbox-title[data-v-4899687d]{margin:0 0 12px 0;text-align:center;padding-bottom:6px;border-bottom:2px solid #e0e0e0}[dir] .tool-section[data-v-4899687d]{margin-bottom:16px}.tool-buttons[data-v-4899687d]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-btn[data-v-4899687d]{display:flex;flex-direction:column;align-items:center;transition:all .2s ease;font-size:11px;min-height:50px}[dir] .tool-btn[data-v-4899687d]{padding:8px 6px;border:2px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer}[dir] .tool-btn[data-v-4899687d]:hover{border-color:#007bff;background-color:#f8f9fa}.tool-btn.active[data-v-4899687d]{color:#fff}[dir] .tool-btn.active[data-v-4899687d]{border-color:#007bff;background-color:#007bff}[dir] .tool-btn.select-tool[data-v-4899687d]{border-color:#28a745}[dir] .tool-btn.select-tool[data-v-4899687d]:hover{border-color:#28a745;background-color:#f8f9fa}.tool-btn.select-tool.active[data-v-4899687d]{color:#fff}[dir] .tool-btn.select-tool.active[data-v-4899687d]{border-color:#28a745;background-color:#28a745}[dir] .tool-btn.redo-tool[data-v-4899687d],[dir] .tool-btn.undo-tool[data-v-4899687d]{border-color:#17a2b8}.tool-btn.redo-tool[data-v-4899687d]:hover,.tool-btn.undo-tool[data-v-4899687d]:hover{color:#17a2b8}[dir] .tool-btn.redo-tool[data-v-4899687d]:hover,[dir] .tool-btn.undo-tool[data-v-4899687d]:hover{border-color:#17a2b8;background-color:#f8f9fa}.tool-btn.redo-tool.active[data-v-4899687d],.tool-btn.undo-tool.active[data-v-4899687d]{color:#fff}[dir] .tool-btn.redo-tool.active[data-v-4899687d],[dir] .tool-btn.undo-tool.active[data-v-4899687d]{border-color:#17a2b8;background-color:#17a2b8}.tool-btn.restricted[data-v-4899687d]{color:#dc3545!important;opacity:.7;position:relative}[dir] .tool-btn.restricted[data-v-4899687d]{border-color:#dc3545!important;background-color:#fff5f5!important;cursor:not-allowed}.tool-btn.restricted[data-v-4899687d]:hover{color:#dc3545!important}[dir] .tool-btn.restricted[data-v-4899687d]:hover{border-color:#dc3545!important;background-color:#fff5f5!important}.tool-btn.restricted.active[data-v-4899687d]{color:#fff!important}[dir] .tool-btn.restricted.active[data-v-4899687d]{border-color:#dc3545!important;background-color:#dc3545!important}.restriction-icon[data-v-4899687d]{position:absolute;top:2px;font-size:8px!important;color:#fff;width:12px;height:12px;display:flex;align-items:center;justify-content:center}[dir] .restriction-icon[data-v-4899687d]{background-color:#dc3545;border-radius:50%}[dir=ltr] .restriction-icon[data-v-4899687d]{right:2px}[dir=rtl] .restriction-icon[data-v-4899687d]{left:2px}.restricted-text[data-v-4899687d]{color:#dc3545!important;font-weight:500}.tool-btn i[data-v-4899687d]{font-size:16px}[dir] .tool-btn i[data-v-4899687d]{margin-bottom:4px}.tool-btn span[data-v-4899687d]{font-weight:500}[dir] .tool-btn span[data-v-4899687d]{text-align:center}[dir] .quick-options[data-v-4899687d]{margin-bottom:16px;padding:8px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.options-compact[data-v-4899687d]{width:100%}.option-row[data-v-4899687d]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-input[data-v-4899687d]{width:32px;height:32px}[dir] .color-input[data-v-4899687d]{border:none;border-radius:4px;cursor:pointer;padding:0;background:none}.size-slider[data-v-4899687d]{flex:1;min-width:60px;height:6px;outline:none}[dir] .size-slider[data-v-4899687d]{border-radius:3px;background:#ddd;cursor:pointer}.size-display[data-v-4899687d]{font-size:11px;font-weight:500;color:#666;min-width:35px}[dir] .size-display[data-v-4899687d]{text-align:center}.fill-toggle[data-v-4899687d]{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#666;user-select:none}[dir] .fill-toggle[data-v-4899687d]{cursor:pointer}[dir] .fill-toggle input[type=checkbox][data-v-4899687d]{margin:0;cursor:pointer}[dir] .canvas-actions[data-v-4899687d]{margin-top:auto;padding-top:16px;border-top:1px solid #e0e0e0}.action-btn[data-v-4899687d]{width:100%;color:#dc3545;transition:all .2s ease;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}[dir] .action-btn[data-v-4899687d]{padding:8px 12px;border:2px solid #dc3545;border-radius:6px;background-color:#fff;cursor:pointer}.action-btn[data-v-4899687d]:hover{color:#fff}[dir] .action-btn[data-v-4899687d]:hover{background-color:#dc3545}.action-btn i[data-v-4899687d]{font-size:14px}[dir] .permission-notice[data-v-4899687d]{margin-top:8px;text-align:center}.permission-notice small[data-v-4899687d]{display:flex;align-items:center;justify-content:center;gap:4px;color:#6c757d;font-size:10px;font-style:italic}.permission-notice i[data-v-4899687d]{font-size:9px}.action-btn.disabled[data-v-4899687d]{opacity:.5;pointer-events:none}[dir] .action-btn.disabled[data-v-4899687d]{cursor:not-allowed}.toolbox[data-v-4899687d]::-webkit-scrollbar{width:4px}[dir] .toolbox[data-v-4899687d]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}[dir] .toolbox[data-v-4899687d]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}[dir] .toolbox[data-v-4899687d]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.toolbox[data-v-4899687d]{font-size:13px}.toolbox-title[data-v-4899687d]{font-size:15px}[dir] .toolbox-title[data-v-4899687d]{margin-bottom:10px}.tool-buttons[data-v-4899687d]{gap:4px}.tool-btn[data-v-4899687d]{font-size:10px;min-height:45px}[dir] .tool-btn[data-v-4899687d]{padding:6px 4px}.tool-btn i[data-v-4899687d]{font-size:14px}[dir] .tool-btn i[data-v-4899687d]{margin-bottom:3px}[dir] .quick-options[data-v-4899687d]{padding:6px;margin-bottom:12px}.option-row[data-v-4899687d]{gap:6px}.color-input[data-v-4899687d]{width:28px;height:28px}.size-display[data-v-4899687d]{font-size:10px;min-width:30px}.fill-toggle[data-v-4899687d]{font-size:10px}.action-btn[data-v-4899687d]{font-size:11px}[dir] .action-btn[data-v-4899687d]{padding:6px 10px}.permission-notice small[data-v-4899687d]{font-size:9px;gap:3px}.permission-notice i[data-v-4899687d]{font-size:8px}}.local-camera[data-v-e4af3916]{height:100%;display:flex;flex-direction:column}.camera-title[data-v-e4af3916]{font-size:14px;font-weight:600;color:#333}[dir] .camera-title[data-v-e4af3916]{margin:0 0 12px 0;text-align:center}.camera-container[data-v-e4af3916],.camera-placeholder[data-v-e4af3916]{flex:1;display:flex;flex-direction:column}.camera-placeholder[data-v-e4af3916]{align-items:center;justify-content:center;color:#fff;min-height:120px}[dir] .camera-placeholder[data-v-e4af3916]{background-color:#000;border-radius:8px;margin-bottom:12px}.camera-icon[data-v-e4af3916]{font-size:32px;opacity:.7}[dir] .camera-icon[data-v-e4af3916]{margin-bottom:8px}.camera-text[data-v-e4af3916]{font-size:14px;font-weight:500}[dir] .camera-text[data-v-e4af3916]{margin:0}.camera-subtext[data-v-e4af3916]{font-size:12px;opacity:.7}[dir] .camera-subtext[data-v-e4af3916]{margin:4px 0 0 0}.camera-controls[data-v-e4af3916]{display:flex;justify-content:center;gap:8px}.camera-btn[data-v-e4af3916]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s}[dir] .camera-btn[data-v-e4af3916]{border:1px solid #ddd;border-radius:50%;background-color:#fff;cursor:pointer}[dir] .camera-btn[data-v-e4af3916]:hover{background-color:#f5f5f5}.camera-btn.active[data-v-e4af3916]{color:#fff}[dir] .camera-btn.active[data-v-e4af3916]{background-color:#28a745;border-color:#28a745}.camera-btn i[data-v-e4af3916]{font-size:14px}.settings-btn[data-v-e4af3916]{color:#6c757d}[dir] .settings-btn[data-v-e4af3916]{border-color:#6c757d}.settings-btn[data-v-e4af3916]:hover{color:#fff}[dir] .settings-btn[data-v-e4af3916]:hover{background-color:#6c757d}.canvas-container[data-v-762d5b04]{width:100%;height:100%;position:relative;overflow:hidden}[dir] .canvas-container[data-v-762d5b04]{background-color:#fff}.sidebar-toggle[data-v-762d5b04]{position:absolute;top:10px;z-index:1001;width:40px;height:40px;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}[dir] .sidebar-toggle[data-v-762d5b04]{border:none;border-radius:50%;background-color:rgba(40,167,69,.9);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2)}[dir=ltr] .sidebar-toggle[data-v-762d5b04]{left:50%;transform:translateX(-50%)}[dir=rtl] .sidebar-toggle[data-v-762d5b04]{right:50%;transform:translateX(50%)}[dir] .sidebar-toggle[data-v-762d5b04]:hover{background-color:#28a745}[dir=ltr] .sidebar-toggle[data-v-762d5b04]:hover{transform:translateX(-50%) scale(1.1)}[dir=rtl] .sidebar-toggle[data-v-762d5b04]:hover{transform:translateX(50%) scale(1.1)}.controls-toggle[data-v-762d5b04]{position:absolute;top:10px;z-index:1001;width:40px;height:40px;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}[dir] .controls-toggle[data-v-762d5b04]{border:none;border-radius:50%;background-color:rgba(0,123,255,.9);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2)}[dir=ltr] .controls-toggle[data-v-762d5b04]{right:50%;transform:translateX(50%)}[dir=rtl] .controls-toggle[data-v-762d5b04]{left:50%;transform:translateX(-50%)}[dir] .controls-toggle[data-v-762d5b04]:hover{background-color:#007bff}[dir=ltr] .controls-toggle[data-v-762d5b04]:hover{transform:translateX(50%) scale(1.1)}[dir=rtl] .controls-toggle[data-v-762d5b04]:hover{transform:translateX(-50%) scale(1.1)}.background-controls[data-v-762d5b04]{position:absolute;top:10px;z-index:1000;display:flex;gap:4px;transition:all .3s ease}[dir] .background-controls[data-v-762d5b04]{background-color:hsla(0,0%,100%,.95);padding:6px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15)}[dir=ltr] .background-controls[data-v-762d5b04]{right:10px}[dir=rtl] .background-controls[data-v-762d5b04]{left:10px}.zoom-controls[data-v-762d5b04]{position:absolute;top:10px;z-index:1000;display:flex;align-items:center;gap:4px;transition:all .3s ease}[dir] .zoom-controls[data-v-762d5b04]{background-color:hsla(0,0%,100%,.95);padding:6px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15)}[dir=ltr] .zoom-controls[data-v-762d5b04]{left:10px}[dir=rtl] .zoom-controls[data-v-762d5b04]{right:10px}.background-controls.hidden[data-v-762d5b04],.zoom-controls.hidden[data-v-762d5b04]{opacity:0;pointer-events:none}[dir] .background-controls.hidden[data-v-762d5b04],[dir] .zoom-controls.hidden[data-v-762d5b04]{transform:translateY(-10px)}.control-btn[data-v-762d5b04]{width:28px;height:28px;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#495057}[dir] .control-btn[data-v-762d5b04]{border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;cursor:pointer}.control-btn[data-v-762d5b04]:hover{color:#007bff}[dir] .control-btn[data-v-762d5b04]:hover{background-color:#f8f9fa;border-color:#007bff}[dir] .control-btn[data-v-762d5b04]:active{transform:scale(.95)}.zoom-level[data-v-762d5b04]{font-size:10px;font-weight:600;color:#495057;min-width:32px}[dir] .zoom-level[data-v-762d5b04]{text-align:center;padding:0 4px}.reset-btn[data-v-762d5b04]{color:#28a745}[dir] .reset-btn[data-v-762d5b04]{border-color:#28a745}.reset-btn[data-v-762d5b04]:hover{color:#fff}[dir] .reset-btn[data-v-762d5b04]:hover{background-color:#28a745;border-color:#28a745}.clear-btn[data-v-762d5b04]{color:#fff}[dir] .clear-btn[data-v-762d5b04]{background-color:#dc3545;border-color:#dc3545}[dir] .clear-btn[data-v-762d5b04]:hover{background-color:#c82333;border-color:#c82333}.control-btn.fullscreen-btn[data-v-762d5b04]{color:#fff}[dir] .control-btn.fullscreen-btn[data-v-762d5b04]{background-color:#28a745;border-color:#28a745}[dir] .control-btn.fullscreen-btn[data-v-762d5b04]:hover{background-color:#218838;border-color:#1e7e34}.canvas-container[data-v-762d5b04] .konvajs-content{width:100%!important;height:100%!important;position:relative;z-index:1}.canvas-container[data-v-762d5b04] canvas{position:relative;z-index:1}@media (max-width:768px){.controls-toggle[data-v-762d5b04],.sidebar-toggle[data-v-762d5b04]{display:none}}@media (min-width:769px){[dir] .background-controls[data-v-762d5b04],[dir] .zoom-controls[data-v-762d5b04]{padding:4px}.control-btn[data-v-762d5b04]{width:24px;height:24px;font-size:11px}.zoom-level[data-v-762d5b04]{font-size:9px;min-width:28px}}.frame-violation-feedback[data-v-762d5b04]{position:absolute;top:50%;z-index:1002;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;pointer-events:none}[dir] .frame-violation-feedback[data-v-762d5b04]{background-color:rgba(220,53,69,.95);padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(220,53,69,.4)}[dir=ltr] .frame-violation-feedback[data-v-762d5b04]{left:50%;transform:translate(-50%,-50%);animation:frameViolationPulse-ltr-data-v-762d5b04 .5s ease-in-out}[dir=rtl] .frame-violation-feedback[data-v-762d5b04]{right:50%;transform:translate(50%,-50%);animation:frameViolationPulse-rtl-data-v-762d5b04 .5s ease-in-out}.frame-violation-feedback i[data-v-762d5b04]{font-size:16px}[dir=ltr] .frame-violation-feedback i[data-v-762d5b04]{animation:frameViolationShake-ltr-data-v-762d5b04 .3s ease-in-out}[dir=rtl] .frame-violation-feedback i[data-v-762d5b04]{animation:frameViolationShake-rtl-data-v-762d5b04 .3s ease-in-out}@keyframes frameViolationPulse-ltr-data-v-762d5b04{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes frameViolationPulse-rtl-data-v-762d5b04{0%{opacity:0;transform:translate(50%,-50%) scale(.8)}50%{opacity:1;transform:translate(50%,-50%) scale(1.05)}to{opacity:1;transform:translate(50%,-50%) scale(1)}}@keyframes frameViolationShake-ltr-data-v-762d5b04{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes frameViolationShake-rtl-data-v-762d5b04{0%,to{transform:translateX(0)}25%{transform:translateX(2px)}75%{transform:translateX(-2px)}}