:root{color-scheme:dark;--bg: #111318;--fg: #e6e8ee;--dim: #8b93a7;--line: #2a2f3a;--accent: #7dd3a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,PingFang SC,sans-serif}main{max-width:34rem;margin:0 auto;padding:3rem 1.25rem}h1{margin:0;font-size:1.5rem;letter-spacing:.02em}.tagline{margin:.25rem 0 2rem;color:var(--dim);font-size:.9rem}textarea{width:100%;padding:.75rem;background:#0b0d11;color:inherit;border:1px solid var(--line);border-radius:.5rem;font:inherit;resize:vertical}button{margin-top:.75rem;padding:.55rem 1.25rem;background:var(--accent);color:#0b0d11;border:0;border-radius:.5rem;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}.stream,.raw pre{margin-top:1.5rem;padding:.75rem;background:#0b0d11;border:1px solid var(--line);border-radius:.5rem;color:var(--dim);font-size:.85rem;white-space:pre-wrap;word-break:break-word}.short{margin:2rem 0 0;padding-left:1rem;border-left:3px solid var(--accent);font-size:1.25rem}.raw h2{margin:2rem 0 0;font-size:.9rem;color:var(--dim);font-weight:600}.frame{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent);margin-top:0}.frame-url{margin-top:1rem}.frame-url p{margin:0 0 .5rem;font-size:.85rem;color:var(--dim)}code.url{display:block;padding:.6rem .75rem;background:#0b0d11;border:1px solid var(--line);border-radius:.5rem;font-size:.8rem;word-break:break-all;-webkit-user-select:all;user-select:all}.frame-url .hint{margin:.6rem 0 0;font-size:.78rem;line-height:1.5}.err{margin-top:1rem;color:#e88;font-size:.85rem}