.tool-uuid-generator .uuid-v7-advanced,.tool-uuid-generator .uuid-v7-breakdown{border:1px solid var(--ant-color-border,#d9d9d9);border-radius:8px;margin-top:24px;padding:16px}.tool-uuid-generator .uuid-v7-control{gap:8px;margin:16px 0;display:grid}.tool-uuid-generator .uuid-v7-field{border:1px solid var(--ant-color-border-secondary,#f0f0f0);border-radius:8px;gap:5px;margin-top:12px;padding:12px;transition:border-color .16s,box-shadow .16s,opacity .16s,transform .16s;display:grid;overflow:hidden}.tool-uuid-generator .uuid-v7-field strong{align-items:center;gap:8px;display:flex}.tool-uuid-generator .uuid-v7-field i{background:var(--uuid-v7-field-color);border-radius:3px;flex:none;width:12px;height:12px}.tool-uuid-generator .uuid-v7-field code{overflow-wrap:anywhere}.tool-uuid-generator .uuid-v7-field small{opacity:.7}.tool-uuid-generator .uuid-v7-field.is-active{border-color:var(--uuid-v7-field-accent);box-shadow:0 0 0 2px var(--uuid-v7-field-ring);transform:translateY(-1px)}.tool-uuid-generator .uuid-v7-field.is-muted{opacity:.5}.tool-uuid-generator .uuid-v7-field-timestamp{--uuid-v7-field-color:#b9d9ff;--uuid-v7-field-accent:#3b82f6;--uuid-v7-field-ring:#3b82f626}.tool-uuid-generator .uuid-v7-field-version{--uuid-v7-field-color:#d9ceff;--uuid-v7-field-accent:#7c3aed;--uuid-v7-field-ring:#7c3aed26}.tool-uuid-generator .uuid-v7-field-random-a{--uuid-v7-field-color:#fff2a8;--uuid-v7-field-accent:#d9a500;--uuid-v7-field-ring:#d9a50026}.tool-uuid-generator .uuid-v7-field-variant{--uuid-v7-field-color:#ffd29b;--uuid-v7-field-accent:#ea8a13;--uuid-v7-field-ring:#ea8a1326}.tool-uuid-generator .uuid-v7-field-random-b{--uuid-v7-field-color:#b8f3e8;--uuid-v7-field-accent:#0d9488;--uuid-v7-field-ring:#0d948826}.tool-uuid-generator .uuid-v7-segmented-value{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.tool-uuid-generator .uuid-v7-segmented-value>code{overflow-wrap:anywhere;min-width:0;font-size:clamp(18px,2.2vw,28px);line-height:1.8}.tool-uuid-generator .uuid-v7-segment{border-radius:3px;outline:none;transition:color .16s,background-color .16s,box-shadow .16s,opacity .16s}.tool-uuid-generator .uuid-v7-segment.is-active{z-index:1;box-shadow:0 0 0 3px var(--uuid-v7-segment-accent);background:0 0;position:relative}.tool-uuid-generator .uuid-v7-segment.is-muted{color:#aeb7c2;opacity:.72;background:#f1f3f5}.tool-uuid-generator .uuid-v7-segment-timestamp{--uuid-v7-segment-accent:#2563eb;background:#b9d9ff}.tool-uuid-generator .uuid-v7-segment-version{--uuid-v7-segment-accent:#7c3aed;background:#d9ceff}.tool-uuid-generator .uuid-v7-segment-random-a{--uuid-v7-segment-accent:#d9a500;background:#fff2a8}.tool-uuid-generator .uuid-v7-segment-variant{--uuid-v7-segment-accent:#ea8a13;background:#ffd29b}.tool-uuid-generator .uuid-v7-segment-random-b{--uuid-v7-segment-accent:#0d9488;background:#b8f3e8}.tool-uuid-generator .uuid-v7-field-hint{opacity:.65;margin:20px 0 4px;font-style:italic}