.diff-container[data-v-63a1dfa8]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.diff-header[data-v-63a1dfa8]{display:grid;grid-template-columns:1fr 1fr;background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.file-label[data-v-63a1dfa8]{padding:15px 20px;font-weight:600;text-align:center;border-right:1px solid #dee2e6}.file-label[data-v-63a1dfa8]:last-child{border-right:none}.file-label.original[data-v-63a1dfa8]{color:#dc3545}.file-label.modified[data-v-63a1dfa8]{color:#28a745}.diff-content[data-v-63a1dfa8]{display:grid;grid-template-columns:1fr 1fr;max-height:600px;overflow:auto}.diff-pane[data-v-63a1dfa8]{display:flex;border-right:1px solid #dee2e6}.diff-pane[data-v-63a1dfa8]:last-child{border-right:none}.line-numbers[data-v-63a1dfa8]{background-color:#f8f9fa;color:#6c757d;padding:0;border-right:1px solid #dee2e6;min-width:50px;-webkit-user-select:none;user-select:none}.line-number[data-v-63a1dfa8]{padding:2px 8px;text-align:right;font-family:Monaco,Menlo,monospace;font-size:12px;line-height:1.5;min-height:21px}.file-content[data-v-63a1dfa8]{flex:1;font-family:Monaco,Menlo,monospace;font-size:14px}.code-line[data-v-63a1dfa8]{padding:2px 12px;line-height:1.5;min-height:21px;white-space:pre-wrap;word-break:break-all}.line-unchanged[data-v-63a1dfa8]{background-color:#fff}.line-added[data-v-63a1dfa8]{background-color:#d4edda;border-left:3px solid #28a745}.line-removed[data-v-63a1dfa8]{background-color:#f8d7da;border-left:3px solid #dc3545}.original-pane .line-added[data-v-63a1dfa8],.modified-pane .line-removed[data-v-63a1dfa8]{background-color:transparent;border:none}.xml-formatter[data-v-001a6209]{max-width:1200px;margin:0 auto}.xml-input-section[data-v-001a6209]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.xml-input-section h3[data-v-001a6209]{margin-bottom:15px;color:#555}.xml-textarea[data-v-001a6209]{width:100%;height:300px;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:14px;resize:vertical;margin-bottom:15px}.xml-controls[data-v-001a6209]{display:flex;flex-direction:column;gap:15px}.indent-options[data-v-001a6209]{display:flex;align-items:center;gap:10px;padding:10px;background-color:#f8f9fa;border-radius:4px;border:1px solid #dee2e6}.indent-options label[data-v-001a6209]{font-size:14px;font-weight:500;color:#495057}.indent-select[data-v-001a6209]{padding:4px 8px;border:1px solid #ced4da;border-radius:3px;font-size:13px;background-color:#fff}.indent-size[data-v-001a6209]{width:60px;padding:4px 8px;border:1px solid #ced4da;border-radius:3px;font-size:13px;text-align:center}.control-buttons[data-v-001a6209]{display:flex;gap:10px}.format-btn[data-v-001a6209]{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.format-btn[data-v-001a6209]:hover:not(:disabled){background-color:#218838}.format-btn[data-v-001a6209]:disabled{background-color:#ccc;cursor:not-allowed}.clear-btn[data-v-001a6209]{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.clear-btn[data-v-001a6209]:hover{background-color:#545b62}.xml-output-section[data-v-001a6209]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.xml-output-section h3[data-v-001a6209]{margin-bottom:15px;color:#555}.xml-output[data-v-001a6209]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:15px;max-height:500px;overflow:auto;margin-bottom:15px}.xml-output pre[data-v-001a6209]{margin:0;font-family:Monaco,Menlo,monospace;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-all}.output-controls[data-v-001a6209]{display:flex;gap:10px}.copy-btn[data-v-001a6209]{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.copy-btn[data-v-001a6209]:hover{background-color:#0056b3;transform:translateY(-1px)}.copy-btn.copied[data-v-001a6209]{background-color:#28a745;transform:scale(1.05);box-shadow:0 4px 12px #28a7454d}.copy-btn.copied[data-v-001a6209]:after{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;opacity:0;animation:checkmark-001a6209 .6s ease-in-out}@keyframes checkmark-001a6209{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.error-section[data-v-001a6209]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;border-left:4px solid #dc3545}.error-section h3[data-v-001a6209]{margin-bottom:15px;color:#dc3545}.error-message[data-v-001a6209]{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:14px}.json-formatter[data-v-20a7b805]{padding:20px}.input-section[data-v-20a7b805]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.input-section h3[data-v-20a7b805]{margin-bottom:15px;color:#555}.json-input[data-v-20a7b805]{width:100%;height:300px;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;resize:vertical;line-height:1.5}.formatting-options[data-v-20a7b805]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.formatting-options h3[data-v-20a7b805]{margin-bottom:15px;color:#555}.options-grid[data-v-20a7b805]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.option-group[data-v-20a7b805]{display:flex;align-items:center}.option-group label[data-v-20a7b805]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#333}.option-group input[type=checkbox][data-v-20a7b805],.option-group input[type=radio][data-v-20a7b805]{margin-right:8px}.indent-select[data-v-20a7b805]{margin-left:8px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.controls[data-v-20a7b805]{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.format-btn[data-v-20a7b805],.validate-btn[data-v-20a7b805],.copy-btn[data-v-20a7b805],.download-btn[data-v-20a7b805],.clear-btn[data-v-20a7b805]{padding:10px 20px;border:none;border-radius:6px;font-size:15px;cursor:pointer;transition:background-color .2s;font-weight:500}.format-btn[data-v-20a7b805]{background-color:#28a745;color:#fff}.format-btn[data-v-20a7b805]:hover:not(:disabled){background-color:#218838}.validate-btn[data-v-20a7b805]{background-color:#007bff;color:#fff}.validate-btn[data-v-20a7b805]:hover:not(:disabled){background-color:#0056b3}.copy-btn[data-v-20a7b805]{background-color:#17a2b8;color:#fff}.copy-btn[data-v-20a7b805]:hover:not(:disabled){background-color:#138496}.download-btn[data-v-20a7b805]{background-color:#ffc107;color:#212529}.download-btn[data-v-20a7b805]:hover:not(:disabled){background-color:#e0a800}.clear-btn[data-v-20a7b805]{background-color:#6c757d;color:#fff}.clear-btn[data-v-20a7b805]:hover{background-color:#545b62}.format-btn[data-v-20a7b805]:disabled,.validate-btn[data-v-20a7b805]:disabled,.copy-btn[data-v-20a7b805]:disabled,.download-btn[data-v-20a7b805]:disabled{background-color:#ccc;cursor:not-allowed;color:#666}.fixes-section[data-v-20a7b805]{background-color:#d1ecf1;color:#0c5460;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #bee5eb}.fixes-section h4[data-v-20a7b805]{margin:0 0 10px;font-size:14px;font-weight:600;color:#0c5460}.fixes-section ul[data-v-20a7b805]{margin:0;padding-left:20px}.fixes-section li[data-v-20a7b805]{font-size:13px;margin-bottom:5px;color:#0c5460}.error-message[data-v-20a7b805]{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #f5c6cb}.validation-message[data-v-20a7b805]{padding:12px;border-radius:4px;margin-bottom:20px;font-weight:500;text-align:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.validation-message.valid[data-v-20a7b805]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.output-section[data-v-20a7b805]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.output-header[data-v-20a7b805]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.output-header h3[data-v-20a7b805]{color:#555}.stats[data-v-20a7b805]{display:flex;gap:15px;font-size:13px;color:#666}.stats span[data-v-20a7b805]{padding:4px 8px;background:#f0f0f0;border-radius:4px}.json-output[data-v-20a7b805]{background:#f8f9fa;padding:15px;border-radius:4px;overflow-x:auto;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;line-height:1.5;color:#333;border:1px solid #dee2e6;max-height:500px;overflow-y:auto}.json-path-section[data-v-20a7b805]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.json-path-section h3[data-v-20a7b805]{margin-bottom:15px;color:#555}.json-path-input[data-v-20a7b805]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;margin-bottom:15px}.json-path-result[data-v-20a7b805]{background:#f8f9fa;padding:15px;border-radius:4px;border:1px solid #dee2e6}.json-path-result h4[data-v-20a7b805]{margin-bottom:10px;color:#666;font-size:14px}.json-path-result pre[data-v-20a7b805]{margin:0;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;line-height:1.5;color:#333;white-space:pre-wrap;word-wrap:break-word}.whiteboard-container[data-v-02b03466]{display:flex;height:calc(100vh - 200px);background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.sidebar[data-v-02b03466]{width:250px;background:#f8f9fa;border-right:1px solid #dee2e6;padding:20px;overflow-y:auto}.sidebar h3[data-v-02b03466]{margin-bottom:15px;color:#333;font-size:18px}.new-board-btn[data-v-02b03466]{width:100%;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:15px}.new-board-btn[data-v-02b03466]:hover{background-color:#218838}.whiteboard-list[data-v-02b03466]{display:flex;flex-direction:column;gap:8px}.board-item[data-v-02b03466]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.board-item[data-v-02b03466]:hover{border-color:#007bff;background:#f0f8ff}.board-item.active[data-v-02b03466]{border-color:#007bff;background:#e7f3ff}.board-name[data-v-02b03466]{font-size:14px;color:#333;font-weight:500}.delete-btn[data-v-02b03466]{background:#dc3545;color:#fff;border:none;border-radius:4px;width:24px;height:24px;font-size:18px;line-height:1;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.delete-btn[data-v-02b03466]:hover{background:#c82333}.canvas-area[data-v-02b03466]{flex:1;display:flex;flex-direction:column}.toolbar[data-v-02b03466]{display:flex;gap:20px;padding:15px 20px;background:#fff;border-bottom:1px solid #dee2e6;flex-wrap:wrap;align-items:center}.tool-group[data-v-02b03466]{display:flex;gap:10px;align-items:center}.tool-group label[data-v-02b03466]{font-size:14px;color:#666;font-weight:500}.tool-btn[data-v-02b03466],.action-btn[data-v-02b03466]{padding:8px 16px;background:#f8f9fa;border:2px solid #dee2e6;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.tool-btn[data-v-02b03466]:hover,.action-btn[data-v-02b03466]:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.tool-btn.active[data-v-02b03466]{background:#007bff;color:#fff;border-color:#007bff}.action-btn[data-v-02b03466]:disabled{background:#f8f9fa;border-color:#dee2e6;color:#adb5bd;cursor:not-allowed}.size-slider[data-v-02b03466]{width:100px}.size-value[data-v-02b03466]{font-size:12px;color:#666;min-width:40px}.delete-obj-btn[data-v-02b03466]{padding:8px 16px;background:#ffc107;color:#212529;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.delete-obj-btn[data-v-02b03466]:hover:not(:disabled){background:#e0a800}.delete-obj-btn[data-v-02b03466]:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed}.clear-btn[data-v-02b03466]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;background-color:#dc3545;color:#fff}.clear-btn[data-v-02b03466]:hover{background-color:#c82333}.canvas-wrapper[data-v-02b03466]{flex:1;padding:20px;background:#f8f9fa;overflow:hidden}canvas[data-v-02b03466]{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:crosshair;outline:none}canvas[data-v-02b03466]:focus{border-color:#007bff}.text-input-dialog[data-v-02b03466]{position:fixed;z-index:1000;background:#fff;border:2px solid #007bff;border-radius:4px;padding:4px;box-shadow:0 2px 10px #0003}.text-input-dialog input[data-v-02b03466]{border:none;outline:none;padding:4px;font-family:Arial;min-width:200px}.code-generator-container[data-v-b70103e0]{display:grid;grid-template-columns:400px 1fr;gap:20px;height:calc(100vh - 200px);background:#f8f9fa;padding:20px}.generator-panel[data-v-b70103e0]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;overflow-y:auto}.generator-panel h2[data-v-b70103e0]{margin:0 0 20px;color:#333;font-size:24px}.generator-panel h3[data-v-b70103e0]{margin:20px 0 10px;color:#555;font-size:16px;border-top:1px solid #e0e0e0;padding-top:15px}.form-section[data-v-b70103e0]{display:flex;flex-direction:column;gap:15px}.form-group[data-v-b70103e0]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-b70103e0]{font-weight:500;color:#555;font-size:14px}.form-control[data-v-b70103e0]{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit}.form-control[data-v-b70103e0]:focus{outline:none;border-color:#007bff}textarea.form-control[data-v-b70103e0]{resize:vertical;font-family:Monaco,Menlo,monospace}.slider[data-v-b70103e0]{width:100%}.scale-value[data-v-b70103e0]{font-size:12px;color:#666;margin-left:8px}.button-group[data-v-b70103e0]{display:flex;gap:10px;margin-top:10px}.btn[data-v-b70103e0]{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn[data-v-b70103e0]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-b70103e0]{background-color:#007bff;color:#fff}.btn-primary[data-v-b70103e0]:hover:not(:disabled){background-color:#0056b3}.btn-success[data-v-b70103e0]{background-color:#28a745;color:#fff}.btn-success[data-v-b70103e0]:hover:not(:disabled){background-color:#218838}.btn-secondary[data-v-b70103e0]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-b70103e0]:hover:not(:disabled){background-color:#545b62}.error-message[data-v-b70103e0]{padding:10px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px}.presets-section[data-v-b70103e0]{margin-top:10px}.preset-buttons[data-v-b70103e0]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preset-btn[data-v-b70103e0]{padding:8px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.preset-btn[data-v-b70103e0]:hover{background:#e9ecef;border-color:#adb5bd}.info-section[data-v-b70103e0]{margin-top:10px}.info-grid[data-v-b70103e0]{display:flex;flex-direction:column;gap:8px}.info-item[data-v-b70103e0]{font-size:13px;color:#666}.info-item strong[data-v-b70103e0]{color:#333}.canvas-panel[data-v-b70103e0]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;justify-content:center}.canvas-wrapper[data-v-b70103e0]{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px}.canvas-wrapper canvas[data-v-b70103e0]{max-width:100%;height:auto;border:1px solid #e0e0e0;border-radius:4px}.placeholder[data-v-b70103e0]{position:absolute;text-align:center;color:#999}.placeholder p[data-v-b70103e0]{font-size:16px}.diagram-container[data-v-d18bbeba]{display:flex;height:calc(100vh - 200px);background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.sidebar[data-v-d18bbeba]{width:250px;background:#f8f9fa;border-right:1px solid #dee2e6;padding:20px;overflow-y:auto}.sidebar h3[data-v-d18bbeba]{margin-bottom:15px;color:#333;font-size:18px}.new-diagram-btn[data-v-d18bbeba]{width:100%;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:15px}.new-diagram-btn[data-v-d18bbeba]:hover{background-color:#218838}.diagram-list[data-v-d18bbeba]{display:flex;flex-direction:column;gap:8px}.diagram-item[data-v-d18bbeba]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.diagram-item[data-v-d18bbeba]:hover{border-color:#007bff;background:#f0f8ff}.diagram-item.active[data-v-d18bbeba]{border-color:#007bff;background:#e7f3ff}.diagram-name[data-v-d18bbeba]{font-size:14px;color:#333;font-weight:500}.delete-btn[data-v-d18bbeba]{background:#dc3545;color:#fff;border:none;border-radius:4px;width:24px;height:24px;font-size:18px;line-height:1;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.delete-btn[data-v-d18bbeba]:hover{background:#c82333}.canvas-area[data-v-d18bbeba]{flex:1;display:flex;flex-direction:column}.toolbar[data-v-d18bbeba]{display:flex;gap:15px;padding:12px 15px;background:#fff;border-bottom:1px solid #dee2e6;flex-wrap:wrap;align-items:center;font-size:13px}.tool-group[data-v-d18bbeba]{display:flex;gap:6px;align-items:center}.group-label[data-v-d18bbeba]{font-size:12px;color:#666;font-weight:600;margin-right:4px}.tool-group label[data-v-d18bbeba]{font-size:12px;color:#666;font-weight:500}.tool-btn[data-v-d18bbeba],.action-btn[data-v-d18bbeba]{padding:6px 12px;background:#f8f9fa;border:2px solid #dee2e6;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.tool-btn[data-v-d18bbeba]:hover,.action-btn[data-v-d18bbeba]:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.tool-btn.active[data-v-d18bbeba]{background:#007bff;color:#fff;border-color:#007bff}.action-btn[data-v-d18bbeba]:disabled{background:#f8f9fa;border-color:#dee2e6;color:#adb5bd;cursor:not-allowed}.delete-obj-btn[data-v-d18bbeba],.clear-btn[data-v-d18bbeba],.export-btn[data-v-d18bbeba]{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.delete-obj-btn[data-v-d18bbeba]{background:#ffc107;color:#212529}.delete-obj-btn[data-v-d18bbeba]:hover:not(:disabled){background:#e0a800}.delete-obj-btn[data-v-d18bbeba]:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed}.clear-btn[data-v-d18bbeba]{background-color:#dc3545;color:#fff}.clear-btn[data-v-d18bbeba]:hover{background-color:#c82333}.export-btn[data-v-d18bbeba]{background-color:#17a2b8;color:#fff}.export-btn[data-v-d18bbeba]:hover{background-color:#138496}.checkbox-label[data-v-d18bbeba]{display:flex;align-items:center;gap:4px;font-size:12px}.checkbox-label input[type=checkbox][data-v-d18bbeba]{margin:0}.canvas-wrapper[data-v-d18bbeba]{flex:1;padding:20px;background:#f8f9fa;overflow:hidden}canvas[data-v-d18bbeba]{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:crosshair;outline:none}canvas[data-v-d18bbeba]:focus{border-color:#007bff}.text-input-dialog[data-v-d18bbeba]{position:fixed;z-index:1000;background:#fff;border:2px solid #007bff;border-radius:4px;padding:4px;box-shadow:0 2px 10px #0003}.text-input-dialog input[data-v-d18bbeba]{border:none;outline:none;padding:4px;font-family:Arial;min-width:200px}.color-tool-container[data-v-9e291bb5]{display:grid;grid-template-columns:500px 1fr;gap:20px;padding:20px;height:calc(100vh - 200px);overflow-y:auto}.main-panel[data-v-9e291bb5],.utilities-panel[data-v-9e291bb5]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}.main-panel h2[data-v-9e291bb5],.main-panel h3[data-v-9e291bb5],.utilities-panel h3[data-v-9e291bb5]{margin:0 0 15px;color:#333}.main-panel h2[data-v-9e291bb5]{font-size:24px}.main-panel h3[data-v-9e291bb5],.utilities-panel h3[data-v-9e291bb5]{font-size:16px;margin-top:25px;padding-top:15px;border-top:1px solid #e0e0e0}.main-panel h3[data-v-9e291bb5]:first-of-type{margin-top:0;padding-top:0;border-top:none}.picker-section[data-v-9e291bb5]{margin-bottom:20px}.color-preview[data-v-9e291bb5]{width:100%;height:150px;border-radius:8px;border:2px solid #dee2e6;margin-bottom:15px;display:flex;align-items:center;justify-content:center;position:relative}.preview-label[data-v-9e291bb5]{background:#ffffffe6;padding:8px 16px;border-radius:6px;font-weight:600;font-size:18px;color:#333;box-shadow:0 2px 8px #0000001a}.picker-controls[data-v-9e291bb5]{display:flex;align-items:center;gap:10px}.picker-controls label[data-v-9e291bb5]{font-weight:500;color:#555}.color-picker[data-v-9e291bb5]{width:80px;height:40px;border:2px solid #dee2e6;border-radius:6px;cursor:pointer}.formats-section[data-v-9e291bb5]{margin-bottom:20px}.format-group[data-v-9e291bb5]{margin-bottom:15px}.format-group label[data-v-9e291bb5]{display:block;font-weight:500;color:#555;margin-bottom:8px;font-size:14px}.input-with-copy[data-v-9e291bb5]{display:flex;gap:8px}.format-input[data-v-9e291bb5]{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:Monaco,Menlo,monospace}.rgb-inputs[data-v-9e291bb5]{display:flex;gap:8px;margin-bottom:5px}.rgb-input[data-v-9e291bb5]{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;text-align:center}.copy-btn[data-v-9e291bb5]{padding:8px 12px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s;font-size:16px}.copy-btn[data-v-9e291bb5]:hover{background:#0056b3}.format-display[data-v-9e291bb5]{font-size:12px;color:#666;font-family:Monaco,Menlo,monospace;padding:4px 8px;background:#f8f9fa;border-radius:4px}.save-color-btn[data-v-9e291bb5]{width:100%;padding:10px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-bottom:15px}.save-color-btn[data-v-9e291bb5]:hover{background:#218838}.saved-colors-grid[data-v-9e291bb5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.saved-color-item[data-v-9e291bb5]{aspect-ratio:1;border-radius:6px;border:2px solid #dee2e6;cursor:pointer;transition:all .2s;position:relative}.saved-color-item[data-v-9e291bb5]:hover{transform:scale(1.1);border-color:#007bff;z-index:1}.remove-saved[data-v-9e291bb5]{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#dc3545;color:#fff;border:2px solid white;font-size:14px;line-height:1;cursor:pointer;display:none}.saved-color-item:hover .remove-saved[data-v-9e291bb5]{display:block}.utility-section[data-v-9e291bb5]{margin-bottom:20px}.harmony-grid[data-v-9e291bb5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.harmony-item[data-v-9e291bb5]{display:flex;flex-direction:column;align-items:center;gap:5px}.harmony-swatch[data-v-9e291bb5]{width:100%;aspect-ratio:1;border-radius:6px;border:2px solid #dee2e6;cursor:pointer;transition:all .2s}.harmony-swatch[data-v-9e291bb5]:hover{transform:scale(1.1);border-color:#007bff}.harmony-item span[data-v-9e291bb5]{font-size:11px;color:#666;text-align:center}.shades-grid[data-v-9e291bb5]{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.shade-item[data-v-9e291bb5]{aspect-ratio:1;border-radius:4px;border:1px solid #dee2e6;cursor:pointer;transition:all .2s}.shade-item[data-v-9e291bb5]:hover{transform:scale(1.2);border-color:#007bff;z-index:1}.color-info[data-v-9e291bb5]{background:#f8f9fa;padding:15px;border-radius:6px}.info-item[data-v-9e291bb5]{margin-bottom:10px;font-size:14px;color:#555}.info-item[data-v-9e291bb5]:last-child{margin-bottom:0}.info-item strong[data-v-9e291bb5]{color:#333}.palette-controls[data-v-9e291bb5]{display:flex;gap:10px;margin-bottom:15px}.palette-select[data-v-9e291bb5]{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.generate-palette-btn[data-v-9e291bb5]{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.generate-palette-btn[data-v-9e291bb5]:hover{background:#0056b3}.generated-palette[data-v-9e291bb5]{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:2px solid #dee2e6}.palette-colors[data-v-9e291bb5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:15px}.palette-color[data-v-9e291bb5]{aspect-ratio:1;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;border:2px solid #dee2e6}.palette-color[data-v-9e291bb5]:hover{transform:scale(1.05);border-color:#007bff;z-index:1}.palette-color-code[data-v-9e291bb5]{background:#000000b3;color:#fff;padding:4px 8px;font-size:11px;font-family:Monaco,Menlo,monospace;border-radius:4px 4px 0 0;opacity:0;transition:opacity .2s}.palette-color:hover .palette-color-code[data-v-9e291bb5]{opacity:1}.palette-actions[data-v-9e291bb5]{display:flex;gap:8px}.palette-action-btn[data-v-9e291bb5]{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.palette-action-btn.save[data-v-9e291bb5]{background:#28a745;color:#fff}.palette-action-btn.save[data-v-9e291bb5]:hover{background:#218838}.palette-action-btn.export[data-v-9e291bb5]{background:#17a2b8;color:#fff}.palette-action-btn.export[data-v-9e291bb5]:hover{background:#138496}.palette-action-btn.copy[data-v-9e291bb5]{background:#6c757d;color:#fff}.palette-action-btn.copy[data-v-9e291bb5]:hover{background:#545b62}.saved-palettes-section[data-v-9e291bb5]{margin-top:20px;padding-top:20px;border-top:1px solid #dee2e6}.saved-palettes-section h4[data-v-9e291bb5]{margin:0 0 15px;font-size:14px;color:#555;font-weight:600}.saved-palettes-list[data-v-9e291bb5]{display:flex;flex-direction:column;gap:10px}.saved-palette-item[data-v-9e291bb5]{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border:1px solid #dee2e6;border-radius:6px;transition:all .2s}.saved-palette-item[data-v-9e291bb5]:hover{border-color:#007bff;box-shadow:0 2px 8px #0000001a}.saved-palette-colors[data-v-9e291bb5]{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:4px}.saved-palette-color[data-v-9e291bb5]{aspect-ratio:1;border-radius:4px;border:1px solid #dee2e6;cursor:pointer;transition:transform .2s}.saved-palette-color[data-v-9e291bb5]:hover{transform:scale(1.2);z-index:1}.saved-palette-actions[data-v-9e291bb5]{display:flex;gap:5px}.load-palette-btn[data-v-9e291bb5],.delete-palette-btn[data-v-9e291bb5]{width:28px;height:28px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.load-palette-btn[data-v-9e291bb5]{background:#007bff;color:#fff}.load-palette-btn[data-v-9e291bb5]:hover{background:#0056b3}.delete-palette-btn[data-v-9e291bb5]{background:#dc3545;color:#fff;font-size:20px;line-height:1}.delete-palette-btn[data-v-9e291bb5]:hover{background:#c82333}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}code[class*=language-],pre[class*=language-]{color:#fff;background:none;text-shadow:0 -.1em .2em black;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-],:not(pre)>code[class*=language-]{background:#4d4033}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border:.3em solid hsl(30,20%,40%);border-radius:.5em;box-shadow:1px 1px .5em #000 inset}:not(pre)>code[class*=language-]{padding:.15em .2em .05em;border-radius:.3em;border:.13em solid hsl(30,20%,40%);box-shadow:1px 1px .3em -.1em #000 inset;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#998066}.token.punctuation,.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#d1949e}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#bde052}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f5b83d}.token.atrule,.token.attr-value,.token.keyword{color:#d1949e}.token.deleted{color:red}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.inserted{color:green}code[class*=language-],pre[class*=language-]{color:#000;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{position:relative;margin:.5em 0;overflow:visible;padding:1px}pre[class*=language-]>code{position:relative;z-index:1;border-left:10px solid #358ccb;box-shadow:-1px 0 #358ccb,0 0 0 1px #dfdfdf;background-color:#fdfdfd;background-image:linear-gradient(transparent 50%,#458ed10a 50%);background-size:3em 3em;background-origin:content-box;background-attachment:local}code[class*=language-]{max-height:inherit;height:inherit;padding:0 1em;display:block;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdfdfd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:1em}:not(pre)>code[class*=language-]{position:relative;padding:.2em;border-radius:.3em;color:#c92c2c;border:1px solid rgba(0,0,0,.1);display:inline;white-space:normal}pre[class*=language-]:before,pre[class*=language-]:after{content:"";display:block;position:absolute;bottom:.75em;left:.18em;width:40%;height:20%;max-height:13em;box-shadow:0 13px 8px #979797;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg)}pre[class*=language-]:after{right:.75em;left:auto;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#7d8b99}.token.punctuation{color:#5f6364}.token.property,.token.tag,.token.boolean,.token.number,.token.function-name,.token.constant,.token.symbol,.token.deleted{color:#c92c2c}.token.selector,.token.attr-name,.token.string,.token.char,.token.function,.token.builtin,.token.inserted{color:#2f9c0a}.token.operator,.token.entity,.token.url,.token.variable{color:#a67f59;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword,.token.class-name{color:#1990b8}.token.regex,.token.important{color:#e90}.language-css .token.string,.style .token.string{color:#a67f59;background:#ffffff80}.token.important{font-weight:400}.token.bold{font-weight:700}@media screen and (max-width: 767px){pre[class*=language-]:before,pre[class*=language-]:after{bottom:14px;box-shadow:none}}pre[class*=language-].line-numbers.line-numbers{padding-left:0}pre[class*=language-].line-numbers.line-numbers code{padding-left:3.8em}pre[class*=language-].line-numbers.line-numbers .line-numbers-rows{left:0}pre[class*=language-][data-line]{padding-top:0;padding-bottom:0;padding-left:0}pre[data-line] code{position:relative;padding-left:4em}pre .line-highlight{margin-top:0}code[class*=language-],pre[class*=language-]{color:#657b83;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{background:#073642}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{background:#073642}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdf6e3}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#93a1a1}.token.punctuation{color:#586e75}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#268bd2}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.url,.token.inserted{color:#2aa198}.token.entity{color:#657b83;background:#eee8d5}.token.atrule,.token.attr-value,.token.keyword{color:#859900}.token.function,.token.class-name{color:#b58900}.token.regex,.token.important,.token.variable{color:#cb4b16}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-formatter-container[data-v-0f5bff42]{max-width:1600px;margin:0 auto}.formatter-header[data-v-0f5bff42]{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;text-align:center}.formatter-header h2[data-v-0f5bff42]{color:#333;margin-bottom:8px}.formatter-header p[data-v-0f5bff42]{color:#666;font-size:14px}.formatter-controls[data-v-0f5bff42]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:15px;align-items:center}.control-group[data-v-0f5bff42]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.control-group label[data-v-0f5bff42]{font-weight:500;color:#555;font-size:14px}.detected-lang[data-v-0f5bff42]{font-size:12px;color:#007bff;background:#e7f3ff;padding:4px 8px;border-radius:4px;font-weight:500}.language-select[data-v-0f5bff42],.theme-select[data-v-0f5bff42]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;min-width:150px}.language-select[data-v-0f5bff42]:hover,.theme-select[data-v-0f5bff42]:hover{border-color:#007bff}.button-group[data-v-0f5bff42]{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.action-btn[data-v-0f5bff42]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.format-btn[data-v-0f5bff42]{background-color:#28a745;color:#fff}.format-btn[data-v-0f5bff42]:hover:not(:disabled){background-color:#218838}.copy-btn[data-v-0f5bff42]{background-color:#17a2b8;color:#fff}.copy-btn[data-v-0f5bff42]:hover:not(:disabled){background-color:#138496}.save-btn[data-v-0f5bff42]{background-color:#007bff;color:#fff}.save-btn[data-v-0f5bff42]:hover:not(:disabled){background-color:#0056b3}.clear-btn[data-v-0f5bff42]{background-color:#6c757d;color:#fff}.clear-btn[data-v-0f5bff42]:hover{background-color:#545b62}.action-btn[data-v-0f5bff42]:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.file-upload-section[data-v-0f5bff42]{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;display:flex;align-items:center;gap:15px}.file-upload-label[data-v-0f5bff42]{display:inline-block;cursor:pointer}.file-input[data-v-0f5bff42]{display:none}.upload-text[data-v-0f5bff42]{display:inline-block;padding:8px 16px;background:#007bff;color:#fff;border-radius:4px;font-size:14px;font-weight:500;transition:background-color .2s}.upload-text[data-v-0f5bff42]:hover{background:#0056b3}.file-name[data-v-0f5bff42]{font-size:14px;color:#666;font-style:italic}.main-layout[data-v-0f5bff42]{display:grid;grid-template-columns:1fr 280px;gap:20px;margin-bottom:20px}.editor-container[data-v-0f5bff42]{flex:1}.editor-section[data-v-0f5bff42]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 350px);min-height:500px}.editor-header[data-v-0f5bff42]{background:#f8f9fa;padding:15px 20px;margin:0;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.editor-header h3[data-v-0f5bff42]{margin:0;color:#555;font-size:16px}.code-info[data-v-0f5bff42]{font-size:12px;color:#007bff;font-weight:500}.code-textarea-single[data-v-0f5bff42]{flex:1;width:100%;padding:20px;border:none;font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;resize:none;background:#f8f9fa;color:#333;overflow-y:auto;white-space:pre;overflow-wrap:normal;word-wrap:normal}.code-textarea-single[data-v-0f5bff42]:focus{outline:none;background:#fff}.history-sidebar[data-v-0f5bff42]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;max-height:800px;overflow-y:auto;display:flex;flex-direction:column}.history-header[data-v-0f5bff42]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.history-header h3[data-v-0f5bff42]{margin:0;color:#555;font-size:16px}.clear-history-btn[data-v-0f5bff42]{padding:6px 12px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.clear-history-btn[data-v-0f5bff42]:hover:not(:disabled){background-color:#c82333}.clear-history-btn[data-v-0f5bff42]:disabled{background-color:#ccc;cursor:not-allowed}.empty-history[data-v-0f5bff42]{text-align:center;color:#999;padding:40px 10px;font-size:13px;line-height:1.5}.history-list[data-v-0f5bff42]{display:flex;flex-direction:column;gap:10px}.history-item[data-v-0f5bff42]{position:relative;padding:12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;transition:all .2s}.history-item[data-v-0f5bff42]:hover{background:#e9ecef;border-color:#007bff;transform:translate(2px)}.history-item-header[data-v-0f5bff42]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-language[data-v-0f5bff42]{font-size:11px;font-weight:600;color:#fff;background:#007bff;padding:3px 8px;border-radius:3px;text-transform:uppercase}.delete-btn[data-v-0f5bff42]{width:20px;height:20px;background:#dc3545;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.history-item:hover .delete-btn[data-v-0f5bff42]{opacity:1}.delete-btn[data-v-0f5bff42]:hover{background:#c82333}.history-preview[data-v-0f5bff42]{font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.history-date[data-v-0f5bff42]{font-size:10px;color:#999}.copy-notification[data-v-0f5bff42],.save-notification[data-v-0f5bff42]{position:fixed;bottom:30px;right:30px;background:#28a745;color:#fff;padding:12px 24px;border-radius:4px;box-shadow:0 4px 12px #00000026;animation:slideIn-0f5bff42 .3s ease-out;z-index:1000}.save-notification[data-v-0f5bff42]{background:#007bff}@keyframes slideIn-0f5bff42{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1200px){.main-layout[data-v-0f5bff42]{grid-template-columns:1fr}.history-sidebar[data-v-0f5bff42]{max-height:400px}}@media (max-width: 768px){.formatter-controls[data-v-0f5bff42]{flex-direction:column;align-items:stretch}.button-group[data-v-0f5bff42]{margin-left:0;width:100%;flex-direction:column}.action-btn[data-v-0f5bff42]{width:100%}.control-group[data-v-0f5bff42]{width:100%;flex-direction:column;align-items:flex-start}.language-select[data-v-0f5bff42],.theme-select[data-v-0f5bff42]{width:100%}.editor-section[data-v-0f5bff42]{height:500px;min-height:400px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5}#app{max-width:1400px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px}.header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.file-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.file-input-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.file-input-section h3{margin-bottom:15px;color:#555}.file-input-section input[type=file]{margin-bottom:15px;padding:8px;border:1px solid #ddd;border-radius:4px;width:100%}.file-textarea{width:100%;height:200px;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:14px;resize:vertical}.controls{text-align:center;margin-bottom:30px}.diff-btn,.clear-btn{padding:12px 24px;margin:0 10px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .2s}.diff-btn{background-color:#007bff;color:#fff}.diff-btn:hover:not(:disabled){background-color:#0056b3}.diff-btn:disabled{background-color:#ccc;cursor:not-allowed}.clear-btn{background-color:#6c757d;color:#fff}.clear-btn:hover{background-color:#545b62}.find-replace-section{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.find-replace-section h4{margin-bottom:10px;color:#666;font-size:14px}.find-replace-controls{display:flex;gap:8px;flex-wrap:wrap}.find-input,.replace-input{flex:1;min-width:120px;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.replace-btn{padding:6px 12px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background-color .2s}.replace-btn:hover:not(:disabled){background-color:#138496}.replace-btn:disabled{background-color:#ccc;cursor:not-allowed}.trim-section{margin-top:10px}.trim-btn{padding:6px 12px;background-color:#ffc107;color:#212529;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background-color .2s;font-weight:500}.trim-btn:hover:not(:disabled){background-color:#e0a800}.trim-btn:disabled{background-color:#ccc;cursor:not-allowed}.tabs{display:flex;background:#fff;border-radius:8px 8px 0 0;box-shadow:0 2px 10px #0000001a;margin-bottom:0;overflow:hidden}.tab-btn{flex:1;padding:15px 20px;border:none;background-color:#f8f9fa;color:#6c757d;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.tab-btn:hover{background-color:#e9ecef;color:#495057}.tab-btn.active{background-color:#fff;color:#007bff;border-bottom-color:#007bff}.tab-content{background:transparent;border-radius:0 0 8px 8px;padding-top:20px}