:root{color:#18322d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f1e9;font-family:system-ui,sans-serif;line-height:1.55}body{margin:0}main{max-width:760px;margin:7vh auto;padding:24px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}h1{letter-spacing:-.05em;font-size:clamp(2.7rem,7vw,4.6rem);font-weight:550;line-height:1.02}h2{margin-top:2.5rem;font-size:1rem}button{font:inherit;color:#fff;cursor:pointer;background:#214d40;border:1px solid #214d40;border-radius:5px;padding:.65rem 1rem}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #bd713a}#record{touch-action:none}#cancel{color:#214d40;background:0 0}.controls{border-top:1px solid #c9d0c6;flex-wrap:wrap;align-items:center;gap:12px;padding-top:24px;display:flex}.controls label{width:100%;margin:12px 0}.settings{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.setting,.model-help,.transcript-language{font-size:.9rem}.select-control{margin-left:1rem;display:inline-block;position:relative}.select-control:after{content:"";inset-inline-end:.875rem;pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;width:.375rem;height:.375rem;position:absolute;top:50%;transform:translateY(-70%)rotate(45deg)}.select-control select{appearance:none;font:inherit;color:inherit;background:#fffdf8;border:1px solid #c9d0c6;border-radius:5px;padding-block:.5rem;padding-inline:.75rem 2.25rem}.select-control:has(select:disabled){opacity:.55}.model-help,.transcript-language{color:#59645e}output{white-space:pre-wrap;background:#fffdf8;border-left:3px solid #be7544;min-height:5rem;padding:12px 20px;font-size:1.3rem;display:block}pre{max-height:240px;font-size:.8rem;overflow:auto}footer{color:#59645e;margin-top:48px;font-size:.85rem}#status{min-height:1.6em}