.tm-uuid-generator{container-type:inline-size}.tm-uuid-generator__kbd-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-3);font-family:var(--font-mono);white-space:nowrap}.tm-uuid-generator__kbd-hint kbd{font-family:var(--font-mono);font-size:11px;line-height:1;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-2);padding:3px 6px;border-radius:5px;min-width:18px;text-align:center}.tm-uuid-generator__kbd-sep{opacity:.4;margin:0 1px}@media(max-width:680px){.tm-uuid-generator__kbd-hint{display:none}}.tm-uuid-generator__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tm-uuid-generator__value-box{padding:20px 22px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-code-bg);margin-bottom:var(--spacing-5)}.tm-uuid-generator__value-label{margin-bottom:10px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-3)}.tm-uuid-generator__primary-uuid{min-width:0;display:block;font-family:var(--font-mono);font-size:clamp(15px,2vw,19px);font-weight:500;color:var(--color-code-text);word-break:break-all;line-height:1.5;user-select:all}.tm-uuid-generator__primary-uuid--placeholder{color:var(--color-text-2);font-weight:500;font-size:14px;font-family:var(--font-sans);user-select:none;word-break:normal}.tm-uuid-generator__primary-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.tm-uuid-generator__trust-note{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:#16a34a1a;font-size:12px;color:#16a34a;font-weight:500;margin-bottom:var(--spacing-6)}.tm-uuid-generator__trust-note code{font-family:var(--font-mono);font-size:12px;background:#16a34a14;padding:1px 4px;border-radius:4px}.tm-uuid-generator__version-section{margin-bottom:var(--spacing-5)}.tm-uuid-generator__section-label{display:block;margin-bottom:var(--spacing-2);font-size:12px;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em}.tm-uuid-generator__version-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tm-uuid-generator__namespace-section{margin-bottom:var(--spacing-5);padding:var(--spacing-4);border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-border));border-radius:var(--radius-xl);background:linear-gradient(140deg,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 58%),var(--color-bg-2)}.tm-uuid-generator__namespace-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);margin-top:var(--spacing-3)}@media(max-width:520px){.tm-uuid-generator__namespace-row{grid-template-columns:1fr}}.tm-uuid-generator__input-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.tm-uuid-generator__input-group--full{margin-top:var(--spacing-3)}.tm-uuid-generator__input-label{font-size:12px;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.04em}.tm-uuid-generator__select,.tm-uuid-generator__text-input{min-height:44px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.tm-uuid-generator__select:focus,.tm-uuid-generator__text-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.tm-uuid-generator__text-input::placeholder{color:var(--color-text-2)}.tm-uuid-generator__format-section{margin-bottom:var(--spacing-5)}.tm-uuid-generator__format-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:flex-start}.tm-uuid-generator__format-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.tm-uuid-generator__format-options{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tm-uuid-generator__format-help{margin:var(--spacing-2) 0 0;color:var(--color-text-2);font-size:12px;line-height:1.6}.tm-uuid-generator__bulk-section{margin-bottom:var(--spacing-5)}.tm-uuid-generator__bulk-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap}.tm-uuid-generator__bulk-controls{margin-top:var(--spacing-4);padding:var(--spacing-4);border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-border));border-radius:var(--radius-xl);background:var(--color-bg-2)}.tm-uuid-generator__bulk-count-row{display:flex;align-items:flex-end;gap:var(--spacing-3);flex-wrap:wrap}.tm-uuid-generator__count-input{width:80px;min-height:44px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font:inherit;font-size:14px;font-weight:600;text-align:center}.tm-uuid-generator__count-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.tm-uuid-generator__preset-btns{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.tm-uuid-generator__bulk-clamped{margin:var(--spacing-2) 0 0;color:#d97706;font-size:12px}.tm-uuid-generator__bulk-actions{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);flex-wrap:wrap}.tm-uuid-generator__bulk-results{margin-top:var(--spacing-4);border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-border));border-radius:var(--radius-xl);background:var(--color-bg-2);overflow:hidden}.tm-uuid-generator__bulk-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);flex-wrap:wrap;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-3)}.tm-uuid-generator__bulk-header-info{font-size:14px;font-weight:600;color:var(--color-text-1)}.tm-uuid-generator__bulk-header-actions{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.tm-uuid-generator__bulk-list{max-height:400px;overflow-y:auto;overflow-x:auto;padding:var(--spacing-2)}.tm-uuid-generator__bulk-row{display:grid;grid-template-columns:32px minmax(max-content,1fr) auto;align-items:center;gap:var(--spacing-2);width:max-content;min-width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);transition:background .15s ease}.tm-uuid-generator__bulk-row:hover{background:#0000000a}.tm-uuid-generator__bulk-row-index{min-width:32px;font-size:12px;font-weight:600;color:var(--color-text-2);font-variant-numeric:tabular-nums;text-align:right}.tm-uuid-generator__bulk-row-uuid{font-family:var(--font-mono);font-size:14px;color:var(--color-text-1);white-space:nowrap;user-select:all}.tm-uuid-generator__bulk-row-copy{flex-shrink:0}.tm-uuid-generator__export-menu{position:relative;display:inline-block}.tm-uuid-generator__export-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-2);box-shadow:0 4px 12px #00000014;z-index:100}.tm-uuid-generator__export-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;min-height:44px;padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-1);font:inherit;font-size:14px;cursor:pointer;transition:background .15s ease;text-align:left}.tm-uuid-generator__export-item:hover{background:#0000000a}.tm-uuid-generator__export-item-icon{color:var(--color-text-2);font-size:12px;width:32px;text-align:center;font-family:var(--font-mono);font-weight:600}.tm-uuid-generator__inspector-intro{margin:0 0 var(--spacing-4);color:var(--color-text-2);font-size:14px}.tm-uuid-generator__inspector-input-row{display:flex;gap:var(--spacing-3);align-items:stretch;margin-bottom:var(--spacing-2)}@media(max-width:520px){.tm-uuid-generator__inspector-input-row{flex-direction:column}}.tm-uuid-generator__inspector-field{flex:1;min-height:44px;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font-family:var(--font-mono);font-size:16px;transition:border-color .15s ease,box-shadow .15s ease}.tm-uuid-generator__inspector-field::placeholder{color:var(--color-text-2);font-family:var(--font-sans)}.tm-uuid-generator__inspector-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.tm-uuid-generator__inspector-results{padding:var(--spacing-5);margin-top:var(--spacing-3);border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-border));border-radius:var(--radius-xl);background:var(--color-bg-2)}.tm-uuid-generator__inspector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}.tm-uuid-generator__inspector-card{padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-3)}.tm-uuid-generator__inspector-card-label{font-size:12px;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-1)}.tm-uuid-generator__inspector-card-value{font-size:16px;font-weight:600;color:var(--color-text-1);word-break:break-word}.tm-uuid-generator__inspector-card-value--mono{font-family:var(--font-mono)}.tm-uuid-generator__scroll-value{display:block;white-space:normal;overflow-wrap:anywhere;word-break:break-all}.tm-uuid-generator__inspector-error{padding:var(--spacing-4);margin-top:var(--spacing-3);border:1px solid color-mix(in srgb,#DC2626 30%,var(--color-border));border-radius:var(--radius-md);background:#dc26260f;color:#dc2626;font-size:14px;line-height:1.65}[data-theme=dark] .tm-uuid-generator__namespace-section,[data-theme=dark] .tm-uuid-generator__bulk-controls,[data-theme=dark] .tm-uuid-generator__bulk-results,[data-theme=dark] .tm-uuid-generator__inspector-results{background:var(--color-bg-3)}[data-theme=dark] .tm-uuid-generator__inspector-card{background:color-mix(in srgb,var(--color-bg-2) 60%,var(--color-bg-3))}[data-theme=dark] .tm-uuid-generator__count-input,[data-theme=dark] .tm-uuid-generator__select,[data-theme=dark] .tm-uuid-generator__text-input,[data-theme=dark] .tm-uuid-generator__inspector-field{background:var(--color-bg-3)}[data-theme=dark] .tm-uuid-generator__bulk-row:hover,[data-theme=dark] .tm-uuid-generator__export-item:hover{background:#ffffff0a}@container (min-width: 680px){.tm-uuid-generator__bulk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:var(--spacing-1);max-height:none}.tm-uuid-generator__bulk-row{width:auto;min-width:0}}@container (min-width: 720px){.tm-uuid-generator__inspector-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:480px){.tm-uuid-generator__primary-actions button{flex:1}.tm-uuid-generator__version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tm-uuid-generator__format-grid{flex-direction:column;gap:var(--spacing-3)}.tm-uuid-generator__format-options{width:100%}.tm-uuid-generator__bulk-count-row{flex-direction:column;align-items:stretch}.tm-uuid-generator__preset-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tm-uuid-generator__bulk-actions{flex-direction:column}.tm-uuid-generator__bulk-actions button{width:100%}.tm-uuid-generator__bulk-header{flex-direction:column;align-items:stretch}.tm-uuid-generator__bulk-header-actions{flex-wrap:wrap}.tm-uuid-generator__bulk-header-actions>button,.tm-uuid-generator__export-menu{width:100%}.tm-uuid-generator__export-dropdown{left:0;right:auto;width:100%;min-width:0}.tm-uuid-generator__inspector-input-row button{width:100%}}