main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.panel{flex:1;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border)}.panel:last-child{border-right:none}.panel-hdr{height:40px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--bg3);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.editor-wrap{flex:1;display:flex;flex-direction:column}#uaInput{width:100%;flex:1;background:var(--bg2);border:none;color:var(--text);padding:16px;font-family:JetBrains Mono,monospace;font-size:13px;resize:vertical;outline:none;box-sizing:border-box}.breakdown-container{padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex:1}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.b-card{background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:4px}.b-label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase}.b-val{font-size:15px;font-weight:700;color:var(--accent)}.json-raw-wrap{display:flex;flex-direction:column;gap:8px;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:16px}.json-raw-title{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase}#uaRawJson{margin:0;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text);white-space:pre-wrap;word-break:break-all}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:768px){main{flex-direction:column;overflow-y:auto}.panel{border-right:none;border-bottom:1px solid var(--border);flex:none;height:220px}.panel:last-child{border-bottom:none;height:auto;flex:1}}.t-user-agent-parser-1,.t-user-agent-parser-1-99454{display:flex;gap:8px}