.th-uuid-generator-v2{--th-primary:#2563eb;--th-accent:#eef5ff;box-sizing:border-box;width:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033}
.th-uuid-generator-v2 *{box-sizing:border-box}.th-uuid-card{max-width:860px;margin:24px auto;padding:30px;border:1px solid #e5e7eb;border-radius:var(--th-radius);background:#fff;box-shadow:0 12px 40px rgba(16,24,40,.08)}
.th-uuid-header{display:flex;align-items:center;gap:16px;margin-bottom:25px}.th-uuid-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:var(--th-accent);color:var(--th-primary);flex:0 0 54px}.th-uuid-icon svg{width:28px;height:28px}.th-uuid-header h2{margin:0 0 5px;font-size:27px;line-height:1.2;font-weight:750;color:#101828}.th-uuid-header p{margin:0;color:#667085;font-size:14px}
.th-uuid-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.th-uuid-tab{border:1px solid #d0d5dd;background:#fff;border-radius:10px;padding:11px 8px;color:#344054;font-weight:700;cursor:pointer}.th-uuid-tab small{display:block;margin-top:3px;font-size:11px;font-weight:500;color:#98a2b3}.th-uuid-tab.active{border-color:var(--th-primary);background:var(--th-accent);color:var(--th-primary)}.th-uuid-tab.active small{color:var(--th-primary)}
.th-uuid-v5-panel{padding:16px;border:1px solid #e4e7ec;border-radius:13px;background:#fafbfc;margin-bottom:16px}.th-uuid-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.th-uuid-field{margin-top:12px}.th-uuid-grid .th-uuid-field{margin-top:0}.th-uuid-field label,.th-uuid-grid label{display:block;margin-bottom:7px;font-size:13px;font-weight:650;color:#344054}.th-uuid-count,.th-uuid-grid select,.th-uuid-grid input,.th-uuid-name{width:100%;height:44px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;padding:0 12px;font-size:14px;color:#101828;outline:none}.th-uuid-count:focus,.th-uuid-grid select:focus,.th-uuid-grid input:focus,.th-uuid-name:focus{border-color:var(--th-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--th-primary) 13%,transparent)}.th-uuid-help{margin:9px 0 0;font-size:12px;color:#667085}
.th-uuid-controls{display:flex;gap:16px;align-items:flex-end;padding:17px;border-radius:15px;background:#f8fafc;border:1px solid #edf0f5}.th-uuid-controls .th-uuid-field{flex:1;margin:0}.th-uuid-actions{display:flex;gap:10px}.th-uuid-btn{height:44px;border:0;border-radius:9px;padding:0 16px;font-size:14px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}.th-uuid-btn svg{width:17px;height:17px}.th-uuid-btn-primary{background:var(--th-primary);color:#fff}.th-uuid-btn-primary:hover{filter:brightness(.92);transform:translateY(-1px)}.th-uuid-btn-secondary{background:#fff;color:#344054;border:1px solid #d0d5dd}.th-uuid-btn-secondary:hover{background:#f9fafb;border-color:#98a2b3}
.th-uuid-result-head{display:flex;justify-content:space-between;margin:24px 2px 10px;font-size:14px;font-weight:700;color:#344054}.th-uuid-count-label{font-weight:550;color:#667085}.th-uuid-results{display:flex;flex-direction:column;gap:9px;min-height:60px}.th-uuid-row{display:flex;align-items:center;gap:10px;padding:9px 10px 9px 14px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.th-uuid-value{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:14px;color:#344054;word-break:break-all}.th-uuid-copy{height:35px;min-width:70px;padding:0 10px;border:1px solid #d0d5dd;background:#fff;border-radius:8px;color:#344054;font-size:12px;font-weight:650;cursor:pointer}.th-uuid-copy:hover{background:#f8fafc}.th-uuid-empty{padding:27px 15px;text-align:center;color:#98a2b3;border:1px dashed #d0d5dd;border-radius:10px;font-size:14px}.th-uuid-footer-actions{display:flex;gap:10px;margin-top:13px}.th-uuid-footer-actions .th-uuid-btn{flex:1}.th-uuid-status{min-height:20px;margin-top:11px;text-align:center;font-size:12px;color:#667085}
@media(max-width:650px){.th-uuid-card{padding:20px}.th-uuid-header h2{font-size:23px}.th-uuid-tabs{grid-template-columns:1fr}.th-uuid-grid{grid-template-columns:1fr}.th-uuid-controls{display:block}.th-uuid-actions{margin-top:12px}.th-uuid-actions .th-uuid-btn{flex:1}.th-uuid-footer-actions{display:grid;grid-template-columns:1fr}.th-uuid-row{align-items:flex-start}}