:root{font-family:Inter,Segoe UI,sans-serif;color:#263342;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}header{padding:18px 5%;background:#fff;border-bottom:1px solid #dde3eb;display:flex;align-items:center;gap:24px}header a{color:#4e3bb6;text-decoration:none;font-weight:700}header span{flex:1}main{max-width:1300px;margin:30px auto;padding:0 24px}h1{font-size:28px}h2{font-size:20px}article,form,.layout>section,#templates-panel{padding:22px;background:#fff;border:1px solid #e1e5ee;border-radius:12px;margin:14px 0}label{display:block;font-size:14px;margin:12px 0}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #c5cedd;border-radius:6px;margin-top:6px;font:inherit}textarea{min-height:90px}button{padding:11px 16px;border:1px solid #d2cbea;background:white;color:#4934a3;border-radius:7px;cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){background:#eee9ff}nav,.actions{display:flex;gap:10px;flex-wrap:wrap}nav button[aria-pressed=true],form button,#connect{background:#654bd4;color:#fff}#alert:not(:empty){padding:14px;background:#fff2ce;border-radius:8px;margin:15px 0}#login{max-width:500px;margin:auto}.layout{display:grid;grid-template-columns:300px 1fr;gap:20px}.layout>section{min-width:0}#peers button{display:block;width:100%;text-align:left;margin:8px 0;overflow-wrap:anywhere}.message{padding:12px;border-radius:8px;background:#f0f2f6;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.out{background:#eae4ff}.message small{display:block;color:#68778d;font-size:12px}.check{display:flex;gap:8px}.check input{width:auto;margin:0}#messages{max-height:540px;overflow:auto}#template-list{overflow-wrap:anywhere}pre{white-space:pre-wrap}#guide{line-height:1.7;color:#58667b}[hidden]{display:none!important}@media(max-width:750px){.layout{grid-template-columns:1fr}main{padding:0 12px}.actions button{flex:1}}