:root{color-scheme:light;--background: #f4f1ea;--surface: #fffdf8;--surface-2: #ece7dc;--ink: #171714;--muted: #68645c;--line: #d5cec1;--accent: #f3b43c;--danger: #a42d2a;--success: #1e6d45;--radius: 20px}*{box-sizing:border-box}html{min-height:100%;background:var(--background)}body{margin:0;min-height:100vh;color:var(--ink);background:var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}[hidden]{display:none!important}.site-header{width:min(1180px,100%);margin:0 auto;padding:18px clamp(14px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:900;letter-spacing:-.04em;font-size:1.3rem;text-decoration:none}.nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none;color:var(--muted);font-size:.85rem;font-weight:750;padding:9px 11px;border-radius:10px}.nav a:hover,.nav a.active{background:var(--ink);color:#fff}.page{width:min(1180px,100%);margin:0 auto;padding:30px clamp(14px,3vw,32px) 56px}.hero{padding:clamp(42px,9vw,110px) 0;max-width:900px}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}h1{font-size:clamp(3rem,9vw,7rem);line-height:.9;letter-spacing:-.075em;margin:18px 0}h2{letter-spacing:-.035em}.lead{max-width:760px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65;color:var(--muted)}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.action-card{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-height:170px;transition:transform .12s ease,box-shadow .12s ease}.action-card:hover{transform:translateY(-2px);box-shadow:5px 6px 0 var(--ink)}.action-card strong{display:block;font-size:1.25rem;margin-bottom:8px}.action-card span{color:var(--muted);line-height:1.5}.layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:22px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,3vw,26px)}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.muted{color:var(--muted);line-height:1.55}.field{display:grid;gap:7px;margin-top:14px}.field label{font-size:.78rem;font-weight:850}input[type=file],input[type=text],select,textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:12px}textarea{min-height:160px;resize:vertical}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.segmented button,.profile-button,.channel-button{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:11px;font-weight:800;cursor:pointer}.segmented button.active,.profile-button.active,.channel-button.active{background:var(--accent);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.profile-grid,.channel-grid{display:grid;gap:8px;margin-top:12px}.channel-grid{grid-template-columns:repeat(3,1fr)}.profile-button,.channel-button{text-align:left}.profile-button small,.channel-button small{display:block;color:#4e493f;font-weight:550;margin-top:3px}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.button{border:1px solid var(--ink);background:#fff;border-radius:12px;padding:11px 15px;font-weight:850;cursor:pointer}.button.primary{background:var(--accent)}.button.dark{background:var(--ink);color:#fff}.button.danger{color:var(--danger);border-color:var(--danger)}.button:disabled{opacity:.45;cursor:not-allowed}.status{margin-top:14px;padding:11px 12px;border-radius:11px;background:var(--surface-2);color:var(--muted);font-size:.82rem;line-height:1.5}.status.good{background:#dff1e7;color:var(--success)}.status.bad{background:#f5dfdd;color:var(--danger)}.qr-stage{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;width:100%}#qr-canvas{display:block;max-width:100%;max-height:78vh;margin:0 auto;image-rendering:pixelated;background:#fff;object-fit:contain}.stream-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.metric{background:var(--surface-2);border-radius:11px;padding:10px;min-width:0}.metric span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.metric strong{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-card{max-width:900px;margin:0 auto}.camera-frame{width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}#camera{width:100%;height:auto;display:block;background:#fff}.progress-track{height:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-top:16px}.progress-bar{height:100%;width:0;background:var(--accent);transition:width .16s ease}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.warning{border-left:4px solid var(--accent);background:#fff6d9;border-radius:0 12px 12px 0;padding:11px 13px;color:#5d502d;font-size:.82rem;line-height:1.5;margin-top:14px}.preview{margin-top:20px}.preview img,.preview video{display:block;max-width:100%;max-height:650px;margin:0 auto;border-radius:12px;background:#111}.preview audio{width:100%}.preview pre{white-space:pre-wrap;word-break:break-word;max-height:520px;overflow:auto;background:#151515;color:#fff;border-radius:12px;padding:15px}.dialog{width:min(640px,calc(100% - 24px));border:2px solid var(--ink);border-radius:20px;padding:0;background:var(--surface);box-shadow:10px 12px 0 var(--ink)}.dialog::backdrop{background:#000000b8}.dialog section{padding:20px}.dialog h2{margin:0 0 7px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.summary div{background:var(--surface-2);border-radius:10px;padding:10px;min-width:0}.summary span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;font-weight:900}.summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line)}footer{width:min(1180px,100%);margin:0 auto;padding:20px clamp(14px,3vw,32px) 35px;color:var(--muted);font-size:.78rem}body.fullscreen-stream{background:#fff;overflow:hidden}body.fullscreen-stream .site-header,body.fullscreen-stream .sender-controls,body.fullscreen-stream footer{display:none}body.fullscreen-stream .page{width:100vw;height:100vh;padding:0;display:grid;place-items:center}body.fullscreen-stream .layout{display:block;width:100%;height:100%}body.fullscreen-stream .stream-card{border:0;padding:0;width:100%;height:100%;display:grid;place-items:center}body.fullscreen-stream .qr-stage{border:0;padding:0;border-radius:0;width:min(100vw,100vh)}body.fullscreen-stream .stream-details,body.fullscreen-stream .stream-card>h2,body.fullscreen-stream .stream-card>p,body.fullscreen-stream .stream-card>.button-row{display:none}@media (max-width: 850px){.layout,.action-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.site-header{align-items:flex-start}.nav{gap:2px}.nav a{padding:8px;font-size:.75rem}h1{font-size:clamp(3.2rem,19vw,5.2rem)}.stream-details{grid-template-columns:1fr 1fr}.channel-grid,.summary{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}.page-title{font-size:clamp(2.8rem,7vw,5.4rem);margin:12px 0 16px}.quick-layout{grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr)}.quick-pair-card{text-align:center}.quick-pair-card>.muted{max-width:650px;margin-left:auto;margin-right:auto}#pairing-qr{display:block;width:min(100%,560px);height:auto;margin:18px auto 0;background:#fff;border:1px solid var(--line);border-radius:18px;image-rendering:pixelated}.pairing-placeholder{min-height:360px;display:grid;place-items:center;margin-top:18px;padding:30px;border:2px dashed var(--line);border-radius:18px;background:#fff;color:var(--muted)}.pair-code{display:inline-grid;gap:4px;margin-top:14px;padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.pair-code span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.pair-code strong{font:900 1.45rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.center-row{justify-content:center}.quick-metrics{grid-template-columns:repeat(3,1fr)}.field-help{color:var(--muted);line-height:1.4}.check-row{display:flex;gap:9px;align-items:flex-start;margin-top:15px;font-size:.85rem;line-height:1.45}.check-row input{margin-top:3px;accent-color:var(--ink)}.quick-receive-card{max-width:900px;margin:0 auto}.connection-panel{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.connection-panel strong,.connection-panel span{display:block}.connection-panel span{margin-top:4px;color:var(--muted);font-size:.84rem;line-height:1.45}.connection-pulse{width:18px;height:18px;flex:0 0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 #f3b43c8c;animation:connection-pulse 1.5s infinite}@keyframes connection-pulse{70%{box-shadow:0 0 0 12px #f3b43c00}to{box-shadow:0 0 #f3b43c00}}@media (max-width: 850px){.quick-layout{grid-template-columns:1fr}.pairing-placeholder{min-height:240px}}@media (max-width: 560px){.quick-metrics{grid-template-columns:1fr 1fr}.quick-pair-card{padding-left:12px;padding-right:12px}}