:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #182234;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #38bdf8;--accent-hover: #0ea5e9;--accent-success: #22c55e;--accent-warning: #eab308;--accent-danger: #ef4444;--border-color: #334155;--border-subtle: #243248;--code-bg: #090d16;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.6rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:20}.connection-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;flex-wrap:wrap;min-width:0}.connection-bar-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0;flex-wrap:wrap;min-width:0}.brand-title{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:1rem;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap}.brand-icon{color:var(--accent-primary);font-size:1.15rem}.brand-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.compat-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;user-select:none;white-space:nowrap}.badge-supported{background-color:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.badge-unsupported{background-color:#eab3081f;color:#facc15;border:1px solid rgba(234,179,8,.25)}.badge-error{background-color:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.badge-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;flex-shrink:0}.connection-bar-center{flex:1;display:flex;justify-content:center;min-width:0}.device-metadata-empty{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem;white-space:nowrap}.device-metadata-card{display:inline-flex;align-items:center;gap:.65rem;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:.35rem .8rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-width:100%;flex-wrap:wrap;min-width:0}.device-primary{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.88rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.device-tags{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;flex-shrink:0}.meta-tag{font-size:.72rem;font-family:var(--font-mono);font-weight:500;padding:.15rem .45rem;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap}.version-tag{background-color:#38bdf826;color:#7dd3fc;border:1px solid rgba(56,189,248,.25)}.api-tag{background-color:#94a3b826;color:var(--text-secondary)}.serial-tag{color:var(--text-muted)}.connection-bar-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;padding:.3rem .75rem;border-radius:var(--radius-full);user-select:none}.status-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor}.status-disconnected{background-color:#64748b26;color:var(--text-muted);border:1px solid rgba(100,116,139,.25)}.status-connecting{background-color:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.status-authorizing{background-color:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.status-ready{background-color:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-error{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}@keyframes pulse-glow{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.25);opacity:1;box-shadow:0 0 8px currentColor}to{transform:scale(.95);opacity:.7}}.pulsing{animation:pulse-glow 1.5s infinite ease-in-out}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:inherit;font-size:.85rem;font-weight:600;padding:.45rem .95rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .15s ease-in-out;outline:none;user-select:none}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-primary)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--accent-primary);color:#0f172a}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:0 0 12px #38bdf859}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:#475569;border-color:#64748b}.btn-disconnect{background-color:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-disconnect:hover:not(:disabled){background-color:#ef444433;border-color:#ef444480;color:#ef4444}.btn-icon{background:none;border:1px solid var(--border-color);color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;transition:all .15s ease-in-out}.btn-icon:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.btn-help.active{background-color:#38bdf833;border-color:var(--accent-primary);color:var(--accent-primary)}.spinner{width:14px;height:14px;border:2px solid rgba(15,23,42,.25);border-top-color:#0f172a;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.troubleshooting-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);margin-top:.4rem;font-size:.85rem}.banner-warning{background-color:#eab3081a;border:1px solid rgba(234,179,8,.3);color:#fef08a}.banner-icon{font-size:1.25rem;line-height:1}.banner-heading{font-weight:600;margin-bottom:.2rem;color:#facc15}.banner-message{color:var(--text-primary);line-height:1.4}.troubleshooting-drawer{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin-top:.4rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.85rem}.troubleshooting-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.troubleshooting-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-primary)}.troubleshooting-icon{font-size:1.15rem}.btn-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.2rem .4rem;border-radius:var(--radius-sm)}.btn-close:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.troubleshooting-body{display:flex;flex-direction:column;gap:.75rem;font-size:.85rem;color:var(--text-secondary)}.troubleshooting-summary{color:var(--text-primary);line-height:1.45}.troubleshooting-steps{display:flex;flex-direction:column;gap:.35rem}.troubleshooting-steps h5{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.troubleshooting-steps ol{padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem;line-height:1.4}.troubleshooting-command-box{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .75rem;display:flex;flex-direction:column;gap:.3rem}.command-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.command-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.command-row code{font-family:var(--font-mono);color:#38bdf8;font-size:.85rem}.btn-copy{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;font-weight:500;transition:all .15s ease-in-out}.btn-copy:hover{background-color:#475569;border-color:#64748b}.troubleshooting-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--border-subtle);padding-top:.6rem}.btn-retry{padding:.4rem .85rem;font-size:.82rem}.app-main{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.panel{padding:1.25rem;overflow-y:auto;border-right:1px solid var(--border-color);background-color:var(--bg-primary)}.panel:last-child{border-right:none}.app-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);max-height:250px;overflow-y:auto;font-family:var(--font-mono);font-size:.85rem}.catalog-view-inner{display:flex;flex-direction:column;gap:.9rem;min-height:100%}.catalog-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;gap:.5rem;flex-wrap:wrap}.catalog-title-group{display:flex;align-items:center;gap:.5rem}.catalog-title{display:flex;align-items:center;gap:.4rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.catalog-icon{font-size:1.15rem}.catalog-badge{font-size:.72rem;font-weight:600;padding:.15rem .55rem;border-radius:var(--radius-full);background-color:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.25);letter-spacing:.02em}.catalog-header-actions{display:flex;align-items:center;gap:.5rem}.btn-sm{padding:.3rem .65rem;font-size:.78rem}.btn-icon-sm{font-size:.85rem;line-height:1}.spinning{display:inline-block;animation:spin 1s linear infinite}.catalog-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.catalog-search-box{flex:1;min-width:180px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.65rem;font-size:.8rem;color:var(--text-muted);pointer-events:none}.catalog-search-input{width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.4rem 1.8rem .4rem 2rem;font-family:inherit;font-size:.82rem;outline:none;transition:border-color .15s ease-in-out}.catalog-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #38bdf833}.btn-clear-search{position:absolute;right:.45rem;background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:.15rem .3rem;border-radius:var(--radius-sm)}.btn-clear-search:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.catalog-package-filter{flex-shrink:0}.catalog-select{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.4rem .65rem;font-family:inherit;font-size:.82rem;outline:none;cursor:pointer;max-width:200px}.catalog-select:focus{border-color:var(--accent-primary)}.catalog-empty-state,.catalog-loading-state,.catalog-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1.5rem;gap:.65rem;background-color:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg);margin-top:.5rem}.empty-icon,.error-icon{font-size:2rem;line-height:1}.catalog-empty-state h4,.catalog-loading-state h4,.catalog-error-state h4{font-size:.95rem;font-weight:600;color:var(--text-primary)}.catalog-empty-state p,.catalog-loading-state p,.catalog-error-state p{font-size:.82rem;color:var(--text-secondary);max-width:360px;line-height:1.45}.error-message{color:#f87171!important;font-family:var(--font-mono);font-size:.78rem!important;background-color:#ef44441a;padding:.4rem .65rem;border-radius:var(--radius-sm)}.spinner-large{width:24px;height:24px;border-width:3px}.catalog-groups{display:flex;flex-direction:column;gap:.75rem}.package-group{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.package-group-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);cursor:pointer;user-select:none;transition:background-color .15s ease-in-out}.package-group.collapsed .package-group-header{border-bottom:none}.package-group-header:hover{background-color:var(--bg-tertiary)}.package-info{display:flex;align-items:center;gap:.45rem;min-width:0}.package-collapse-icon{font-size:.65rem;color:var(--text-muted);width:12px}.package-icon{font-size:.95rem}.package-name{font-size:.85rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.package-badge{font-size:.72rem;color:var(--text-muted);font-weight:500;background-color:var(--bg-primary);padding:.1rem .45rem;border-radius:var(--radius-sm);flex-shrink:0}.package-function-list{display:flex;flex-direction:column;gap:.5rem;padding:.6rem}.function-card{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem .85rem;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:all .15s ease-in-out}.function-card:hover{border-color:var(--border-color);background-color:#141d30}.function-card.selected{border-color:var(--accent-primary);background-color:#152238;box-shadow:0 0 0 1px #38bdf866}.function-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.function-title-area{display:flex;flex-direction:column;gap:.2rem;min-width:0}.function-name-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.function-name{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-tag{font-size:.68rem;font-weight:600;padding:.05rem .35rem;border-radius:var(--radius-sm);text-transform:uppercase}.tag-disabled{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.function-tool-tag code{font-family:var(--font-mono);font-size:.74rem;color:#38bdf8;background-color:#38bdf814;padding:.1rem .35rem;border-radius:var(--radius-sm);word-break:break-all}.function-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-top:.1rem}.function-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding-top:.25rem;border-top:1px solid var(--border-subtle)}.function-param-summary{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.meta-pill{font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);background-color:var(--bg-tertiary);padding:.1rem .45rem;border-radius:var(--radius-sm)}.pill-active{color:var(--text-secondary)}.pill-response{background-color:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.btn-toggle-docs{background:none;border:none;color:var(--accent-primary);font-size:.75rem;font-weight:600;cursor:pointer;padding:.1rem .3rem;border-radius:var(--radius-sm)}.btn-toggle-docs:hover{background-color:#38bdf81f}.function-docs-drawer{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.65rem .75rem;margin-top:.25rem;display:flex;flex-direction:column;gap:.5rem}.docs-heading{font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.docs-empty{font-size:.8rem;color:var(--text-muted);font-style:italic}.docs-table-wrapper{overflow-x:auto;max-width:100%}.docs-table{width:100%;border-collapse:collapse;font-size:.78rem;text-align:left}.docs-table th{color:var(--text-muted);font-weight:600;padding:.3rem .5rem;border-bottom:1px solid var(--border-subtle);text-transform:uppercase;font-size:.7rem;letter-spacing:.03em}.docs-table td{padding:.4rem .5rem;border-bottom:1px solid rgba(51,65,85,.4);vertical-align:top}.docs-table tr:last-child td{border-bottom:none}.param-name-cell code{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.param-type-cell{white-space:nowrap}.param-raw-type{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);margin-left:.3rem}.badge-req{font-size:.68rem;font-weight:600;padding:.08rem .35rem;border-radius:var(--radius-sm)}.req-yes{background-color:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.req-no{background-color:#94a3b81a;color:var(--text-muted)}.param-desc-cell{color:var(--text-secondary);line-height:1.4}.param-default{font-size:.72rem;color:var(--text-muted);display:block;margin-top:.15rem}.param-default code{font-family:var(--font-mono);color:#38bdf8}.docs-response-section{display:flex;flex-direction:column;gap:.25rem;padding-top:.4rem;border-top:1px solid var(--border-subtle)}.response-spec{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.78rem}.raw-type{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.response-desc{color:var(--text-secondary)}.type-badge{font-size:.7rem;font-family:var(--font-mono);font-weight:600;padding:.1rem .4rem;border-radius:var(--radius-sm);display:inline-block}.type-string{background-color:#38bdf826;color:#7dd3fc}.type-int,.type-long{background-color:#eab30826;color:#fde047}.type-float,.type-double{background-color:#f9731626;color:#fdba74}.type-boolean{background-color:#a855f726;color:#d8b4fe}.type-array{background-color:#2dd4bf26;color:#5eead4}.type-object{background-color:#6366f126;color:#a5b4fc}.type-bytes{background-color:#94a3b826;color:#cbd5e1}.type-unit,.type-unknown{background-color:#64748b26;color:var(--text-muted)}.tester-view-inner{display:flex;flex-direction:column;gap:.9rem;min-height:100%}.tester-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;gap:.5rem;flex-wrap:wrap}.tester-title-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tester-title{display:flex;align-items:center;gap:.4rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.tester-icon{font-size:1.15rem;color:#facc15}.tester-badge{font-size:.72rem;font-weight:600;padding:.15rem .55rem;border-radius:var(--radius-full)}.badge-ready{background-color:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.badge-offline{background-color:#64748b26;color:var(--text-muted);border:1px solid rgba(100,116,139,.25)}.mode-tabs{display:inline-flex;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2px}.tab-btn{background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:.78rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease-in-out}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tester-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;gap:.65rem;background-color:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg);margin-top:.5rem}.tester-empty-state h4{font-size:1rem;font-weight:600;color:var(--text-primary)}.tester-empty-state p{font-size:.85rem;color:var(--text-secondary);max-width:360px;line-height:1.45}.tester-function-banner{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem .95rem;display:flex;flex-direction:column;gap:.35rem}.banner-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.banner-title-area{display:flex;flex-direction:column;gap:.15rem;min-width:0}.banner-fn-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.banner-package-name{font-size:.74rem;font-family:var(--font-mono);color:var(--text-muted)}.banner-tool-code code{font-family:var(--font-mono);font-size:.74rem;color:#38bdf8;background-color:#38bdf81a;padding:.15rem .45rem;border-radius:var(--radius-sm);border:1px solid rgba(56,189,248,.2);word-break:break-all}.banner-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.tester-input-section{display:flex;flex-direction:column;gap:.75rem}.section-label-row{display:flex;align-items:center;justify-content:space-between}.section-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.format-hint{font-size:.72rem;color:var(--text-muted)}.no-params-card{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.82rem;color:var(--text-secondary)}.info-icon{font-size:1.1rem}.form-grid{display:flex;flex-direction:column;gap:.75rem}.form-field-group{display:flex;flex-direction:column;gap:.25rem}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.field-label{font-size:.82rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary)}.field-meta-badges{display:flex;align-items:center;gap:.3rem}.form-input{width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.45rem .75rem;font-family:inherit;font-size:.85rem;outline:none;transition:all .15s ease-in-out}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #38bdf833}.form-textarea{resize:vertical;min-height:55px;line-height:1.4}.form-textarea.font-mono{font-family:var(--font-mono);font-size:.8rem}.form-select{cursor:pointer}.input-error{border-color:var(--accent-danger)!important}.field-help-text{font-size:.74rem;color:var(--text-muted);line-height:1.35}.field-error{font-size:.74rem;color:#f87171;font-weight:500}.tester-action-bar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;padding-top:.35rem}.action-primary-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn-execute{padding:.5rem 1.15rem;font-size:.88rem}.action-secondary-group{display:flex;align-items:center;gap:.5rem}.tester-result-container{border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:var(--shadow-md)}.result-executing{background-color:var(--bg-card);border:1px dashed var(--border-color);align-items:center;text-align:center;padding:1.5rem 1rem}.executing-hint{font-size:.8rem;color:var(--text-muted)}.result-success{background-color:#22c55e0a;border:1px solid rgba(34,197,94,.3)}.result-error{background-color:#ef44440a;border:1px solid rgba(239,68,68,.3)}.result-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.result-status-group{display:flex;align-items:center;gap:.45rem}.status-badge{font-size:.78rem;font-weight:700;padding:.15rem .55rem;border-radius:var(--radius-full)}.badge-success{background-color:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-error{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.latency-badge{font-size:.74rem;font-family:var(--font-mono);color:var(--text-muted);background-color:var(--bg-primary);padding:.15rem .45rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.result-actions{display:flex;align-items:center;gap:.4rem}.btn-copy-result,.btn-toggle-raw{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.75rem;padding:.2rem .55rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:all .15s ease-in-out}.btn-copy-result:hover,.btn-toggle-raw:hover{background-color:var(--bg-tertiary)}.result-error-box{display:flex;align-items:flex-start;gap:.5rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);padding:.6rem .8rem;font-size:.82rem;color:#fca5a5}.result-error-box strong{color:#f87171}.result-body{overflow-x:auto;max-width:100%}.json-code-block{background-color:var(--code-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem 1rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.45;color:#7dd3fc;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.raw-output-drawer{display:flex;flex-direction:column;gap:.25rem;padding-top:.45rem;border-top:1px solid var(--border-subtle)}.raw-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.raw-code-block{background-color:var(--code-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.5rem .75rem;font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-all}@media(max-width:1024px){.connection-bar-inner{gap:.75rem}.connection-bar-brand{order:1}.connection-bar-actions{order:2;margin-left:auto}.connection-bar-center{order:3;width:100%;justify-content:flex-start}.device-metadata-card{width:100%;justify-content:space-between}}@media(max-width:768px){.app-header{padding:.6rem .85rem}.connection-bar-inner{flex-direction:column;align-items:stretch;gap:.65rem}.connection-bar-brand{order:1;width:100%;justify-content:space-between;align-items:center;gap:.5rem}.connection-bar-center{order:2;width:100%;justify-content:stretch}.device-metadata-card{width:100%;gap:.4rem;padding:.45rem .65rem}.device-metadata-empty{padding:.2rem 0}.connection-bar-actions{order:3;width:100%;margin-left:0;justify-content:space-between;gap:.5rem}.connection-bar-actions .btn-connect,.connection-bar-actions .btn-disconnect,.connection-bar-actions .btn-loading{flex:1;min-width:140px}.status-pill{padding:.25rem .6rem;font-size:.75rem}.app-main{grid-template-columns:1fr;overflow-y:auto}.panel{border-right:none;border-bottom:1px solid var(--border-color);padding:1rem .85rem}.panel:last-child{border-bottom:none}#app{height:auto;min-height:100vh;overflow:auto}.catalog-toolbar{flex-direction:column;align-items:stretch}.catalog-search-box{min-width:100%}.catalog-package-filter{width:100%}.catalog-select{width:100%;max-width:100%}.tester-action-bar{flex-direction:column;align-items:stretch}.action-primary-group{width:100%}.action-primary-group .btn-execute{flex:1}.action-secondary-group{width:100%;justify-content:flex-end}}@media(max-width:480px){.app-header{padding:.5rem .65rem;gap:.4rem}.brand-title{font-size:.9rem}.brand-badges{width:100%;gap:.3rem}.compat-badge{font-size:.68rem;padding:.15rem .45rem}.device-metadata-card{flex-direction:column;align-items:flex-start;gap:.35rem;padding:.4rem .55rem}.device-primary{font-size:.82rem}.device-tags{width:100%;gap:.25rem}.meta-tag{font-size:.68rem;padding:.1rem .35rem}.connection-bar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.connection-bar-actions .btn-connect,.connection-bar-actions .btn-disconnect,.connection-bar-actions .btn-loading{order:1;width:100%;flex:1 1 100%}.status-pill{order:2;flex:1;justify-content:center}.btn-help{order:3;flex-shrink:0}.troubleshooting-drawer{padding:.75rem;gap:.65rem}.troubleshooting-header{gap:.5rem}.troubleshooting-title{font-size:.88rem}.troubleshooting-steps ol{padding-left:1rem}.command-row{flex-direction:column;align-items:stretch;gap:.4rem}.command-row code{word-break:break-all;font-size:.78rem}.btn-copy{align-self:flex-start}.function-card-header{flex-direction:column;align-items:stretch}.function-card-actions,.function-card-actions .btn-select-function{width:100%}.mode-tabs{width:100%;display:flex}.tab-btn{flex:1;text-align:center}.result-header{flex-direction:column;align-items:flex-start;gap:.4rem}.result-actions{width:100%;justify-content:space-between}}