.uuid-gen-tool[data-v-044be8ae]{width:100%;margin:0 auto}.control-section[data-v-044be8ae]{background:#fff;border-radius:6px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.section-title[data-v-044be8ae]{font-size:18px;font-weight:600;color:#374151;margin-bottom:20px;display:flex;align-items:center}.section-title i[data-v-044be8ae]{color:#23a894}.settings-grid[data-v-044be8ae]{display:grid;gap:20px;margin-bottom:24px}.setting-item[data-v-044be8ae]{display:flex;align-items:center;gap:16px}.setting-label[data-v-044be8ae]{min-width:100px;font-size:14px;color:#6b7280;font-weight:500}.custom-input[data-v-044be8ae],.custom-select[data-v-044be8ae]{padding:8px 12px;border:1px solid #dcdfe6;border-radius:6px;font-size:14px;transition:all .3s;outline:none;background:#fff}.custom-input[data-v-044be8ae]:focus,.custom-select[data-v-044be8ae]:focus{border-color:#23a894}.custom-input[data-v-044be8ae]{width:120px}.custom-select[data-v-044be8ae]{min-width:180px;cursor:pointer}.checkbox-group[data-v-044be8ae]{display:flex;gap:20px}.custom-checkbox[data-v-044be8ae]{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-044be8ae]{position:absolute;opacity:0;cursor:pointer}.checkmark[data-v-044be8ae]{position:absolute;left:0;height:14px;width:14px;background-color:#fff;border:1px solid #dcdfe6;border-radius:2px;transition:all .3s}.custom-checkbox:hover input~.checkmark[data-v-044be8ae]{border-color:#23a894}.custom-checkbox input:checked~.checkmark[data-v-044be8ae]{background-color:#23a894;border-color:#23a894}.checkmark[data-v-044be8ae]:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark[data-v-044be8ae]:after{display:block}.custom-checkbox .checkmark[data-v-044be8ae]: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-044be8ae]{display:flex;gap:12px;justify-content:center;padding-top:16px;border-top:1px solid #e5e7eb}.btn[data-v-044be8ae]{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-044be8ae]:hover:not(:disabled){color:#23a894;border-color:#23a894}.btn[data-v-044be8ae]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-044be8ae]{background:#23a894;color:#fff;border-color:#23a894}.btn-primary[data-v-044be8ae]:hover:not(:disabled){background:#1f8f7d;border-color:#1f8f7d;color:#fff}.btn-large[data-v-044be8ae]{padding:12px 24px;font-size:16px}.mr-2[data-v-044be8ae]{margin-right:8px}.result-section[data-v-044be8ae]{background:#fff;border-radius:6px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;min-height:300px}.empty-state[data-v-044be8ae]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#9ca3af}.empty-state i[data-v-044be8ae]{font-size:48px;margin-bottom:16px}.uuid-list[data-v-044be8ae]{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.uuid-item[data-v-044be8ae]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:6px;transition:all .2s}.uuid-item[data-v-044be8ae]:hover{background:#f3f4f6}.uuid-index[data-v-044be8ae]{font-size:12px;color:#9ca3af;min-width:24px;text-align:right}.uuid-value[data-v-044be8ae]{flex:1;font-family:Courier New,monospace;font-size:14px;color:#1f2937;word-break:break-all}.copy-btn[data-v-044be8ae]{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}.uuid-item:hover .copy-btn[data-v-044be8ae]{opacity:1}.copy-btn[data-v-044be8ae]:hover{background:#e5e7eb;color:#23a894}.help-section[data-v-044be8ae]{background:#fff;border-radius:6px;padding:24px;box-shadow:0 2px 8px #0000000f}.help-content[data-v-044be8ae]{display:grid;gap:12px}.help-item[data-v-044be8ae]{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border-radius:6px}.help-item i[data-v-044be8ae]{color:#23a894;font-size:16px;margin-top:2px;flex-shrink:0}.help-item div[data-v-044be8ae]{font-size:14px;color:#6b7280;line-height:1.6}.help-item strong[data-v-044be8ae]{color:#374151}@media (max-width: 640px){.setting-item[data-v-044be8ae]{flex-direction:column;align-items:flex-start}.action-buttons[data-v-044be8ae]{flex-direction:column}.action-buttons button[data-v-044be8ae]{width:100%}.copy-btn[data-v-044be8ae]{opacity:1}}