.random-string-tool[data-v-f9eae5b5]{width:100%;margin:0 auto}.control-section[data-v-f9eae5b5]{background:#fff;border-radius:6px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.section-title[data-v-f9eae5b5]{font-size:18px;font-weight:600;color:#374151;margin-bottom:20px;display:flex;align-items:center}.section-title i[data-v-f9eae5b5]{color:#23a894}.mr-2[data-v-f9eae5b5]{margin-right:8px}.settings-grid[data-v-f9eae5b5]{display:flex;gap:24px;margin-bottom:16px}.setting-item[data-v-f9eae5b5]{display:flex;align-items:center;gap:8px}.setting-label[data-v-f9eae5b5]{font-size:14px;color:#6b7280;font-weight:500}.custom-input[data-v-f9eae5b5]{width:100px;padding:8px 12px;border:1px solid #dcdfe6;border-radius:6px;font-size:14px;transition:all .3s;outline:none;background:#fff}.custom-input[data-v-f9eae5b5]:focus{border-color:#23a894}.charset-row[data-v-f9eae5b5]{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.charset-group[data-v-f9eae5b5]{display:flex;gap:16px;flex-wrap:wrap}.custom-checkbox[data-v-f9eae5b5]{display:inline-flex;align-items:center;position:relative;padding-left:28px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;color:#606266}.custom-checkbox input[data-v-f9eae5b5]{position:absolute;opacity:0;cursor:pointer}.checkmark[data-v-f9eae5b5]{position:absolute;left:0;height:14px;width:14px;background:#fff;border:1px solid #dcdfe6;border-radius:2px;transition:all .3s}.custom-checkbox:hover input~.checkmark[data-v-f9eae5b5]{border-color:#23a894}.custom-checkbox input:checked~.checkmark[data-v-f9eae5b5]{background:#23a894;border-color:#23a894}.checkmark[data-v-f9eae5b5]:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark[data-v-f9eae5b5]:after{display:block}.custom-checkbox .checkmark[data-v-f9eae5b5]:after{left:4px;top:1px;width:3px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.action-buttons[data-v-f9eae5b5]{display:flex;gap:12px;justify-content:center;padding-top:16px;border-top:1px solid #e5e7eb;margin-top:16px;flex-wrap:wrap}.btn[data-v-f9eae5b5]{padding:10px 20px;border:1px solid #dcdfe6;border-radius:3px;background:#fff;color:#606266;cursor:pointer;font-size:14px;transition:all .3s;display:inline-flex;align-items:center;gap:6px}.btn[data-v-f9eae5b5]:hover:not(:disabled){color:#23a894;border-color:#23a894}.btn[data-v-f9eae5b5]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-f9eae5b5]{background:#23a894;color:#fff;border-color:#23a894}.btn-primary[data-v-f9eae5b5]:hover:not(:disabled){background:#1f8f7d;border-color:#1f8f7d;color:#fff}.result-section[data-v-f9eae5b5]{background:#fff;border-radius:6px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;min-height:160px}.stats-badge[data-v-f9eae5b5]{font-size:13px;font-weight:400;color:#23a894;margin-left:12px}.empty-state[data-v-f9eae5b5]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;color:#9ca3af}.empty-state i[data-v-f9eae5b5]{font-size:40px;margin-bottom:12px}.error-block[data-v-f9eae5b5]{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px 16px;color:#dc2626;font-size:14px;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}.result-list[data-v-f9eae5b5]{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.result-item[data-v-f9eae5b5]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:6px;transition:all .2s}.result-item[data-v-f9eae5b5]:hover{background:#f3f4f6}.result-idx[data-v-f9eae5b5]{font-size:12px;color:#9ca3af;min-width:24px;text-align:right}.result-value[data-v-f9eae5b5]{flex:1;font-family:Courier New,Consolas,monospace;font-size:14px;color:#1f2937;word-break:break-all}.copy-btn[data-v-f9eae5b5]{padding:8px;border:none;background:transparent;cursor:pointer;color:#909399;opacity:0;transition:all .2s;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.result-item:hover .copy-btn[data-v-f9eae5b5]{opacity:1}.copy-btn[data-v-f9eae5b5]:hover{background:#e5e7eb;color:#23a894}.help-section[data-v-f9eae5b5]{background:#fff;border-radius:6px;padding:24px;box-shadow:0 2px 8px #0000000f}.help-content[data-v-f9eae5b5]{display:grid;gap:12px}.help-item[data-v-f9eae5b5]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border-radius:6px}.help-item i[data-v-f9eae5b5]{color:#23a894;font-size:16px;margin-top:2px;flex-shrink:0}.help-item div[data-v-f9eae5b5]{font-size:14px;color:#6b7280;line-height:1.6}.help-item strong[data-v-f9eae5b5]{color:#374151}.help-item code[data-v-f9eae5b5]{background:#e5e7eb;padding:1px 6px;border-radius:3px;font-size:13px}@media (max-width: 640px){.settings-grid[data-v-f9eae5b5]{flex-direction:column;gap:12px}.charset-row[data-v-f9eae5b5],.action-buttons[data-v-f9eae5b5]{flex-direction:column}.action-buttons button[data-v-f9eae5b5]{width:100%}.copy-btn[data-v-f9eae5b5]{opacity:1}}