:root{--uuidg-primary:#6366f1;--uuidg-primary-rgb:99, 102, 241;--uuidg-primary-light:#6366f114;--uuidg-primary-glow:#6366f140;--uuidg-text:#1e293b;--uuidg-text-secondary:#475569;--uuidg-text-muted:#64748b;--uuidg-bg:#fff;--uuidg-bg-subtle:#f8fafc;--uuidg-bg-hover:#6366f10a;--uuidg-border:#e2e8f0;--uuidg-border-light:#0000000f;--uuidg-card-shadow:0 1px 2px #0000000a, 0 4px 12px #0000000a;--uuidg-radius:8px;--uuidg-radius-lg:12px;--uuidg-success:#10b981;--uuidg-success-light:#10b9811a;--uuidg-error:#ef4444;--uuidg-error-light:#ef44441a}._uuidg-container{flex-direction:column;gap:1.25rem;max-width:720px;margin:0 auto;display:flex}._uuidg-version-tabs{justify-content:center;gap:.5rem;display:flex}._uuidg-tab{background:var(--uuidg-bg);border-style:solid;border-width:1.5px;border-color:var(--uuidg-border);border-radius:var(--uuidg-radius);cursor:pointer;box-shadow:var(--uuidg-card-shadow);flex-direction:column;align-items:center;gap:.125rem;padding:.625rem 1.5rem;transition:all .15s;display:flex}._uuidg-tab:hover{border-color:rgba(var(--uuidg-primary-rgb), .3);background:var(--uuidg-bg-hover)}._uuidg-tab--active{border-color:var(--uuidg-primary);background:var(--uuidg-primary-light);box-shadow:0 0 0 3px rgba(var(--uuidg-primary-rgb), .1)}._uuidg-tab-label{color:var(--uuidg-text);font-size:.9375rem;font-weight:700;font-family:var(--main-font-mono)}._uuidg-tab--active ._uuidg-tab-label{color:var(--uuidg-primary)}._uuidg-tab-desc{color:var(--uuidg-text-muted);font-size:.6875rem}._uuidg-section-card{background:var(--uuidg-bg);border-radius:var(--uuidg-radius-lg);border-style:solid;border-width:1px;border-color:var(--uuidg-border);box-shadow:var(--uuidg-card-shadow)}._uuidg-section-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--uuidg-border);padding:.875rem 1.25rem}._uuidg-section-title{color:var(--uuidg-text);font-size:.875rem;font-weight:600}._uuidg-format-bar{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}._uuidg-checkbox{color:var(--uuidg-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}._uuidg-checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--uuidg-primary);cursor:pointer}._uuidg-label{color:var(--uuidg-text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}._uuidg-input{border-style:solid;border-width:1.5px;border-color:var(--uuidg-border);border-radius:var(--uuidg-radius);color:var(--uuidg-text);background:var(--uuidg-bg);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}._uuidg-input:focus{border-color:var(--uuidg-primary);box-shadow:0 0 0 3px rgba(var(--uuidg-primary-rgb), .1)}._uuidg-input-mono{font-family:var(--main-font-mono)}._uuidg-select{border-style:solid;border-width:1.5px;border-color:var(--uuidg-border);border-radius:var(--uuidg-radius);color:var(--uuidg-text);background:var(--uuidg-bg);cursor:pointer;outline:none;padding:.5rem .75rem;font-size:.875rem}._uuidg-select:focus{border-color:var(--uuidg-primary);box-shadow:0 0 0 3px rgba(var(--uuidg-primary-rgb), .1)}._uuidg-btn{border-radius:var(--uuidg-radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.375rem;padding:.5625rem 1.125rem;font-size:.8125rem;font-weight:500;transition:opacity .15s,box-shadow .15s;display:inline-flex}._uuidg-btn:hover{opacity:.85}._uuidg-btn-primary{background:var(--uuidg-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--uuidg-primary-rgb), .25)}._uuidg-btn-secondary{background:var(--uuidg-bg);color:var(--uuidg-text-secondary);border-style:solid;border-width:1.5px;border-color:var(--uuidg-border)}._uuidg-btn-secondary:hover{border-color:rgba(var(--uuidg-primary-rgb), .3);color:var(--uuidg-primary)}._uuidg-btn-sm{padding:.375rem .75rem;font-size:.75rem}._uuidg-dropdown{display:inline-block;position:relative}._uuidg-dropdown-menu{background:var(--uuidg-bg);border-style:solid;border-width:1px;border-color:var(--uuidg-border);border-radius:var(--uuidg-radius);z-index:10;min-width:80px;margin-top:.25rem;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001a}._uuidg-dropdown-menu.is-open{display:block}._uuidg-dropdown-item{width:100%;color:var(--uuidg-text);cursor:pointer;text-align:left;background:0 0;border:none;padding:.5rem .875rem;font-size:.8125rem;display:block}._uuidg-dropdown-item:hover{background:var(--uuidg-primary-light);color:var(--uuidg-primary)}@media (max-width:768px){._uuidg-container{padding-left:1rem;padding-right:1rem}._uuidg-version-tabs{gap:.375rem}._uuidg-tab{padding:.5rem 1rem}._uuidg-format-bar{gap:.625rem}}._uuidg-single-card{background:var(--uuidg-bg);border-radius:var(--uuidg-radius-lg);border-style:solid;border-width:1px;border-color:var(--uuidg-border);box-shadow:var(--uuidg-card-shadow);flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}._uuidg-uuid-display{text-align:center;background:var(--uuidg-bg-subtle);border-radius:var(--uuidg-radius);border-style:dashed;border-width:1px;border-color:var(--uuidg-border);justify-content:center;align-items:center;width:100%;min-height:3.25rem;padding:1rem;display:flex}._uuidg-uuid-text{font-family:var(--main-font-mono);color:var(--uuidg-text);letter-spacing:.025em;word-break:break-all;-webkit-user-select:all;user-select:all;font-size:1.125rem;font-weight:600}._uuidg-single-actions{gap:.5rem;display:flex}@media (max-width:480px){._uuidg-uuid-text{font-size:.875rem}._uuidg-single-card{padding:1rem}}._uuidg-bulk-controls{flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}._uuidg-bulk-input-group{flex-direction:column;display:flex}._uuidg-bulk-input-group ._uuidg-input,._uuidg-bulk-input-group ._uuidg-select{width:120px}._uuidg-bulk-result{border-top-style:solid;border-top-width:1px;border-top-color:var(--uuidg-border)}._uuidg-textarea{width:100%;min-height:200px;max-height:400px;font-family:var(--main-font-mono);color:var(--uuidg-text);background:var(--uuidg-bg-subtle);resize:vertical;border:none;outline:none;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.6}._uuidg-bulk-actions{border-top-style:solid;border-top-width:1px;border-top-color:var(--uuidg-border);justify-content:space-between;align-items:center;padding:.625rem 1.25rem;display:flex}._uuidg-bulk-count{color:var(--uuidg-text-muted);font-size:.75rem}._uuidg-bulk-buttons{gap:.375rem;display:flex}@media (max-width:480px){._uuidg-bulk-controls{flex-direction:column;align-items:stretch}._uuidg-bulk-input-group ._uuidg-input,._uuidg-bulk-input-group ._uuidg-select{width:100%}._uuidg-bulk-actions{flex-direction:column;align-items:flex-start;gap:.5rem}}._uuidg-section-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.875rem 1.25rem;transition:background .15s;display:flex}._uuidg-section-toggle:hover{background:var(--uuidg-bg-hover)}._uuidg-toggle-icon{color:var(--uuidg-text-muted);transition:transform .2s;display:flex}._uuidg-toggle-icon.is-open{transform:rotate(180deg)}._uuidg-decoder-body{border-top-style:solid;border-top-width:1px;border-top-color:var(--uuidg-border);padding:1rem 1.25rem 1.25rem}._uuidg-decoder-input-row{gap:.5rem;display:flex}._uuidg-decoder-input-row ._uuidg-input{flex:1}._uuidg-decoder-result{margin-top:1rem}._uuidg-decode-grid{grid-template-columns:repeat(2,1fr);gap:.625rem;display:grid}._uuidg-decode-item{background:var(--uuidg-bg-subtle);border-radius:var(--uuidg-radius);border-style:solid;border-width:1px;border-color:var(--uuidg-border-light);flex-direction:column;gap:.125rem;padding:.625rem .75rem;display:flex}._uuidg-decode-label{color:var(--uuidg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:500}._uuidg-decode-value{color:var(--uuidg-text);font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono)}._uuidg-badge{border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}._uuidg-badge--valid{background:var(--uuidg-success-light);color:var(--uuidg-success)}._uuidg-badge--invalid{background:var(--uuidg-error-light);color:var(--uuidg-error)}@media (max-width:480px){._uuidg-decoder-input-row{flex-direction:column}._uuidg-decode-grid{grid-template-columns:1fr}}