*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#1a1a1a}header{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid #ddd;background:#fafafa}header h1{font-size:1.1rem;margin:0}header label{font-size:.8rem;color:#666}header input{font:inherit;padding:.2rem .4rem}.status{font-size:.8rem;color:#888;margin-left:auto}header button{font:inherit;padding:.3rem .7rem;cursor:pointer}.peers{display:flex;gap:.25rem}.chip{width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:#d7e3ff;color:#234;font-size:.7rem;font-weight:600}.chip.me{background:#2b6cff;color:#fff}.layout{display:flex;height:calc(100vh - 49px)}.sidebar{width:14rem;border-right:1px solid #ddd;padding:.5rem;overflow-y:auto;background:#fcfcfc}.sidebar button{width:100%;padding:.4rem;cursor:pointer;font:inherit}.sidebar ul{list-style:none;padding:0;margin:.5rem 0 0}.sidebar li{display:flex;align-items:center;gap:.25rem;padding:.3rem .4rem;border-radius:4px;cursor:pointer}.sidebar li.active{background:#e7efff}.sidebar li .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar li .del{width:auto;background:none;border:none;color:#999;font-size:1rem}.sidebar li .del:hover{color:#c00}#editor{flex:1;overflow-y:auto;padding:2rem;background:#fff}.hint{color:#999;max-width:6in;margin:2rem auto}.screenplay{font-family:Courier New,Courier,monospace;font-size:12pt;line-height:1.4;max-width:6in;margin:0 auto}.line{white-space:pre-wrap;outline:none;min-height:1.4em;padding:1px 2px}.line:focus{background:#f4f8ff}.line.scene{text-transform:uppercase;font-weight:700;margin-top:1.4em}.line.character{text-transform:uppercase;margin:1.4em 0 0 2.2in}.line.parenthetical{margin:0 0 0 1.6in;font-style:italic}.line.dialogue{margin:0 1in}.line.transition{text-transform:uppercase;text-align:right;margin-top:1.4em}dialog{border:1px solid #ccc;border-radius:8px;padding:1.5rem}dialog svg{width:180px;height:180px}dialog a{word-break:break-all;font-size:.8rem}