.sidebar[data-v-c375af53]{width:260px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100}.sidebar-header[data-v-c375af53]{padding:24px 20px;border-bottom:2px solid #f0f0f0}.sidebar-title[data-v-c375af53]{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.sidebar-nav[data-v-c375af53]{flex:1;padding:16px 0;overflow-y:auto}.nav-item[data-v-c375af53]{display:flex;align-items:center;padding:14px 20px;color:#333;text-decoration:none;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent;gap:12px}.nav-item[data-v-c375af53]:hover{background:#f5f5f5;color:#667eea}.nav-item.active[data-v-c375af53]{background:linear-gradient(90deg,#667eea1a,#667eea0d);border-left-color:#667eea;color:#667eea;font-weight:600}.nav-icon[data-v-c375af53]{font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-text[data-v-c375af53]{font-size:15px;flex:1}@media (max-width: 768px){.sidebar[data-v-c375af53]{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid #e0e0e0}.sidebar-nav[data-v-c375af53]{display:flex;flex-direction:row;overflow-x:auto;padding:0}.nav-item[data-v-c375af53]{flex-direction:column;min-width:80px;padding:12px;text-align:center;gap:4px;border-left:none;border-bottom:3px solid transparent}.nav-item.active[data-v-c375af53]{border-left:none;border-bottom-color:#667eea}.nav-text[data-v-c375af53]{font-size:12px}}.formatter-container[data-v-737a9772]{padding:32px}.title[data-v-737a9772]{font-size:32px;font-weight:700;margin-bottom:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.controls[data-v-737a9772]{display:flex;gap:24px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.format-selector[data-v-737a9772]{display:flex;gap:8px;background:#f5f5f5;padding:4px;border-radius:8px}.format-btn[data-v-737a9772]{padding:10px 24px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .3s ease}.format-btn.active[data-v-737a9772]{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.format-btn[data-v-737a9772]:hover:not(.active){color:#333}.options[data-v-737a9772]{display:flex;gap:20px;align-items:center}.checkbox-label[data-v-737a9772]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.checkbox-label input[type=checkbox][data-v-737a9772]{width:18px;height:18px;cursor:pointer}.indent-label[data-v-737a9772]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.indent-input[data-v-737a9772]{width:60px;padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.editor-container[data-v-737a9772]{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;margin-bottom:16px}.editor-panel[data-v-737a9772]{display:flex;flex-direction:column;min-height:500px}.panel-header[data-v-737a9772]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.panel-header h3[data-v-737a9772]{font-size:16px;font-weight:600;color:#333}.clear-btn[data-v-737a9772]{padding:6px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;color:#666;transition:all .2s ease}.clear-btn[data-v-737a9772]:hover{border-color:#667eea;color:#667eea}.editor-textarea[data-v-737a9772]{flex:1;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;resize:vertical;transition:border-color .3s ease}.editor-textarea[data-v-737a9772]:focus{outline:none;border-color:#667eea}.editor-textarea.error[data-v-737a9772]{border-color:#ff6b6b;background:#fff5f5}.action-panel[data-v-737a9772]{display:flex;flex-direction:column;justify-content:center;gap:12px;padding-top:40px}.format-action-btn[data-v-737a9772]{padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #667eea66}.format-action-btn[data-v-737a9772]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.format-action-btn[data-v-737a9772]:active{transform:translateY(0)}.copy-btn[data-v-737a9772]{padding:12px 20px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.copy-btn[data-v-737a9772]:hover:not(:disabled){background:#667eea;color:#fff}.copy-btn[data-v-737a9772]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-737a9772]{padding:16px;background:#fff5f5;border:2px solid #ff6b6b;border-radius:8px;color:#c92a2a;font-size:14px;margin-top:16px}.error-badge[data-v-737a9772],.success-badge[data-v-737a9772]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.error-badge[data-v-737a9772]{background:#ff6b6b;color:#fff}.success-badge[data-v-737a9772]{background:#51cf66;color:#fff}@media (max-width: 1200px){.editor-container[data-v-737a9772]{grid-template-columns:1fr}.action-panel[data-v-737a9772]{flex-direction:row;justify-content:center;padding-top:0}.format-action-btn[data-v-737a9772]{order:-1}}.random-generator-container[data-v-50be1712]{padding:32px;max-width:900px}.title[data-v-50be1712]{font-size:32px;font-weight:700;margin-bottom:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.config-section[data-v-50be1712]{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.config-group[data-v-50be1712]{margin-bottom:28px}.config-group[data-v-50be1712]:last-of-type{margin-bottom:24px}.section-title[data-v-50be1712]{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.mode-selector[data-v-50be1712]{display:flex;gap:12px}.mode-option[data-v-50be1712]{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.mode-option[data-v-50be1712]:hover{border-color:#667eea;background:#f0f4ff}.mode-option.active[data-v-50be1712]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;font-weight:600;color:#667eea}.mode-option input[type=radio][data-v-50be1712]{width:18px;height:18px;cursor:pointer}.checkbox-group[data-v-50be1712]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.checkbox-label[data-v-50be1712]{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-label[data-v-50be1712]:hover{border-color:#667eea;background:#f0f4ff}.checkbox-label input[type=checkbox][data-v-50be1712]{width:18px;height:18px;cursor:pointer}.checkbox-label input[type=checkbox]:checked+span[data-v-50be1712]{color:#667eea;font-weight:600}.hex-options[data-v-50be1712]{display:flex;flex-direction:column;gap:16px}.case-selector[data-v-50be1712]{display:flex;gap:12px}.case-option[data-v-50be1712]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.case-option[data-v-50be1712]:hover{border-color:#667eea;background:#f0f4ff}.case-option.active[data-v-50be1712]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;font-weight:600;color:#667eea}.case-option input[type=radio][data-v-50be1712]{width:18px;height:18px;cursor:pointer}.input-group[data-v-50be1712]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.input-label[data-v-50be1712]{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;color:#333}.input-hint[data-v-50be1712]{font-size:12px;color:#868e96;font-weight:400}.number-input[data-v-50be1712]{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.number-input[data-v-50be1712]:focus{outline:none;border-color:#667eea}.generate-btn[data-v-50be1712]{width:100%;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #667eea66;display:flex;align-items:center;justify-content:center;gap:8px}.generate-btn[data-v-50be1712]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.generate-btn[data-v-50be1712]:active:not(:disabled){transform:translateY(0)}.generate-btn[data-v-50be1712]:disabled{opacity:.5;cursor:not-allowed}.btn-icon[data-v-50be1712]{font-size:20px}.error-message[data-v-50be1712]{padding:16px;background:#fff5f5;border:2px solid #ff6b6b;border-radius:8px;color:#c92a2a;font-size:14px;margin-bottom:24px}.results-section[data-v-50be1712]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.results-header[data-v-50be1712]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.results-header h3[data-v-50be1712]{font-size:18px;font-weight:600;color:#333}.header-actions[data-v-50be1712]{display:flex;gap:8px}.action-btn[data-v-50be1712]{padding:8px 16px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.action-btn[data-v-50be1712]:hover{background:#667eea;color:#fff}.results-container[data-v-50be1712]{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.result-item[data-v-50be1712]{display:flex;align-items:center;gap:12px;padding:14px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.result-item[data-v-50be1712]:hover{background:#e9ecef;border-color:#dee2e6}.result-index[data-v-50be1712]{font-size:12px;font-weight:600;color:#868e96;min-width:24px;text-align:center}.result-text[data-v-50be1712]{flex:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;color:#495057;word-break:break-all;background:#fff;padding:8px 12px;border-radius:4px}.copy-item-btn[data-v-50be1712]{padding:6px 10px;background:transparent;border:none;cursor:pointer;font-size:16px;opacity:.6;transition:opacity .2s ease}.copy-item-btn[data-v-50be1712]:hover{opacity:1}@media (max-width: 768px){.mode-selector[data-v-50be1712]{flex-direction:column}.checkbox-group[data-v-50be1712]{grid-template-columns:1fr}.case-selector[data-v-50be1712]{flex-direction:column}.input-group[data-v-50be1712]{grid-template-columns:1fr}.results-header[data-v-50be1712]{flex-direction:column;align-items:flex-start;gap:12px}}.sql-formatter-container[data-v-eb8f60b4]{padding:32px;height:100vh;display:flex;flex-direction:column}.title[data-v-eb8f60b4]{font-size:32px;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.controls[data-v-eb8f60b4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.options[data-v-eb8f60b4]{display:flex;gap:20px;align-items:center}.checkbox-label[data-v-eb8f60b4]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.checkbox-label input[type=checkbox][data-v-eb8f60b4]{width:18px;height:18px;cursor:pointer}.action-buttons[data-v-eb8f60b4]{display:flex;gap:12px}.format-action-btn[data-v-eb8f60b4]{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #667eea4d}.format-action-btn[data-v-eb8f60b4]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.format-action-btn[data-v-eb8f60b4]:active{transform:translateY(0)}.copy-btn[data-v-eb8f60b4]{padding:10px 24px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.copy-btn[data-v-eb8f60b4]:hover:not(:disabled){background:#667eea;color:#fff}.copy-btn[data-v-eb8f60b4]:disabled{opacity:.5;cursor:not-allowed}.editor-container[data-v-eb8f60b4]{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0;margin-bottom:16px}.editor-panel[data-v-eb8f60b4]{display:flex;flex-direction:column;min-height:0}.panel-header[data-v-eb8f60b4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.panel-header h3[data-v-eb8f60b4]{font-size:16px;font-weight:600;color:#333}.clear-btn[data-v-eb8f60b4]{padding:6px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;color:#666;transition:all .2s ease}.clear-btn[data-v-eb8f60b4]:hover{border-color:#667eea;color:#667eea}.error-list[data-v-eb8f60b4],.warning-list[data-v-eb8f60b4]{padding:16px;border-radius:8px;margin-top:8px}.error-list[data-v-eb8f60b4]{background:#fff5f5;border:2px solid #ff6b6b}.warning-list[data-v-eb8f60b4]{background:#fff9db;border:2px solid #ffd43b}.error-title[data-v-eb8f60b4],.warning-title[data-v-eb8f60b4]{font-size:14px;font-weight:600;margin-bottom:12px;color:#333}.error-item[data-v-eb8f60b4],.warning-item[data-v-eb8f60b4]{padding:8px 0;font-size:13px;display:flex;gap:8px}.error-line[data-v-eb8f60b4],.warning-line[data-v-eb8f60b4]{font-weight:600;min-width:80px}.error-item[data-v-eb8f60b4]{color:#c92a2a}.warning-item[data-v-eb8f60b4]{color:#e67700}.error-badge[data-v-eb8f60b4],.success-badge[data-v-eb8f60b4],.warning-badge[data-v-eb8f60b4]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.error-badge[data-v-eb8f60b4]{background:#ff6b6b;color:#fff}.warning-badge[data-v-eb8f60b4]{background:#ffd43b;color:#333}.success-badge[data-v-eb8f60b4]{background:#51cf66;color:#fff}[data-v-eb8f60b4] .cm-editor{border:2px solid #e0e0e0;border-radius:8px;height:100%}[data-v-eb8f60b4] .cm-editor.cm-focused{outline:none;border-color:#667eea}[data-v-eb8f60b4] .cm-scroller{overflow:auto}[data-v-eb8f60b4] .cm-content{padding:8px 0}[data-v-eb8f60b4] .cm-line{padding:0 8px}@media (max-width: 1200px){.editor-container[data-v-eb8f60b4]{grid-template-columns:1fr}.controls[data-v-eb8f60b4]{flex-direction:column;align-items:flex-start}.action-buttons[data-v-eb8f60b4]{width:100%;justify-content:flex-start}}.general-sql-formatter-container[data-v-d56e784f]{padding:32px;height:100vh;display:flex;flex-direction:column}.title[data-v-d56e784f]{font-size:32px;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.controls[data-v-d56e784f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.options[data-v-d56e784f]{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.option-label[data-v-d56e784f]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.option-label span[data-v-d56e784f]{font-weight:500}.option-label select[data-v-d56e784f],.option-label input[type=number][data-v-d56e784f]{padding:6px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;background:#fff;transition:border-color .2s ease}.option-label select[data-v-d56e784f]:focus,.option-label input[type=number][data-v-d56e784f]:focus{outline:none;border-color:#667eea}.option-label input[type=number][data-v-d56e784f]{width:60px}.checkbox-label[data-v-d56e784f]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.checkbox-label input[type=checkbox][data-v-d56e784f]{width:18px;height:18px;cursor:pointer}.action-buttons[data-v-d56e784f]{display:flex;gap:12px}.format-action-btn[data-v-d56e784f]{padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #667eea4d}.format-action-btn[data-v-d56e784f]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.format-action-btn[data-v-d56e784f]:active{transform:translateY(0)}.copy-btn[data-v-d56e784f]{padding:10px 24px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.copy-btn[data-v-d56e784f]:hover:not(:disabled){background:#667eea;color:#fff}.copy-btn[data-v-d56e784f]:disabled{opacity:.5;cursor:not-allowed}.editor-container[data-v-d56e784f]{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0;margin-bottom:16px}.editor-panel[data-v-d56e784f]{display:flex;flex-direction:column;min-height:0}.panel-header[data-v-d56e784f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.panel-header h3[data-v-d56e784f]{font-size:16px;font-weight:600;color:#333}.clear-btn[data-v-d56e784f]{padding:6px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;color:#666;transition:all .2s ease}.clear-btn[data-v-d56e784f]:hover{border-color:#667eea;color:#667eea}.error-badge[data-v-d56e784f],.success-badge[data-v-d56e784f]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.error-badge[data-v-d56e784f]{background:#ff6b6b;color:#fff}.success-badge[data-v-d56e784f]{background:#51cf66;color:#fff}.info-section[data-v-d56e784f]{padding:16px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:8px;border:2px solid rgba(102,126,234,.1)}.info-title[data-v-d56e784f]{font-size:14px;font-weight:600;margin-bottom:12px;color:#333}.info-list[data-v-d56e784f]{margin:0;padding-left:20px;font-size:13px;color:#666;line-height:1.8}.info-list li[data-v-d56e784f]{margin-bottom:4px}[data-v-d56e784f] .cm-editor{border:2px solid #e0e0e0;border-radius:8px;height:100%}[data-v-d56e784f] .cm-editor.cm-focused{outline:none;border-color:#667eea}[data-v-d56e784f] .cm-scroller{overflow:auto}[data-v-d56e784f] .cm-content{padding:8px 0}[data-v-d56e784f] .cm-line{padding:0 8px}@media (max-width: 1200px){.editor-container[data-v-d56e784f]{grid-template-columns:1fr}.controls[data-v-d56e784f]{flex-direction:column;align-items:flex-start}.action-buttons[data-v-d56e784f]{width:100%;justify-content:flex-start}.options[data-v-d56e784f]{width:100%}}.crypto-container[data-v-8397a8d7]{padding:32px}.title[data-v-8397a8d7]{font-size:32px;font-weight:700;margin-bottom:32px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.controls[data-v-8397a8d7]{display:flex;gap:24px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.type-selector[data-v-8397a8d7]{display:flex;gap:8px;background:#f5f5f5;padding:4px;border-radius:8px}.type-btn[data-v-8397a8d7]{padding:10px 20px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .3s ease}.type-btn.active[data-v-8397a8d7]{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.type-btn[data-v-8397a8d7]:hover:not(.active){color:#333}.algorithm-selector[data-v-8397a8d7]{display:flex;align-items:center}.select-label[data-v-8397a8d7]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;font-weight:600}.algorithm-select[data-v-8397a8d7]{padding:8px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s ease}.algorithm-select[data-v-8397a8d7]:focus{outline:none;border-color:#667eea}.crypto-layout[data-v-8397a8d7]{display:flex;flex-direction:column;gap:24px}.key-input-section[data-v-8397a8d7]{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f8f9fa;border-radius:8px}.input-label[data-v-8397a8d7]{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#333;font-weight:600}.key-input[data-v-8397a8d7]{padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:Consolas,Monaco,Courier New,monospace;transition:border-color .3s ease}.key-input[data-v-8397a8d7]:focus{outline:none;border-color:#667eea}.key-textarea[data-v-8397a8d7]{padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:Consolas,Monaco,Courier New,monospace;min-height:80px;resize:vertical;transition:border-color .3s ease}.key-textarea[data-v-8397a8d7]:focus{outline:none;border-color:#667eea}.key-pair-controls[data-v-8397a8d7]{display:flex;justify-content:flex-end}.generate-key-btn[data-v-8397a8d7]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #667eea4d}.generate-key-btn[data-v-8397a8d7]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.editor-container[data-v-8397a8d7]{display:grid;grid-template-columns:1fr auto 1fr;gap:16px}.editor-panel[data-v-8397a8d7]{display:flex;flex-direction:column;min-height:400px}.panel-header[data-v-8397a8d7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.panel-header h3[data-v-8397a8d7]{font-size:16px;font-weight:600;color:#333}.clear-btn[data-v-8397a8d7]{padding:6px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;color:#666;transition:all .2s ease}.clear-btn[data-v-8397a8d7]:hover{border-color:#667eea;color:#667eea}.editor-textarea[data-v-8397a8d7]{flex:1;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;resize:vertical;transition:border-color .3s ease}.editor-textarea[data-v-8397a8d7]:focus{outline:none;border-color:#667eea}.editor-textarea.error[data-v-8397a8d7]{border-color:#ff6b6b;background:#fff5f5}.action-panel[data-v-8397a8d7]{display:flex;flex-direction:column;justify-content:center;gap:12px;padding-top:40px}.crypto-action-btn[data-v-8397a8d7]{padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #667eea66}.crypto-action-btn[data-v-8397a8d7]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.crypto-action-btn[data-v-8397a8d7]:active{transform:translateY(0)}.copy-btn[data-v-8397a8d7]{padding:12px 20px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.copy-btn[data-v-8397a8d7]:hover:not(:disabled){background:#667eea;color:#fff}.copy-btn[data-v-8397a8d7]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-8397a8d7]{padding:16px;background:#fff5f5;border:2px solid #ff6b6b;border-radius:8px;color:#c92a2a;font-size:14px;margin-top:16px}.error-badge[data-v-8397a8d7],.success-badge[data-v-8397a8d7]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.error-badge[data-v-8397a8d7]{background:#ff6b6b;color:#fff}.success-badge[data-v-8397a8d7]{background:#51cf66;color:#fff}@media (max-width: 1200px){.editor-container[data-v-8397a8d7]{grid-template-columns:1fr}.action-panel[data-v-8397a8d7]{flex-direction:row;justify-content:center;padding-top:0;flex-wrap:wrap}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{min-height:100vh}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;background:#fff;min-height:100vh;overflow-y:auto}@media (max-width: 768px){.app-container{flex-direction:column}.main-content{margin-left:0}}