:root{--bg-deep: #0e1b24;--bg-mid: #132736;--bg-card: rgba(13, 36, 46, .76);--text-main: #e9fff6;--text-muted: #9dc8ba;--accent: #ff7f50;--accent-2: #35d0ba;--line: rgba(180, 229, 214, .22);--shadow: 0 18px 50px rgba(4, 8, 12, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:var(--text-main);background:radial-gradient(1200px 500px at -10% -10%,#16435f 0%,transparent 55%),radial-gradient(900px 450px at 120% 0%,#2a5f4e 0%,transparent 60%),linear-gradient(145deg,var(--bg-deep),var(--bg-mid))}.app-shell{padding:22px;max-width:1450px;margin:0 auto}.hero{margin-bottom:18px;animation:dropIn .32s ease-out}.hero h1{margin:0;letter-spacing:.02em}.hero p{margin:6px 0 0;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel{border:1px solid var(--line);background:var(--bg-card);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.panel.wide{grid-column:span 2}h2{margin:0 0 10px;font-size:1.1rem}h3{margin:0 0 8px;font-size:.9rem;color:var(--text-muted)}label{display:block;margin-bottom:9px;font-size:.88rem;color:var(--text-muted)}input,select,button{font:inherit}input,select{width:100%;margin-top:5px;border:1px solid var(--line);border-radius:11px;background:#05141cbf;color:var(--text-main);padding:9px 10px}textarea.signal-text{width:100%;min-height:120px;margin-top:5px;border:1px solid var(--line);border-radius:11px;background:#05141cbf;color:var(--text-main);padding:9px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}button{border:0;border-radius:11px;padding:9px 13px;cursor:pointer;color:#0d2c2f;background:linear-gradient(125deg,var(--accent),#ffb280);transition:transform .12s ease,opacity .12s ease}button.secondary{background:linear-gradient(125deg,#74dcb5,#56c2ff)}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){transform:translateY(-1px)}.inline-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.inline-row select{min-width:220px;flex:1}.muted{color:var(--text-muted)}.session-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}.session-list li{display:flex;gap:8px}.session-list li button:first-child{flex:1}.session-list li.active button:first-child{outline:2px solid #9ef0db}.video-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.video-box{border:1px solid var(--line);border-radius:12px;background:#00000045;padding:10px}.video-box video{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;background:#020509}.remote-wrap{position:relative}.freeze-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:10px;pointer-events:none}.freeze-layer.active{pointer-events:auto}.file-btn{position:relative;overflow:hidden;border-radius:11px;padding:9px 13px;color:#062729;font-weight:600;background:linear-gradient(120deg,var(--accent-2),#98f6e5)}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.logs{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:220px;overflow:auto}.logs li{border-bottom:1px solid var(--line);padding-bottom:5px;color:#cbece0;font-size:.9rem}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.grid{grid-template-columns:1fr}.panel.wide{grid-column:span 1}.video-stage{grid-template-columns:1fr}}