.vivix-dialog{width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--ink);box-shadow:0 30px 100px #0005;overflow:hidden}.vivix-dialog::backdrop{background:#161b2460;backdrop-filter:blur(10px)}.vivix-body{padding:24px;overflow:auto;max-height:calc(100dvh - 150px)}.vivix-video{position:relative;width:min(100%,360px);aspect-ratio:9/16;max-height:420px;background:#111318;margin:0 auto 16px;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:white}.vivix-video>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.vivix-video video{object-fit:contain!important}.vivix-status{line-height:1.7}.vivix-transcript{max-height:220px;overflow:auto;margin:16px 0;line-height:1.7;overflow-wrap:anywhere}.vivix-transcript p{padding:10px 14px;margin:8px 0;border-radius:12px;background:var(--glass)}.vivix-transcript p.user{background:var(--hover)}.vivix-body .input-row{gap:8px}.vivix-body .input-row input{min-width:0;flex:1}@media(min-width:800px){.vivix-body{display:grid;grid-template-columns:340px 1fr;gap:14px 24px}.vivix-video{grid-column:1;grid-row:1/7;width:100%;max-height:520px;align-self:start}.vivix-body>p,.vivix-body>.button-row,.vivix-transcript,.vivix-body>form{grid-column:2}.vivix-transcript{min-height:120px;max-height:260px;margin:0}}@media(max-width:480px){.vivix-body{padding:16px}.vivix-video{width:230px;max-height:310px}.vivix-dialog .panel-head{padding:20px}.vivix-dialog h1{font-size:22px}}

@media(max-width:720px){.topbar nav{flex-wrap:wrap;justify-content:flex-start}}