*{box-sizing:border-box;margin:0;padding:0}:root {--primary-color:#2d6a4f;--secondary-color:#40916c;--accent-color:#52b788;--error-color:#e63946;--success-color:#2a9d8f;--bg-color:#1a1a1a;--surface-color:#242424;--surface-hover:#2d2d2d;--border-color:#3a3a3a;--text-primary:#e8e8e8;--text-secondary:#a0a0a0;--code-bg:#1e1e1e}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen',
        'Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',
        sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{background-color:var(--surface-color);padding:1rem 2rem;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.2)}.header .logo h1{font-size:1.5rem;color:var(--accent-color);margin:0}.header .subtitle{font-size:.9rem;color:var(--text-secondary);margin-left:.5rem}.main-content{flex:1;overflow:auto;display:flex;flex-direction:column}.drop-zone{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;transition:background-color .3s ease}.drop-zone.drag-over{background-color:rgba(82,183,136,.1);border:2px dashed var(--accent-color)}.drop-zone-content{text-align:center;max-width:600px}.drop-zone .icon{font-size:4rem;margin-bottom:1rem}.drop-zone h2{color:var(--text-primary);margin-bottom:1rem}.drop-zone p{color:var(--text-secondary);margin:.5rem 0}.select-file-button{background-color:var(--accent-color);color:white;border:none;padding:.75rem 2rem;font-size:1rem;border-radius:4px;cursor:pointer;margin:1rem 0;transition:background-color .2s ease}.select-file-button:hover {background-color:var(--secondary-color)}.drop-zone .info{font-size:.9rem;margin-top:2rem}.drop-zone .privacy{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-top:1rem}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.progress-bar{width:100%;max-width:400px;height:8px;background-color:var(--surface-color);border-radius:4px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background-color:var(--accent-color);transition:width .3s ease}.error-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.error-message{color:var(--error-color);margin:1rem 0;padding:1rem;background-color:rgba(230,57,70,.1);border:1px solid var(--error-color);border-radius:4px;max-width:600px}.trace-viewer{display:flex;flex-direction:column;height:100%;overflow:hidden}.tabs-container{background-color:var(--surface-color);border-bottom:1px solid var(--border-color)}.tabs{display:flex;gap:.25rem;padding:.5rem 1rem 0 1rem;overflow-x:auto}.tab{background-color:transparent;border:none;border-bottom:2px solid transparent;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.tab:hover {color:var(--text-primary);background-color:var(--surface-hover)}.tab.tab-active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.tab.tab-active:before {content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--accent-color)}.viewer-header{background-color:var(--surface-color);padding:1rem 2rem;border-bottom:1px solid var(--border-color)}.viewer-header .header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.viewer-header .header-left{flex:1}.viewer-header .header-right{display:flex;align-items:center}.viewer-header h2{margin-bottom:.5rem}.context-info{display:flex;gap:1rem;font-size:.9rem}.context-info span{padding:.25rem .5rem;background-color:var(--surface-hover);border-radius:4px}.export-controls{display:flex;align-items:center;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;font-size:.9rem}.checkbox-label input[type="checkbox"]{cursor:pointer;width:16px;height:16px}.errors-only-checkbox{padding:.5rem .75rem;background-color:rgba(230,57,70,.1);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease;font-weight:500}.errors-only-checkbox:hover {background-color:rgba(230,57,70,.15);border-color:var(--error-color)}.errors-only-checkbox input[type="checkbox"]:checked {accent-color:var(--error-color)}.errors-only-checkbox span{color:var(--error-color);font-weight:600}.copy-button{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%);color:white;border:none;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px rgba(45,106,79,.3)}.copy-button:hover {background:linear-gradient(135deg,var(--accent-color) 0%,var(--secondary-color) 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(45,106,79,.4)}.copy-button:active {transform:translateY(0)}.copy-button.copy-success{background:linear-gradient(135deg,var(--success-color) 0%,#1e7c6f 100%);box-shadow:0 2px 4px rgba(42,157,143,.3)}.export-button{background-color:var(--accent-color);color:white;border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px rgba(82,183,136,.2)}.export-button:hover {background-color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px rgba(82,183,136,.3)}.export-button:active {transform:translateY(0)}.viewer-content{flex:1;display:flex;overflow:hidden}.left-panel{width:350px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background-color:var(--surface-color)}.right-panel{flex:1;overflow:auto;background-color:var(--bg-color)}.action-list{display:flex;flex-direction:column;height:100%}.action-list-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.action-list-header h3{font-size:1.1rem}.action-count{font-size:.85rem;color:var(--text-secondary)}.action-list-content{flex:1;overflow-y:auto}.action-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .15s ease}.action-item:hover {background-color:var(--surface-hover)}.action-item.selected{background-color:rgba(82,183,136,.2);border-left:3px solid var(--accent-color)}.action-item.error{border-left:3px solid var(--error-color)}.action-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.action-method{font-weight:600;color:var(--text-primary)}.error-indicator{color:var(--error-color)}.action-info{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.action-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.action-details{padding:2rem;max-width:100%;overflow-x:hidden}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.details-header h3{font-size:1.5rem}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600}.status-badge.success{background-color:var(--success-color);color:white}.status-badge.error{background-color:var(--error-color);color:white}.detail-section{margin-bottom:1.5rem}.detail-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:var(--text-primary);padding:.5rem;background-color:var(--surface-color);border-radius:4px;word-break:break-word;overflow-wrap:break-word}.detail-value.code{font-family:'Courier New',monospace;font-size:.9rem;background-color:var(--code-bg);overflow-x:auto;word-break:break-all}.detail-row{display:flex;gap:1rem}.detail-column{flex:1}.params-list{background-color:var(--surface-color);border-radius:4px;padding:.5rem}.param-item{padding:.5rem;margin:.25rem 0;background-color:var(--code-bg);border-radius:4px;word-break:break-word;overflow-wrap:break-word}.param-key{color:var(--accent-color);font-weight:600}.param-value{color:var(--text-primary);word-break:break-word;overflow-wrap:break-word}.error-section{background-color:rgba(230,57,70,.1);padding:1rem;border-radius:4px;border:1px solid var(--error-color)}.error-message{color:var(--error-color);padding:.5rem;margin-top:.5rem;word-break:break-word;overflow-wrap:break-word}.error-stack{margin-top:.5rem}.error-stack summary{cursor:pointer;padding:.5rem;background-color:var(--surface-hover);border-radius:4px}.error-stack pre{margin-top:.5rem;padding:1rem;background-color:var(--code-bg);border-radius:4px;overflow-x:auto;font-size:.85rem;line-height:1.4}.log-list{background-color:var(--surface-color);border-radius:4px;padding:.5rem}.log-entry{padding:.5rem;margin:.25rem 0;background-color:var(--code-bg);border-radius:4px;font-family:'Courier New',monospace;font-size:.85rem;word-break:break-word;overflow-wrap:break-word}.log-time{color:var(--text-secondary);margin-right:.5rem}.log-message{color:var(--text-primary);word-break:break-word;overflow-wrap:break-word}.no-data,.no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}:-webkit-scrollbar {width:8px;height:8px}:-webkit-scrollbar-track {background:var(--surface-color)}:-webkit-scrollbar-thumb {background:var(--border-color);border-radius:4px}:-webkit-scrollbar-thumb:hover {background:var(--text-secondary)}.ansi-bold{font-weight:700}.ansi-dim{opacity:.6}.ansi-red{color:#ef4444}.ansi-green{color:#22c55e}.ansi-yellow{color:#eab308}.ansi-blue{color:#3b82f6}.ansi-magenta{color:#a855f7}.ansi-cyan{color:#06b6d4}.ansi-pre{white-space:pre-wrap;word-break:break-word}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:box-shadow .2s ease}.card:hover {box-shadow:0 4px 6px rgba(0,0,0,.4)}.card-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.card-description{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.card-content{padding:.5rem 0}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.badge-success{background-color:rgba(42,157,143,.2);color:var(--success-color);border:1px solid var(--success-color)}.badge-error{background-color:rgba(230,57,70,.2);color:var(--error-color);border:1px solid var(--error-color)}.badge-info{background-color:rgba(82,183,136,.2);color:var(--accent-color);border:1px solid var(--accent-color)}@media (max-width: 768px){.header{padding:1rem}.header .logo h1{font-size:1.25rem}.header .subtitle{display:none}.viewer-content{flex-direction:column}.left-panel{width:100%;border-right:none;border-bottom:1px solid var(--border-color);max-height:40vh}.right-panel{width:100%}.action-details{padding:1rem}.details-header{flex-direction:column;align-items:flex-start;gap:.5rem}.details-header h3{font-size:1.25rem}.detail-row{flex-direction:column;gap:.5rem}.context-info{flex-wrap:wrap;gap:.5rem}.drop-zone h2{font-size:1.5rem}.drop-zone .icon{font-size:3rem}}@media (max-width: 480px){.header .logo h1{font-size:1rem}.action-details{padding:.75rem}.details-header h3{font-size:1.1rem}.error-stack pre{font-size:.75rem}.log-entry{font-size:.75rem}.select-file-button{padding:.5rem 1.5rem;font-size:.9rem}}.status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.status-badge.success{background-color:rgba(42,157,143,.2);color:var(--success-color);border:1px solid var(--success-color)}.status-badge.error{background-color:rgba(230,57,70,.2);color:var(--error-color);border:1px solid var(--error-color)}.error-section{background:linear-gradient(135deg,rgba(230,57,70,.05) 0%,rgba(230,57,70,.15) 100%);padding:1.25rem;border-radius:8px;border:1px solid var(--error-color);box-shadow:0 2px 8px rgba(230,57,70,.2)}.error-stack{margin-top:1rem;background-color:var(--code-bg);border-radius:6px;overflow:hidden}.error-stack summary{cursor:pointer;padding:.75rem 1rem;background-color:rgba(0,0,0,.3);border-radius:6px;font-weight:600;user-select:none;transition:background-color .2s ease}.error-stack summary:hover {background-color:rgba(0,0,0,.4)}.error-stack pre{margin:0;padding:1rem;background-color:var(--code-bg);border-radius:0 0 6px 6px;overflow-x:auto;font-size:.85rem;line-height:1.6}button{font-family:inherit;cursor:pointer;transition:all .2s ease}.select-file-button{background-color:var(--accent-color);color:white;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;margin:1rem 0;transition:all .2s ease;box-shadow:0 2px 4px rgba(82,183,136,.3)}.select-file-button:hover {background-color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px rgba(82,183,136,.4)}.select-file-button:active {transform:translateY(0)}.action-item{padding:.875rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .15s ease;position:relative}.action-item:before {content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background-color:transparent;transition:background-color .15s ease}.action-item:hover:before {background-color:var(--accent-color)}.action-item.selected:before {background-color:var(--accent-color)}.action-item.error:before {background-color:var(--error-color)}@media (max-width: 768px){.tabs{padding:.5rem .5rem 0 .5rem}.tab{padding:.5rem 1rem;font-size:.85rem}.viewer-header .header-content{flex-direction:column;align-items:flex-start;gap:1rem}.viewer-header .header-right{width:100%}.export-controls{width:100%;flex-direction:column;align-items:stretch;gap:.75rem}.copy-button,.export-button{width:100%;padding:.75rem 1rem}.checkbox-label,.errors-only-checkbox{padding:.5rem}}.test-case-list{padding:2rem;max-width:1400px;margin:0 auto}.test-case-list-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.test-case-list-header h2{font-size:2rem;color:var(--text-primary);margin-bottom:1rem}.test-summary{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.95rem}.test-summary-item{padding:.5rem 1rem;background-color:var(--surface-color);border-radius:6px;font-weight:600;border:1px solid var(--border-color)}.test-summary-item.status-failed{background-color:rgba(230,57,70,.1);border-color:var(--error-color);color:var(--error-color)}.test-summary-item.status-passed{background-color:rgba(42,157,143,.1);border-color:var(--success-color);color:var(--success-color)}.test-summary-item.status-skipped{background-color:rgba(160,160,160,.1);border-color:var(--text-secondary);color:var(--text-secondary)}.test-filter-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem;background-color:var(--surface-color);border-radius:8px}.filter-label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.filter-button{padding:.5rem 1.25rem;background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease}.filter-button:hover {background-color:var(--surface-hover);border-color:var(--accent-color);color:var(--text-primary)}.filter-button.active{background-color:var(--accent-color);border-color:var(--accent-color);color:white;font-weight:600}.test-case-list-content{display:flex;flex-direction:column;gap:1rem}.empty-state{padding:3rem;text-align:center;color:var(--text-secondary);background-color:var(--surface-color);border-radius:8px;border:1px dashed var(--border-color)}.test-case-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.2)}.test-case-card:hover {box-shadow:0 4px 8px rgba(0,0,0,.3)}.test-case-card.expanded{box-shadow:0 6px 12px rgba(0,0,0,.4)}.test-case-card.status-failed{border-left:4px solid var(--error-color)}.test-case-card.status-passed{border-left:4px solid var(--success-color)}.test-case-card.status-skipped{border-left:4px solid var(--text-secondary)}.test-case-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;cursor:pointer;user-select:none;transition:background-color .2s ease}.test-case-header:hover {background-color:var(--surface-hover)}.test-case-header-left{display:flex;align-items:center;gap:1rem;flex:1}.test-case-header-right{display:flex;align-items:center;gap:1rem}.expand-icon{color:var(--accent-color);font-size:.9rem;transition:transform .2s ease}.test-case-card.expanded .expand-icon{transform:rotate(0deg)}.test-status-badge{padding:.35rem .85rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.test-status-badge.status-failed{background-color:rgba(230,57,70,.2);color:var(--error-color);border:1px solid var(--error-color)}.test-status-badge.status-passed{background-color:rgba(42,157,143,.2);color:var(--success-color);border:1px solid var(--success-color)}.test-status-badge.status-skipped{background-color:rgba(160,160,160,.2);color:var(--text-secondary);border:1px solid var(--text-secondary)}.test-status-badge.status-pending{background-color:rgba(82,183,136,.2);color:var(--accent-color);border:1px solid var(--accent-color)}.test-case-name{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0;word-break:break-word;overflow-wrap:break-word}.test-duration{font-size:.9rem;color:var(--text-secondary);font-weight:500}.test-case-content{padding:1.5rem;background-color:var(--bg-color);border-top:1px solid var(--border-color);max-width:100%;overflow-x:hidden}.test-error-message{padding:1rem;margin-bottom:1.5rem;background:linear-gradient(135deg,rgba(230,57,70,.05) 0%,rgba(230,57,70,.15) 100%);border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);word-break:break-word;overflow-wrap:break-word}.test-error-message strong{display:block;margin-bottom:.5rem;font-weight:700}.test-markdown-content{margin-bottom:1.5rem}.markdown-rendered{background-color:var(--surface-color);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);line-height:1.7}.markdown-rendered h1,.markdown-rendered h2,.markdown-rendered h3,.markdown-rendered h4,.markdown-rendered h5,.markdown-rendered h6{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.markdown-rendered h1{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.markdown-rendered h2{font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.4rem}.markdown-rendered h3{font-size:1.25rem}.markdown-rendered p{margin-bottom:1rem;color:var(--text-primary)}.markdown-rendered ol,.markdown-rendered ul{margin-left:1.5rem;margin-bottom:1rem}.markdown-rendered li{margin-bottom:.5rem;color:var(--text-primary)}.markdown-rendered code{background-color:var(--code-bg);padding:.2rem .4rem;border-radius:4px;font-family:'Courier New',monospace;font-size:.9em;color:var(--accent-color)}.markdown-rendered pre{background-color:var(--code-bg);padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1rem;max-width:100%}.markdown-rendered pre code{background-color:transparent;padding:0;color:var(--text-primary);white-space:pre;word-break:normal}.markdown-rendered blockquote{border-left:4px solid var(--accent-color);padding-left:1rem;margin-left:0;margin-bottom:1rem;color:var(--text-secondary);font-style:italic}.markdown-rendered img{max-width:100%;height:auto;display:block;margin:1rem 0;border-radius:4px}.markdown-rendered iframe,.markdown-rendered video{max-width:100%;height:auto;display:block;margin:1rem 0}.markdown-rendered table{width:100%;border-collapse:collapse;margin-bottom:1rem;display:block;overflow-x:auto}.markdown-rendered td,.markdown-rendered th{padding:.75rem;border:1px solid var(--border-color);text-align:left;word-break:break-word}.markdown-rendered th{background-color:var(--surface-hover);font-weight:600;color:var(--text-primary)}.markdown-rendered a{color:var(--accent-color);text-decoration:underline}.markdown-rendered a:hover {color:var(--secondary-color)}.test-screenshots{margin-bottom:1.5rem}.test-screenshots h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.screenshot-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.screenshot-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.screenshot-item:hover {transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.screenshot-item img{width:100%;height:auto;display:block;background-color:var(--bg-color)}.screenshot-name{padding:.75rem;font-size:.85rem;color:var(--text-secondary);text-align:center;background-color:var(--surface-hover)}.test-video{margin-bottom:1.5rem}.test-video h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.video-player{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.2)}.video-player video{width:100%;height:auto;display:block;background-color:#000}.video-info{padding:.75rem 1rem;background-color:var(--surface-hover);font-size:.9rem;color:var(--text-secondary)}.video-name{font-weight:600;color:var(--text-primary)}.video-size{color:var(--text-secondary)}.test-trace-link{margin-bottom:1.5rem}.test-trace-link h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.trace-download{display:flex;gap:1rem}.trace-download-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--accent-color);color:white;text-decoration:none;border-radius:6px;font-weight:600;font-size:.9rem;transition:all .2s ease;box-shadow:0 2px 4px rgba(82,183,136,.3)}.trace-download-button:hover {background-color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px rgba(82,183,136,.4)}.trace-download-button:active {transform:translateY(0)}.trace-size{font-size:.85rem;opacity:.9}@media (max-width: 768px){.test-case-list{padding:1rem}.test-case-list-header h2{font-size:1.5rem}.test-summary{gap:.75rem}.test-summary-item{padding:.4rem .75rem;font-size:.85rem}.test-filter-bar{flex-wrap:wrap;gap:.5rem}.filter-button{padding:.4rem 1rem;font-size:.85rem}.test-case-header{padding:1rem}.test-case-header-left{gap:.75rem}.test-case-name{font-size:1rem}.test-case-content{padding:1rem}.screenshot-gallery{grid-template-columns:1fr}.markdown-rendered{padding:1rem;font-size:.95rem}.markdown-rendered h1{font-size:1.5rem}.markdown-rendered h2{font-size:1.25rem}.markdown-rendered h3{font-size:1.1rem}}