*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Noto Sans TC,system-ui,sans-serif;background:#f4f6f8;color:#1f2933}.container{max-width:860px;margin:0 auto;padding:2rem 1.25rem;display:flex;flex-direction:column;min-height:100vh}h1{margin:0 0 .25rem;font-size:1.6rem}.subtitle{margin:0 0 1.5rem;color:#616e7c;font-size:.9rem}.row{display:flex;gap:.5rem;flex-wrap:wrap}input[type=url]{flex:1 1 320px;padding:.6rem .75rem;font-size:1rem;border:1px solid #cbd2d9;border-radius:6px}input[type=url]:focus{outline:2px solid #2563eb;border-color:transparent}button{padding:.6rem 1.2rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:#2563eb;color:#fff}button.primary:hover:not(:disabled){background:#1d4ed8}button.secondary{background:#e4e7eb;color:#1f2933}button.secondary:hover:not(:disabled){background:#cbd2d9}.status{margin:1rem 0 .5rem;font-size:.9rem;color:#52606d;min-height:1.2em}.status.busy{color:#2563eb}.transcript{flex:1;min-height:380px;padding:.75rem;font-family:Consolas,Noto Sans Mono CJK TC,monospace;font-size:.9rem;line-height:1.6;border:1px solid #cbd2d9;border-radius:6px;resize:vertical;background:#fff}