:root{font-family:system-ui,sans-serif;color:#292638;background:#f6f5fa}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px max(20px,calc((100vw - 1120px)/2));background:white;border-bottom:1px solid #e7e3ef}header a{font-size:25px;font-weight:800;color:#6d50d8;text-decoration:none}header span{font-size:12px;color:#8c859b}main{max-width:1120px;margin:auto;padding:30px 20px 60px}h1{font-size:32px;letter-spacing:-1px;margin:8px 0 24px}h2{font-size:17px}p{line-height:1.6}button,input,select{font:inherit}button{cursor:pointer;min-height:46px;padding:10px 15px;border-radius:9px;border:1px solid #e4dfef;background:white;color:#4e436a}button:hover{background:#f1edff}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ae98f5;outline-offset:2px}.primary{background:#7351df;color:white;border-color:#7351df}.primary:hover{background:#603ec9}input,select{display:block;width:100%;margin:8px 0 18px;padding:13px;border:1px solid #dfd9ec;border-radius:8px;background:white;font-size:16px}label{font-size:13px;color:#7a708e}.card{background:white;border:1px solid #e5e0ee;border-radius:14px;overflow:hidden;margin-bottom:20px}#login{padding:25px;max-width:460px;margin:40px auto}.intro,.actions,.cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8b76b9}.columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.cardhead{padding:17px;font-size:13px;border-bottom:1px solid #eee9f5}.cardhead span{font-size:10px;color:#92879f}.preview{position:relative;display:grid;place-items:center;margin:12px;background:radial-gradient(ellipse at top,#433650,#19141f);border-radius:9px;aspect-ratio:9/16;max-height:480px;color:#c4b7da}.preview video{width:100%;height:100%;position:absolute;object-fit:contain}.preview span{font-size:12px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}.hint{font-size:11px;color:#94889f;margin:15px;line-height:1.7}.destinations{padding:18px}.destinations .hint{margin:15px 0 0}.destination{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #eee9f5}.destination input{width:22px;height:22px;margin:0;accent-color:#7351df}.destination label{color:#40364e}.destination small{color:#998ba7;font-size:10px;margin-left:8px}.destinations>label{display:block;margin-top:20px}.notice{border:1px solid #e7defa;border-radius:8px;background:#f2edfc;padding:12px;font-size:12px;color:#7a649d;margin-bottom:22px}.chat .notice{margin:15px}.filter{display:block;margin:0 15px}#messages{min-height:240px;max-height:480px;overflow:auto;padding:0 16px}.message{border-bottom:1px solid #eee9f5;padding:14px 0}.message b{font-size:12px}.message small{font-size:10px;color:#947fa9;margin-left:10px}.message p{font-size:13px;margin:6px 0;overflow-wrap:anywhere}.error{color:#ac375b;background:#fceff3;border-radius:8px;padding:13px;font-size:13px}.error:empty{display:none}dialog{max-width:460px;width:90%;border:0;border-radius:15px;padding:25px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#21153288}dialog p{font-size:13px;color:#7e718b}#streamstatus{font-size:12px;color:#7c6a90;overflow-wrap:anywhere}@media(max-width:700px){header{padding:16px}.columns{grid-template-columns:1fr}main{padding:22px 14px 40px}h1{font-size:28px}.preview{max-height:440px}.actions button{flex:1}.chat{margin-top:10px}.intro{align-items:flex-start}}[hidden]{display:none!important}