.user-agent-tool[data-v-72ebd164]{display:flex;flex-direction:column;gap:1.5rem}.input-section[data-v-72ebd164]{display:flex;flex-direction:column;gap:.75rem}.input-label[data-v-72ebd164]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.ua-input[data-v-72ebd164]{width:100%;padding:1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.85rem;line-height:1.5;resize:vertical;transition:all .15s ease}.ua-input[data-v-72ebd164]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.ua-input[data-v-72ebd164]::placeholder{color:var(--color-text-muted)}.action-buttons[data-v-72ebd164]{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn[data-v-72ebd164]{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;transition:all .15s ease}.action-btn[data-v-72ebd164]:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.action-btn.primary[data-v-72ebd164]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-deep)}.action-btn.primary[data-v-72ebd164]:hover{background:var(--color-primary-light)}.btn-icon[data-v-72ebd164]{font-size:1rem}.examples-section[data-v-72ebd164]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.examples-header[data-v-72ebd164]{padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.examples-title[data-v-72ebd164]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.examples-list[data-v-72ebd164]{padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.example-btn[data-v-72ebd164]{padding:.375rem .75rem;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.8rem;transition:all .15s ease}.example-btn[data-v-72ebd164]:hover{background:var(--color-bg-elevated);border-color:var(--color-primary);color:var(--color-primary)}.result-section[data-v-72ebd164]{display:flex;flex-direction:column;gap:1rem}.overview-card[data-v-72ebd164]{background:linear-gradient(135deg,var(--color-bg-surface) 0%,var(--color-bg-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.overview-items[data-v-72ebd164]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.overview-item[data-v-72ebd164]{display:flex;align-items:flex-start;gap:.75rem}.item-icon[data-v-72ebd164]{font-size:2rem;line-height:1}.item-content[data-v-72ebd164]{display:flex;flex-direction:column;gap:.125rem}.item-label[data-v-72ebd164]{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.item-value[data-v-72ebd164]{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.item-version[data-v-72ebd164]{font-size:.8rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.detail-cards[data-v-72ebd164]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.detail-card[data-v-72ebd164]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-header[data-v-72ebd164]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.card-icon[data-v-72ebd164]{font-size:1.125rem}.card-title[data-v-72ebd164]{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.card-content[data-v-72ebd164]{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.detail-row[data-v-72ebd164]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.detail-label[data-v-72ebd164]{font-size:.8rem;color:var(--color-text-muted)}.detail-value[data-v-72ebd164]{font-size:.85rem;color:var(--color-text-primary);text-align:right}.detail-code[data-v-72ebd164]{font-family:var(--font-mono);font-size:.8rem;padding:.125rem .375rem;background:var(--color-bg-base);border-radius:var(--radius-sm);color:var(--color-primary)}.features-section[data-v-72ebd164]{padding:.5rem 0}.feature-tags[data-v-72ebd164]{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag[data-v-72ebd164]{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.feature-tag.mobile[data-v-72ebd164]{background:#3b82f626;color:#3b82f6}.feature-tag.desktop[data-v-72ebd164]{background:#22c55e26;color:#22c55e}.feature-tag.bot[data-v-72ebd164]{background:#eab30826;color:#eab308}.feature-tag.chromium[data-v-72ebd164]{background:#3b82f626;color:#3b82f6}.feature-tag.webkit[data-v-72ebd164]{background:#8b5cf626;color:#8b5cf6}.feature-tag.gecko[data-v-72ebd164]{background:#f9731626;color:#f97316}.raw-ua-section[data-v-72ebd164]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.raw-ua-header[data-v-72ebd164]{padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.raw-ua-title[data-v-72ebd164]{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.raw-ua-content[data-v-72ebd164]{display:block;padding:1rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--color-text-secondary);word-break:break-all;background:none}.empty-state[data-v-72ebd164]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon[data-v-72ebd164]{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p[data-v-72ebd164]{color:var(--color-text-muted);font-size:.9rem}