:root{--page-background:#f2f2f2;--surface:#fff;--text:#3c4e59;--border:#dae1e7;--accent:#ffe450;--surface-elevated:#fff;--focus-ring:#c9d4dc}:root[data-theme=dark]{--page-background:#1f2730;--surface:#2b3640;--text:#edf3f8;--border:#41505d;--accent:#049dd9;--surface-elevated:#36434f;--focus-ring:#7fd0f0}*{box-sizing:border-box}body{color:var(--text);background:var(--page-background);margin:0;font-family:Overpass,Segoe UI,system-ui,-apple-system,sans-serif}.page{flex-direction:column;min-height:100vh;display:flex}.titlebar{background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.titlebar-left{align-items:center;gap:1rem;display:flex}.brand-logo{width:auto;max-width:100%;height:2rem}.toolbar-actions{align-items:center;gap:1rem;display:flex}.language-toggle{align-items:center;gap:.35rem;display:inline-flex}.language-toggle-button{color:var(--text);letter-spacing:.02em;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:.5rem;padding:.45rem;font-weight:400}.language-toggle-button.is-active{border:1px solid var(--text);background:var(--surface-elevated);opacity:1;font-weight:600}.language-toggle-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.icon-button{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.9rem;text-decoration:none;display:inline-flex}.icon-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.icon-circle-button{cursor:pointer;border:1px solid var(--text);background-color:#0000;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.icon-circle-button:focus{outline:none}.icon-circle-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-toggle-button{position:relative}.theme-icon{position:absolute}.theme-icon-sun,:root[data-theme=dark] .theme-icon-moon{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}:root[data-theme=dark] .icon-circle-button img{filter:invert()brightness(1.2)}.primary-button{cursor:pointer;background-color:var(--accent);color:var(--text);border:none;border-radius:.25rem;align-items:center;padding:.25rem 1.25rem;font-size:large;font-weight:700;display:inline-flex}.primary-button:focus{outline:none}.primary-button:disabled{opacity:.6;cursor:not-allowed}.main{background:var(--page-background);margin:0 auto;padding:1.5rem 2.5rem}main{flex:1}.footer-wrap{background:var(--surface);flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;width:100%;display:flex}.footer-bar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;width:100%;padding:1rem;display:flex}.footer-link{color:var(--text);margin:.25rem .75rem;font-size:1rem;text-decoration:none}.dialog-backdrop{z-index:1000;background:#1a1a1a73;justify-content:center;align-items:flex-start;padding:2.5rem 1.5rem;display:flex;position:fixed;inset:0}.dialog-card{background:var(--surface);border-radius:.5rem;width:min(640px,100%);padding:1.5rem;box-shadow:0 15px 40px #0003}.dialog-section{max-width:40em;margin-top:1.5rem}.dialog-section h3{margin-bottom:.5rem}.select{margin:.5rem 0}.select label{flex-direction:column;gap:.35rem;display:flex}.webprax-select{cursor:pointer;border:1px solid var(--border);width:100%;min-height:3rem;color:var(--text);background:var(--surface-elevated);appearance:none;font:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5 10 12.5 15 7.5' stroke='%233c4e59' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:.9rem;border-radius:.5rem;outline:none;padding:.75rem 2.5rem .75rem .75rem}.webprax-select:focus{border-color:#049dd9}:root[data-theme=dark] .webprax-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5 10 12.5 15 7.5' stroke='%23edf3f8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dialog-actions{justify-content:flex-end;margin-top:1.5rem;display:flex}.placeholder{background:var(--surface);border:1px dashed var(--border);border-radius:.5rem;max-width:40rem;padding:1.25rem}.test-runner{padding-bottom:2rem}.test-suite{margin-top:1.5rem}.suite-header{cursor:pointer;background-color:var(--surface);border-bottom:1px solid var(--border);height:3.3em;box-shadow:2px 2px 7px color-mix(in srgb,var(--text)20%,transparent);border-top-left-radius:.25rem;border-top-right-radius:.25rem;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:0 1rem;font-size:1.2rem;display:flex}.suite-header.state-success{background-color:#90ec90}.suite-header.state-warning{background-color:#ecec90}.suite-header.state-failure{background-color:#ec9090}.suite-title{font-weight:300}.suite-subtitle{font-size:.8em;display:block}.suite-body{background:var(--surface);box-shadow:2px 2px 7px color-mix(in srgb,var(--text)20%,transparent);border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;padding-bottom:.5rem}.test-case{padding:.25rem .5rem}.test-header{cursor:pointer;background-color:#0000;align-items:center;gap:1rem;min-height:2.4em;padding:0 1rem;font-size:1.05rem;display:flex}.test-header progress{flex:1;max-width:160px}.test-title{text-overflow:ellipsis;flex:1;font-weight:300;overflow:hidden}.test-output{word-wrap:break-word;margin:0 1.5rem .75rem}.output-line{gap:.5rem;display:flex}.output-prefix{white-space:nowrap;font-family:Overpass,Segoe UI,system-ui,-apple-system,sans-serif}@media (max-width:700px){.titlebar{flex-direction:column;align-items:flex-start}.toolbar-actions{align-self:flex-end}.main{padding:1.25rem}.dialog-card{font-size:.9rem}.suite-header{height:auto;min-height:2.6em;font-size:1rem}.suite-subtitle{font-size:.75em}.test-header{font-size:.95rem}}