:root{--uat-primary:#6366f1;--uat-primary-rgb:99,102,241;--uat-primary-light:#6366f114;--uat-primary-hover:#6366f11f;--uat-primary-glow:#6366f140;--uat-text:#1e293b;--uat-text-secondary:#475569;--uat-text-muted:#6b7480;--uat-bg:#fff;--uat-bg-subtle:#f8fafc;--uat-bg-hover:#6366f10a;--uat-border:#e2e8f0;--uat-border-light:#0000000f;--uat-border-focus:#6366f180;--uat-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a;--uat-shadow-hover:0 4px 12px #6366f114,0 8px 24px #0000000f;--uat-radius:8px;--uat-radius-lg:12px;--uat-radius-xl:16px;--uat-radius-sm:6px;--uat-success:#10b981;--uat-success-light:#10b9811a;--uat-error:#ef4444;--uat-error-light:#ef44441a;--uat-chrome:#4285f4;--uat-firefox:#ff7139;--uat-safari:#0d96f6;--uat-edge:#0078d4;--uat-opera:#ff1b2d;--uat-bot:#34a853}._uat-container{flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto;display:flex}._uat-section{background:var(--uat-bg);border-radius:var(--uat-radius-xl);box-shadow:var(--uat-shadow);border-style:solid;border-width:1px;border-color:var(--uat-border-light);transition:box-shadow .2s,border-color .2s;overflow:hidden}._uat-section:hover{box-shadow:var(--uat-shadow-hover);border-color:rgba(var(--uat-primary-rgb),.15)}._uat-section-header{background:linear-gradient(135deg,var(--uat-bg-subtle)0%,var(--uat-bg)100%);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--uat-border-light);color:var(--uat-text);letter-spacing:-.01em;align-items:center;gap:.625rem;padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;display:flex}._uat-section-header svg{color:var(--uat-primary);opacity:.9;flex-shrink:0}._uat-section-actions{gap:.5rem;margin-left:auto;display:flex}._uat-section-collapsible{background:var(--uat-bg)}._uat-section-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}._uat-section-toggle::-webkit-details-marker{display:none}._uat-section-toggle svg:last-child{color:var(--uat-text-muted);margin-left:auto;transition:transform .2s}details[open] ._uat-section-toggle svg:last-child{transform:rotate(180deg)}details[open] ._uat-section-toggle{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--uat-border-light)}._uat-btn{border-radius:var(--uat-radius);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;line-height:1.4;transition:all .15s;display:inline-flex}._uat-btn svg{opacity:.85;flex-shrink:0}._uat-btn:disabled{opacity:.5;cursor:not-allowed}._uat-btn-primary{background:linear-gradient(135deg,var(--uat-primary)0%,#4f46e5 100%);color:#fff;box-shadow:0 1px 2px #0000001a,0 4px 12px var(--uat-primary-glow)}._uat-btn-primary:hover:not(:disabled){box-shadow:0 2px 4px #0000001a,0 8px 20px var(--uat-primary-glow);opacity:.95}._uat-btn-secondary{background:var(--uat-bg);color:var(--uat-text-secondary);border-style:solid;border-width:1px;border-color:var(--uat-border);box-shadow:0 1px 2px #0000000a}._uat-btn-secondary:hover:not(:disabled){background:var(--uat-bg-subtle);border-color:var(--uat-primary);color:var(--uat-primary)}._uat-btn-ghost{color:var(--uat-text-muted);background:0 0}._uat-btn-ghost:hover:not(:disabled){background:var(--uat-bg-hover);color:var(--uat-text)}._uat-btn-icon{color:var(--uat-text-muted);background:0 0;padding:.5rem}._uat-btn-icon:hover:not(:disabled){background:var(--uat-primary-light);color:var(--uat-primary)}._uat-btn-sm{gap:.375rem;padding:.375rem .75rem;font-size:.75rem}._uat-label{color:var(--uat-text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}._uat-select,._uat-input{width:100%;color:var(--uat-text);background:var(--uat-bg);border-style:solid;border-width:1px;border-color:var(--uat-border);border-radius:var(--uat-radius);padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:border-color .15s,box-shadow .15s}._uat-select{cursor:pointer}._uat-select:focus,._uat-input:focus{border-color:var(--uat-primary);box-shadow:0 0 0 3px var(--uat-primary-light);outline:none}._uat-input::placeholder{color:var(--uat-text-muted)}._uat-form-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}._uat-form-group{flex-direction:column;display:flex}._uat-form-actions{justify-content:flex-end;align-items:flex-end;gap:.5rem;display:flex}@media (max-width:768px){._uat-container{padding-left:1rem;padding-right:1rem}._uat-section{border-radius:var(--uat-radius-lg)}._uat-section-header{padding:.875rem 1rem;font-size:.875rem}._uat-form-row{grid-template-columns:1fr 1fr}._uat-form-actions{grid-column:1/-1;justify-content:stretch}._uat-form-actions ._uat-btn{flex:1}}@media (max-width:480px){._uat-form-row{grid-template-columns:1fr}._uat-btn span{display:none}._uat-btn svg{opacity:1;width:18px;height:18px}}._uat-tabs{background:var(--uat-bg);border-radius:var(--uat-radius-xl);box-shadow:var(--uat-shadow);border-style:solid;border-width:1px;border-color:var(--uat-border-light);gap:.375rem;padding:.375rem;display:flex}._uat-tab{color:var(--uat-text-secondary);border-radius:var(--uat-radius-lg);cursor:pointer;letter-spacing:-.01em;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}._uat-tab svg{opacity:.7;flex-shrink:0}._uat-tab:hover{color:var(--uat-text);background:var(--uat-bg-hover)}._uat-tab:hover svg{opacity:1}._uat-tab-active{color:#fff;background:linear-gradient(135deg,var(--uat-primary)0%,#4f46e5 100%);box-shadow:0 2px 8px var(--uat-primary-glow),0 1px 2px #0000001a}._uat-tab-active svg{opacity:1}._uat-tab-active:hover{color:#fff;background:linear-gradient(135deg,var(--uat-primary)0%,#4f46e5 100%);opacity:.95}._uat-panel{flex-direction:column;gap:1rem;display:none}._uat-panel-active{display:flex}@media (max-width:480px){._uat-tabs{border-radius:var(--uat-radius-lg)}._uat-tab span{display:none}._uat-tab{border-radius:var(--uat-radius);padding:.75rem}._uat-tab svg{width:20px;height:20px}}._uat-generator-form{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}._uat-result-box{padding:1.25rem}._uat-result-textarea{width:100%;color:var(--uat-text);background:var(--uat-bg-subtle);border-style:solid;border-width:1px;border-color:var(--uat-border-light);border-radius:var(--uat-radius);resize:none;padding:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,monospace;font-size:.8125rem;line-height:1.6}._uat-result-textarea:focus{border-color:var(--uat-primary);box-shadow:0 0 0 3px var(--uat-primary-light);outline:none}._uat-result-textarea::placeholder{color:var(--uat-text-muted)}._uat-result-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}._uat-presets-wrap{border-top-style:solid;border-top-width:1px;border-top-color:var(--uat-border-light);background:var(--uat-bg-subtle);padding:1rem 1.25rem}._uat-presets-label{text-transform:uppercase;letter-spacing:.05em;color:var(--uat-text-muted);margin-bottom:.625rem;font-size:.6875rem;font-weight:600}._uat-presets-grid{flex-wrap:wrap;gap:.5rem;display:flex}._uat-preset{color:var(--uat-text-secondary);background:var(--uat-bg);border-style:solid;border-width:1px;border-color:var(--uat-border);border-radius:var(--uat-radius);cursor:pointer;align-items:center;gap:.375rem;padding:.4375rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}._uat-preset:hover{border-color:var(--uat-primary);color:var(--uat-primary);box-shadow:0 2px 8px var(--uat-primary-light)}._uat-preset-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}._uat-preset-icon svg{width:14px;height:14px}._uat-preset-chrome ._uat-preset-icon{color:#4285f4}._uat-preset-firefox ._uat-preset-icon{color:#ff7139}._uat-preset-safari ._uat-preset-icon{color:#0d96f6}._uat-preset-edge ._uat-preset-icon{color:#0078d4}._uat-preset-bot ._uat-preset-icon{color:#34a853}._uat-preset-name{white-space:nowrap}._uat-bulk-content{padding:1.25rem}._uat-bulk-form{margin-bottom:1rem}._uat-bulk-results{border-style:solid;border-width:1px;border-color:var(--uat-border);border-radius:var(--uat-radius);overflow:hidden}._uat-bulk-toolbar{background:var(--uat-bg-subtle);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--uat-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._uat-checkbox-all{color:var(--uat-text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}._uat-checkbox-all input{cursor:pointer;accent-color:var(--uat-primary)}._uat-bulk-actions{gap:.5rem;display:flex}._uat-bulk-list{max-height:300px;overflow-y:auto}._uat-bulk-item{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--uat-border-light);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background-color .15s;display:flex}._uat-bulk-item:last-child{border-bottom:none}._uat-bulk-item:hover{background:var(--uat-bg-hover)}._uat-bulk-item input[type=checkbox]{cursor:pointer;accent-color:var(--uat-primary);flex-shrink:0}._uat-bulk-item-ua{color:var(--uat-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,monospace;font-size:.75rem;overflow:hidden}._uat-bulk-item-copy{opacity:0;flex-shrink:0;transition:opacity .15s}._uat-bulk-item:hover ._uat-bulk-item-copy{opacity:1}@media (max-width:768px){._uat-generator-form,._uat-result-box{padding:1rem}._uat-presets-wrap{padding:.875rem 1rem}._uat-bulk-content{padding:1rem}._uat-bulk-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}._uat-bulk-actions{justify-content:stretch}._uat-bulk-actions ._uat-btn{flex:1}._uat-result-actions{justify-content:stretch}._uat-result-actions ._uat-btn{flex:1}}._uat-parser-input{padding:1.25rem}._uat-parser-textarea{width:100%;color:var(--uat-text);background:var(--uat-bg-subtle);border-style:solid;border-width:1px;border-color:var(--uat-border-light);border-radius:var(--uat-radius);resize:none;padding:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,monospace;font-size:.8125rem;line-height:1.6}._uat-parser-textarea:focus{border-color:var(--uat-primary);box-shadow:0 0 0 3px var(--uat-primary-light);outline:none}._uat-parser-textarea::placeholder{color:var(--uat-text-muted)}._uat-parser-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}._uat-parsed-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1.25rem;display:grid}._uat-parsed-item{background:var(--uat-bg-subtle);border-radius:var(--uat-radius);border:1px solid #0000;align-items:center;gap:.875rem;padding:.875rem 1rem;transition:all .2s;display:flex}._uat-parsed-item:hover{background:var(--uat-bg);border-color:var(--uat-border);box-shadow:0 2px 8px #0000000a}._uat-parsed-header{flex-shrink:0;align-items:center;gap:.625rem;min-width:160px;display:flex}._uat-parsed-icon{background:var(--uat-primary-light);width:32px;height:32px;color:var(--uat-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}._uat-parsed-icon svg{width:16px;height:16px}._uat-parsed-item--browser ._uat-parsed-icon{color:#4285f4;background:#4285f41a}._uat-parsed-item--engine ._uat-parsed-icon{color:#8b5cf6;background:#8b5cf61a}._uat-parsed-item--os ._uat-parsed-icon{color:#14b8a6;background:#14b8a61a}._uat-parsed-item--device ._uat-parsed-icon{color:#f97316;background:#f973161a}._uat-parsed-item--bot ._uat-parsed-icon{background:var(--uat-error-light);color:var(--uat-error)}._uat-parsed-item--mobile ._uat-parsed-icon{background:var(--uat-success-light);color:var(--uat-success)}._uat-parsed-label{text-transform:uppercase;letter-spacing:.03em;color:var(--uat-text-secondary);font-size:.75rem;font-weight:600}._uat-parsed-value{color:var(--uat-text);letter-spacing:-.01em;word-break:break-word;text-align:right;flex:1;font-size:.9375rem;font-weight:600;line-height:1.4}._uat-parsed-value-na{color:var(--uat-text-muted);font-size:.8125rem;font-style:italic;font-weight:500}._uat-badge{letter-spacing:.01em;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}._uat-badge-success{background:var(--uat-success-light);color:var(--uat-success)}._uat-badge-error{background:var(--uat-error-light);color:var(--uat-error)}._uat-badge-muted{background:var(--uat-bg-hover);color:var(--uat-text-muted)}._uat-badge svg{width:10px;height:10px}@media (max-width:640px){._uat-parser-input{padding:1rem}._uat-parsed-grid{grid-template-columns:1fr;padding:1rem}._uat-parsed-item{padding:.75rem .875rem}._uat-parsed-header{min-width:120px}._uat-parsed-icon{width:28px;height:28px}._uat-parsed-icon svg{width:14px;height:14px}._uat-parsed-label{font-size:.6875rem}._uat-parsed-value{font-size:.8125rem}._uat-parser-actions{flex-direction:column}._uat-parser-actions ._uat-btn{width:100%}}._uat-compare-inputs{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.25rem 1.25rem 0;display:grid}._uat-compare-input-group{flex-direction:column;display:flex}._uat-compare-textarea{width:100%;color:var(--uat-text);background:var(--uat-bg-subtle);border-style:solid;border-width:1px;border-color:var(--uat-border-light);border-radius:var(--uat-radius);resize:none;padding:1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,monospace;font-size:.8125rem;line-height:1.6}._uat-compare-textarea:focus{border-color:var(--uat-primary);box-shadow:0 0 0 3px var(--uat-primary-light);outline:none}._uat-compare-textarea::placeholder{color:var(--uat-text-muted)}._uat-compare-actions{justify-content:center;gap:.5rem;padding:1.25rem;display:flex}._uat-compare-table-wrap{border-style:solid;border-width:1px;border-color:var(--uat-border);border-radius:var(--uat-radius);margin:0 1.25rem 1.25rem;overflow-x:auto}._uat-compare-table{border-collapse:collapse;width:100%;font-size:.875rem}._uat-compare-table th,._uat-compare-table td{text-align:left;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--uat-border-light);padding:.875rem 1.25rem}._uat-compare-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--uat-text-muted);background:var(--uat-bg-subtle);font-size:.75rem;font-weight:600}._uat-compare-table th:first-child{width:140px}._uat-compare-table tbody tr:last-child td{border-bottom:none}._uat-compare-table tbody tr{transition:background .15s}._uat-compare-table tbody tr:hover{background:var(--uat-bg-hover)}._uat-compare-table td{color:var(--uat-text);font-weight:500}._uat-compare-same td:not(:first-child){background:var(--uat-success-light)}._uat-compare-diff td:not(:first-child){background:var(--uat-error-light)}._uat-compare-value{align-items:center;gap:.5rem;display:flex}._uat-compare-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}._uat-compare-same ._uat-compare-indicator{background:var(--uat-success)}._uat-compare-diff ._uat-compare-indicator{background:var(--uat-error)}._uat-compare-legend{justify-content:center;gap:2rem;padding:0 1.25rem 1.25rem;display:flex}._uat-legend-item{color:var(--uat-text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}._uat-legend-same svg{color:var(--uat-success)}._uat-legend-different svg{color:var(--uat-error)}@media (max-width:768px){._uat-compare-inputs{grid-template-columns:1fr;padding:1rem}._uat-compare-actions{padding:1rem}._uat-compare-table-wrap{margin:0 1rem 1rem}._uat-compare-table th:first-child{width:100px}._uat-compare-table th,._uat-compare-table td{padding:.75rem 1rem;font-size:.8125rem}._uat-compare-legend{padding:0 1rem 1rem}}