.sidebar[data-v-86686db5]{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-86686db5]{padding:24px 20px;border-bottom:2px solid #f0f0f0}.sidebar-title[data-v-86686db5]{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-86686db5]{flex:1;padding:16px 0;overflow-y:auto}.nav-item[data-v-86686db5]{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-86686db5]:hover{background:#f5f5f5;color:#667eea}.nav-item.active[data-v-86686db5]{background:linear-gradient(90deg,#667eea1a,#667eea0d);border-left-color:#667eea;color:#667eea;font-weight:600}.nav-icon[data-v-86686db5]{font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-text[data-v-86686db5]{font-size:15px;flex:1}@media (max-width: 768px){.sidebar[data-v-86686db5]{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid #e0e0e0}.sidebar-nav[data-v-86686db5]{display:flex;flex-direction:row;overflow-x:auto;padding:0}.nav-item[data-v-86686db5]{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-86686db5]{border-left:none;border-bottom-color:#667eea}.nav-text[data-v-86686db5]{font-size:12px}}.formatter-container[data-v-83cb86e3]{padding:32px;height:100vh;display:flex;flex-direction:column;overflow:hidden}.title[data-v-83cb86e3]{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;flex-shrink:0}.controls[data-v-83cb86e3]{display:flex;gap:24px;align-items:center;margin-bottom:20px;flex-wrap:wrap;flex-shrink:0}.format-selector[data-v-83cb86e3]{display:flex;gap:8px;background:#f5f5f5;padding:4px;border-radius:8px}.format-btn[data-v-83cb86e3]{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-83cb86e3]{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.format-btn[data-v-83cb86e3]:hover:not(.active){color:#333}.options[data-v-83cb86e3]{display:flex;gap:20px;align-items:center}.checkbox-label[data-v-83cb86e3]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.checkbox-label input[type=checkbox][data-v-83cb86e3]{width:18px;height:18px;cursor:pointer}.indent-label[data-v-83cb86e3]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.indent-input[data-v-83cb86e3]{width:60px;padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.editor-container[data-v-83cb86e3]{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;flex:1;min-height:0}.editor-panel[data-v-83cb86e3]{display:flex;flex-direction:column;min-height:0}.panel-header[data-v-83cb86e3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.panel-header h3[data-v-83cb86e3]{font-size:16px;font-weight:600;color:#333}.clear-btn[data-v-83cb86e3]{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-83cb86e3]:hover{border-color:#667eea;color:#667eea}.editor-textarea[data-v-83cb86e3]{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:none;transition:border-color .3s ease;min-height:0}.editor-textarea[data-v-83cb86e3]:focus{outline:none;border-color:#667eea}.editor-textarea.error[data-v-83cb86e3]{border-color:#ff6b6b;background:#fff5f5}.action-panel[data-v-83cb86e3]{display:flex;flex-direction:column;justify-content:center;gap:12px;padding-top:40px;flex-shrink:0}.format-action-btn[data-v-83cb86e3]{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-83cb86e3]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.format-action-btn[data-v-83cb86e3]:active{transform:translateY(0)}.copy-btn[data-v-83cb86e3]{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-83cb86e3]:hover:not(:disabled){background:#667eea;color:#fff}.copy-btn[data-v-83cb86e3]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-83cb86e3]{padding:16px;background:#fff5f5;border:2px solid #ff6b6b;border-radius:8px;color:#c92a2a;font-size:14px;margin-top:16px;flex-shrink:0}.error-badge[data-v-83cb86e3],.success-badge[data-v-83cb86e3]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.error-badge[data-v-83cb86e3]{background:#ff6b6b;color:#fff}.success-badge[data-v-83cb86e3]{background:#51cf66;color:#fff}@media (max-width: 1200px){.editor-container[data-v-83cb86e3]{grid-template-columns:1fr;flex:none}.editor-panel[data-v-83cb86e3],.editor-textarea[data-v-83cb86e3]{min-height:200px}.action-panel[data-v-83cb86e3]{flex-direction:row;justify-content:center;padding-top:0}.format-action-btn[data-v-83cb86e3]{order:-1}}.random-generator-container[data-v-24c6e472]{padding:24px;height:100vh;display:flex;flex-direction:column;overflow:hidden;gap:16px}.title[data-v-24c6e472]{font-size:28px;font-weight:700;margin-bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.generator-content[data-v-24c6e472]{flex:1;display:flex;gap:16px;min-height:0}.config-panel[data-v-24c6e472]{flex:0 0 380px;display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;overflow-y:auto}.config-group[data-v-24c6e472]{margin-bottom:16px}.section-title[data-v-24c6e472]{font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.mode-selector[data-v-24c6e472]{display:flex;gap:8px}.mode-option[data-v-24c6e472]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px}.mode-option[data-v-24c6e472]:hover{border-color:#667eea;background:#f0f4ff}.mode-option.active[data-v-24c6e472]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;font-weight:600;color:#667eea}.mode-option input[type=radio][data-v-24c6e472]{width:16px;height:16px;cursor:pointer}.checkbox-group[data-v-24c6e472]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkbox-label[data-v-24c6e472]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px}.checkbox-label[data-v-24c6e472]:hover{border-color:#667eea;background:#f0f4ff}.checkbox-label input[type=checkbox][data-v-24c6e472]{width:16px;height:16px;cursor:pointer}.checkbox-label input[type=checkbox]:checked+span[data-v-24c6e472]{color:#667eea;font-weight:600}.hex-options[data-v-24c6e472]{display:flex;flex-direction:column;gap:10px}.case-selector[data-v-24c6e472]{display:flex;gap:8px}.case-option[data-v-24c6e472]{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px}.case-option[data-v-24c6e472]:hover{border-color:#667eea;background:#f0f4ff}.case-option.active[data-v-24c6e472]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;font-weight:600;color:#667eea}.case-option input[type=radio][data-v-24c6e472]{width:16px;height:16px;cursor:pointer}.input-group[data-v-24c6e472]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-label[data-v-24c6e472]{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:#333}.number-input[data-v-24c6e472]{padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .3s ease}.number-input[data-v-24c6e472]:focus{outline:none;border-color:#667eea}.generate-btn[data-v-24c6e472]{width:100%;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;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;margin-top:auto}.generate-btn[data-v-24c6e472]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea80}.generate-btn[data-v-24c6e472]:disabled{opacity:.5;cursor:not-allowed}.btn-icon[data-v-24c6e472]{font-size:18px}.error-message[data-v-24c6e472]{padding:12px;background:#fff5f5;border:2px solid #ff6b6b;border-radius:6px;color:#c92a2a;font-size:13px;margin-bottom:12px}.results-panel[data-v-24c6e472]{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.panel-header[data-v-24c6e472]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.panel-header h3[data-v-24c6e472]{font-size:15px;font-weight:600;color:#333}.header-actions[data-v-24c6e472]{display:flex;gap:6px}.action-btn[data-v-24c6e472]{padding:6px 12px;background:#fff;color:#667eea;border:1px solid #667eea;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.action-btn[data-v-24c6e472]:hover:not(:disabled){background:#667eea;color:#fff}.action-btn[data-v-24c6e472]:disabled{opacity:.5;cursor:not-allowed}.results-container[data-v-24c6e472]{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.result-item[data-v-24c6e472]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;transition:all .2s ease}.result-item[data-v-24c6e472]:hover{background:#e9ecef;border-color:#dee2e6}.result-index[data-v-24c6e472]{font-size:11px;font-weight:600;color:#868e96;min-width:20px;text-align:center}.result-text[data-v-24c6e472]{flex:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;color:#495057;word-break:break-all;background:#fff;padding:6px 10px;border-radius:4px}.copy-item-btn[data-v-24c6e472]{padding:4px 8px;background:transparent;border:none;cursor:pointer;font-size:14px;opacity:.6;transition:opacity .2s ease}.copy-item-btn[data-v-24c6e472]:hover{opacity:1}.empty-state[data-v-24c6e472]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#adb5bd}.empty-icon[data-v-24c6e472]{font-size:48px;margin-bottom:12px}.empty-state p[data-v-24c6e472]{font-size:14px}@media (max-width: 900px){.generator-content[data-v-24c6e472]{flex-direction:column}.config-panel[data-v-24c6e472]{flex:none}.checkbox-group[data-v-24c6e472]{grid-template-columns:1fr}}.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-c3fabdf9]{padding:32px;height:100vh;display:flex;flex-direction:column;overflow:hidden}.title[data-v-c3fabdf9]{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;flex-shrink:0}.controls[data-v-c3fabdf9]{display:flex;gap:24px;align-items:center;margin-bottom:20px;flex-wrap:wrap;flex-shrink:0}.type-selector[data-v-c3fabdf9]{display:flex;gap:8px;background:#f5f5f5;padding:4px;border-radius:8px}.type-btn[data-v-c3fabdf9]{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-c3fabdf9]{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.type-btn[data-v-c3fabdf9]:hover:not(.active){color:#333}.algorithm-selector[data-v-c3fabdf9]{display:flex;align-items:center}.select-label[data-v-c3fabdf9]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;font-weight:600}.algorithm-select[data-v-c3fabdf9]{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-c3fabdf9]:focus{outline:none;border-color:#667eea}.crypto-layout[data-v-c3fabdf9]{display:flex;flex-direction:column;gap:20px;flex:1;min-height:0}.key-input-section[data-v-c3fabdf9]{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;flex-shrink:0}.input-label[data-v-c3fabdf9]{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#333;font-weight:600}.key-input[data-v-c3fabdf9]{padding:10px;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-c3fabdf9]:focus{outline:none;border-color:#667eea}.key-textarea[data-v-c3fabdf9]{padding:10px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:Consolas,Monaco,Courier New,monospace;min-height:60px;resize:none;transition:border-color .3s ease}.key-textarea[data-v-c3fabdf9]:focus{outline:none;border-color:#667eea}.key-pair-controls[data-v-c3fabdf9]{display:flex;justify-content:flex-end}.generate-key-btn[data-v-c3fabdf9]{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-c3fabdf9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.editor-container[data-v-c3fabdf9]{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;flex:1;min-height:0}.editor-panel[data-v-c3fabdf9]{display:flex;flex-direction:column;min-height:0}.panel-header[data-v-c3fabdf9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.panel-header h3[data-v-c3fabdf9]{font-size:16px;font-weight:600;color:#333}.clear-btn[data-v-c3fabdf9]{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-c3fabdf9]:hover{border-color:#667eea;color:#667eea}.editor-textarea[data-v-c3fabdf9]{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:none;transition:border-color .3s ease;min-height:0}.editor-textarea[data-v-c3fabdf9]:focus{outline:none;border-color:#667eea}.editor-textarea.error[data-v-c3fabdf9]{border-color:#ff6b6b;background:#fff5f5}.action-panel[data-v-c3fabdf9]{display:flex;flex-direction:column;justify-content:center;gap:12px;padding-top:40px;flex-shrink:0}.crypto-action-btn[data-v-c3fabdf9]{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-c3fabdf9]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.crypto-action-btn[data-v-c3fabdf9]:active{transform:translateY(0)}.copy-btn[data-v-c3fabdf9]{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-c3fabdf9]:hover:not(:disabled){background:#667eea;color:#fff}.copy-btn[data-v-c3fabdf9]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-c3fabdf9]{padding:16px;background:#fff5f5;border:2px solid #ff6b6b;border-radius:8px;color:#c92a2a;font-size:14px;margin-top:16px;flex-shrink:0}.error-badge[data-v-c3fabdf9],.success-badge[data-v-c3fabdf9]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.error-badge[data-v-c3fabdf9]{background:#ff6b6b;color:#fff}.success-badge[data-v-c3fabdf9]{background:#51cf66;color:#fff}@media (max-width: 1200px){.editor-container[data-v-c3fabdf9]{grid-template-columns:1fr;flex:none}.editor-panel[data-v-c3fabdf9],.editor-textarea[data-v-c3fabdf9]{min-height:200px}.action-panel[data-v-c3fabdf9]{flex-direction:row;justify-content:center;padding-top:0;flex-wrap:wrap}}.qrcode-container[data-v-ab68bf15]{padding:32px;height:100vh;display:flex;flex-direction:column;overflow:hidden}.title[data-v-ab68bf15]{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;flex-shrink:0}.controls[data-v-ab68bf15]{margin-bottom:20px;flex-shrink:0}.type-selector[data-v-ab68bf15]{display:flex;gap:8px;background:#f5f5f5;padding:4px;border-radius:8px;width:fit-content}.type-btn[data-v-ab68bf15]{padding:10px 24px;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-ab68bf15]{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.type-btn[data-v-ab68bf15]:hover:not(.active){color:#333}.generator-section[data-v-ab68bf15]{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:0}.input-section[data-v-ab68bf15]{display:flex;flex-direction:column;gap:16px;min-height:0}.input-group[data-v-ab68bf15]{display:flex;flex-direction:column;flex:1;min-height:0}.input-label[data-v-ab68bf15]{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#333;flex:1;min-height:0}.content-textarea[data-v-ab68bf15]{padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;flex:1;min-height:0;resize:none;font-family:inherit;transition:border-color .3s ease}.content-textarea[data-v-ab68bf15]:focus{outline:none;border-color:#667eea}.content-input[data-v-ab68bf15]{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s ease}.content-input[data-v-ab68bf15]:focus{outline:none;border-color:#667eea}.options-row[data-v-ab68bf15]{display:flex;gap:16px;flex-wrap:wrap;align-items:center;flex-shrink:0}.option-label[data-v-ab68bf15]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;font-weight:500}.option-label select[data-v-ab68bf15],.option-label input[type=number][data-v-ab68bf15]{padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s ease}.option-label select[data-v-ab68bf15]:focus,.option-label input[type=number][data-v-ab68bf15]:focus{outline:none;border-color:#667eea}.option-label input[type=number][data-v-ab68bf15]{width:80px}.color-label[data-v-ab68bf15]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;font-weight:500}.color-label input[type=color][data-v-ab68bf15]{width:40px;height:32px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;padding:2px}.checkbox-label[data-v-ab68bf15]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.checkbox-label input[type=checkbox][data-v-ab68bf15]{width:18px;height:18px;cursor:pointer}.format-hint[data-v-ab68bf15]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f9fa;border-radius:8px;font-size:13px;color:#666;flex-shrink:0}.hint-icon[data-v-ab68bf15]{font-size:16px}.result-section[data-v-ab68bf15]{display:flex;flex-direction:column;min-height:0}.result-header[data-v-ab68bf15]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.result-header h3[data-v-ab68bf15]{font-size:16px;font-weight:600;color:#333}.result-actions[data-v-ab68bf15]{display:flex;gap:8px}.action-btn[data-v-ab68bf15]{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-ab68bf15]:hover:not(:disabled){background:#667eea;color:#fff}.action-btn[data-v-ab68bf15]:disabled{opacity:.5;cursor:not-allowed}.canvas-wrapper[data-v-ab68bf15]{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;border:2px dashed #e0e0e0;border-radius:8px;background:#fafafa;padding:24px}.canvas-wrapper canvas[data-v-ab68bf15]{max-width:100%;max-height:100%;height:auto}.barcode-wrapper svg[data-v-ab68bf15]{max-width:100%;max-height:100%;height:auto}.placeholder[data-v-ab68bf15]{color:#999;font-size:14px}.error-message[data-v-ab68bf15]{padding:16px;background:#fff5f5;border:2px solid #ff6b6b;border-radius:8px;color:#c92a2a;font-size:14px;margin-top:16px;flex-shrink:0}@media (max-width: 1024px){.generator-section[data-v-ab68bf15]{grid-template-columns:1fr;flex:none}.input-section[data-v-ab68bf15]{flex:none}.input-group[data-v-ab68bf15],.input-label[data-v-ab68bf15],.content-textarea[data-v-ab68bf15]{flex:none;min-height:150px}.options-row[data-v-ab68bf15]{flex-direction:column;align-items:flex-start}.canvas-wrapper[data-v-ab68bf15]{min-height:300px}}.string-sorter-container[data-v-87ed4fd7]{padding:24px;height:100vh;display:flex;flex-direction:column;overflow:hidden;gap:16px}.header-section[data-v-87ed4fd7]{flex-shrink:0}.title[data-v-87ed4fd7]{font-size:28px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.options-row[data-v-87ed4fd7]{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.sort-options[data-v-87ed4fd7]{display:flex;gap:8px}.sort-option[data-v-87ed4fd7]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.sort-option[data-v-87ed4fd7]:hover{border-color:#667eea;background:#f0f4ff}.sort-option.active[data-v-87ed4fd7]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;font-weight:600;color:#667eea}.sort-option input[type=radio][data-v-87ed4fd7]{width:16px;height:16px;cursor:pointer}.checkbox-group[data-v-87ed4fd7]{display:flex;gap:8px;flex-wrap:wrap}.checkbox-label[data-v-87ed4fd7]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px}.checkbox-label[data-v-87ed4fd7]:hover{border-color:#667eea;background:#f0f4ff}.checkbox-label input[type=checkbox][data-v-87ed4fd7]{width:16px;height:16px;cursor:pointer}.checkbox-label input[type=checkbox]:checked+span[data-v-87ed4fd7]{color:#667eea;font-weight:600}.sorter-content[data-v-87ed4fd7]{flex:1;display:flex;gap:16px;min-height:0}.panel[data-v-87ed4fd7]{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.panel-header[data-v-87ed4fd7]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.panel-header h3[data-v-87ed4fd7]{font-size:16px;font-weight:600;color:#333}.hint[data-v-87ed4fd7]{font-size:12px;color:#868e96}.header-actions[data-v-87ed4fd7]{display:flex;gap:6px}.action-btn[data-v-87ed4fd7]{padding:6px 12px;background:#fff;color:#667eea;border:1px solid #667eea;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.action-btn[data-v-87ed4fd7]:hover:not(:disabled){background:#667eea;color:#fff}.action-btn[data-v-87ed4fd7]:disabled{opacity:.5;cursor:not-allowed}.textarea[data-v-87ed4fd7]{flex:1;width:100%;padding:16px;border:none;font-size:14px;font-family:Consolas,Monaco,Courier New,monospace;resize:none;line-height:1.6;background:#fff}.textarea[data-v-87ed4fd7]:focus{outline:none;background:#fafbfc}.textarea[data-v-87ed4fd7]::placeholder{color:#adb5bd}.panel-footer[data-v-87ed4fd7]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0}.line-count[data-v-87ed4fd7],.stats[data-v-87ed4fd7]{font-size:13px;color:#868e96}.duplicates[data-v-87ed4fd7]{color:#667eea}.sort-btn[data-v-87ed4fd7]{padding:8px 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 #667eea66;display:flex;align-items:center;gap:6px}.sort-btn[data-v-87ed4fd7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea80}.sort-btn[data-v-87ed4fd7]:disabled{opacity:.5;cursor:not-allowed}.btn-icon[data-v-87ed4fd7]{font-size:16px}@media (max-width: 900px){.sorter-content[data-v-87ed4fd7]{flex-direction:column}.panel[data-v-87ed4fd7]{flex:none;height:50%}.options-row[data-v-87ed4fd7]{flex-direction:column;align-items:flex-start}}*{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}}