.user-agent-tool .user-agent-layout{align-items: stretch;row-gap: 16px}.user-agent-current-panel .form-control-group-body,.user-agent-parser-panel .form-control-group-body{gap: 14px}.user-agent-current-header,.user-agent-results-header,.user-agent-library-header{flex: 0 0 auto;padding-top: 6px;padding-bottom: 6px}.user-agent-current-header>span,.user-agent-results-header>span,.user-agent-library-header>span{flex: 1;min-width: 0}.user-agent-field,.user-agent-search-field,.user-agent-result-item{display: flex;flex-direction: column;gap: 6px;margin: 0;min-width: 0;color: var(--text-2);font-size: 13.5px;font-weight: 600}.user-agent-field .form-control,.user-agent-search-field .form-control,.user-agent-result-item .form-control{width: 100%;min-width: 0}.user-agent-textarea{min-height: 104px;resize: vertical;font-family: var(--mono-font);font-size: 13px;line-height: 1.55}.user-agent-current-card{display: grid;gap: 6px;min-height: 92px;padding: 14px;border: 1px solid var(--border);border-radius: var(--radius);background: linear-gradient(135deg,rgba(37,99,235,.08),transparent 46%),var(--bg-soft)}.user-agent-current-card strong{min-width: 0;overflow: hidden;color: var(--text);font-size: 20px;line-height: 1.25;text-overflow: ellipsis;white-space: nowrap}.user-agent-current-card span{color: var(--text-2);font-size: 13.5px;line-height: 1.45}.user-agent-signal-grid,.user-agent-library-stats{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft)}.user-agent-library-stats{grid-template-columns: repeat(3,minmax(0,1fr));margin-top: 12px}.user-agent-signal-grid>div,.user-agent-library-stats>div{display: grid;gap: 3px;padding: 12px 14px;border-right: 1px solid var(--border)}.user-agent-signal-grid>div:last-child,.user-agent-library-stats>div:last-child{border-right: 0}.user-agent-signal-grid strong,.user-agent-library-stats strong{min-width: 0;overflow: hidden;color: var(--text);font-size: 16px;line-height: 1.2;text-overflow: ellipsis;white-space: nowrap}.user-agent-signal-grid span,.user-agent-library-stats span{color: var(--text-2);font-size: 12.5px;line-height: 1.35}.user-agent-message,.user-agent-error{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft);color: var(--text-2);font-size: 13.5px;line-height: 1.45}.user-agent-error{border-color: #fecaca;background: var(--danger-soft);color: var(--danger)}.user-agent-actions,.user-agent-filter-buttons{display: flex;flex-wrap: wrap;gap: 8px}.user-agent-actions .btn,.user-agent-filter-buttons .btn{min-width: 92px;justify-content: center}.user-agent-summary{padding: 12px 14px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft);color: var(--text-2);font-size: 13.5px;line-height: 1.55}.user-agent-result-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.user-agent-result{background: var(--bg-soft);font-family: var(--mono-font);font-size: 13px}.btn-copy-current-ua,.btn-copy-parse-result,.btn-copy-library,.btn-user-agent-use{min-width: 92px;justify-content: center;white-space: nowrap}.user-agent-library-panel,.user-agent-reference-panel{margin-top: 16px}.user-agent-filter-row{display: grid;grid-template-columns: minmax(260px,1fr) auto;gap: 12px;align-items: end}.user-agent-table-wrap{margin-top: 12px;overflow-x: auto;border: 1px solid var(--border);border-radius: var(--radius)}.user-agent-table{width: 100%;min-width: 940px;border-collapse: collapse;background: var(--bg)}.user-agent-table th,.user-agent-table td{padding: 10px 12px;border-bottom: 1px solid var(--border);color: var(--text);font-size: 13.5px;line-height: 1.4;text-align: left;vertical-align: middle}.user-agent-table th{position: sticky;top: 0;z-index: 1;background: var(--bg-soft);color: var(--text-2);font-size: 12px;font-weight: 700;text-transform: uppercase}.user-agent-table tr:last-child td{border-bottom: 0}.user-agent-table tbody tr.is-active{background: var(--primary-soft)}.user-agent-table code{display: block;max-width: 540px;overflow: hidden;padding: 2px 0;color: var(--text);font-family: var(--mono-font);font-size: 12.5px;text-overflow: ellipsis;white-space: nowrap}.user-agent-client{display: grid;gap: 2px}.user-agent-client strong{color: var(--text);font-size: 13.5px;line-height: 1.3}.user-agent-client span{color: var(--text-3);font-size: 12px;line-height: 1.35}.user-agent-badge{display: inline-flex;align-items: center;justify-content: center;min-width: 74px;padding: 3px 8px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft);color: var(--text-2);font-size: 12px;font-weight: 700;text-transform: uppercase}.user-agent-reference-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0}.user-agent-reference-grid>div{display: flex;flex-direction: column;gap: 4px;padding: 14px 16px;border-right: 1px solid var(--border)}.user-agent-reference-grid>div:last-child{border-right: 0}.user-agent-reference-grid strong{color: var(--text);font-size: 13.5px}.user-agent-reference-grid span{color: var(--text-2);font-size: 13px;line-height: 1.45}:root[data-theme="dark"] .user-agent-result{background: var(--bg-soft)}:root[data-theme="dark"] .user-agent-error{border-color: #7f1d1d;background: rgba(127,29,29,.18)}@media (max-width: 991px){.user-agent-result-grid,.user-agent-reference-grid{grid-template-columns: 1fr}.user-agent-filter-row{grid-template-columns: 1fr}.user-agent-reference-grid>div{border-right: 0;border-bottom: 1px solid var(--border)}.user-agent-reference-grid>div:last-child{border-bottom: 0}}@media (max-width: 640px){.user-agent-tool .form-control-group-body{padding: 14px}.user-agent-current-panel .form-control-group-footer{flex-direction: column;align-items: stretch}.user-agent-current-panel .form-control-group-footer .btn,.user-agent-actions .btn{width: 100%;justify-content: center}.user-agent-current-header,.user-agent-results-header,.user-agent-library-header{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;column-gap: 8px;min-height: 0;padding-top: 6px;padding-bottom: 6px}.user-agent-current-header>span,.user-agent-results-header>span,.user-agent-library-header>span{display: block;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.btn-copy-current-ua,.btn-copy-parse-result,.btn-copy-library{width: 92px;min-width: 92px;padding-right: 8px;padding-left: 8px}.user-agent-current-card strong{font-size: 17px}.user-agent-signal-grid,.user-agent-library-stats{grid-template-columns: 1fr}.user-agent-signal-grid>div,.user-agent-library-stats>div{border-right: 0;border-bottom: 1px solid var(--border)}.user-agent-signal-grid>div:last-child,.user-agent-library-stats>div:last-child{border-bottom: 0}.user-agent-filter-buttons{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.user-agent-filter-buttons .btn{width: 100%;min-width: 0}}