:root{color-scheme:light dark;--bg: #f6f6f4;--panel: #ffffff;--text: #1d1d1b;--muted: #5f5f5a;--line: #d8d8d2;--accent: #2357c6;--good: #1f9d55;--problem: #b42318;--note: #fff6c2;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.5}@media(prefers-color-scheme:dark){:root{--bg: #161615;--panel: #222220;--text: #ececea;--muted: #a8a8a2;--line: #3a3a37;--accent: #7aa2ff;--problem: #ff8a7a;--note: #4a4426}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{font-size:1.15rem;margin:0}h2{font-size:1rem;margin:0 0 .5rem}code{font-size:.85em;overflow-wrap:anywhere}button,.button,select,input,textarea{font:inherit;font-size:16px}button,.button{display:inline-block;min-height:40px;padding:.4rem .8rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer;text-decoration:none}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}button:focus-visible,.button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{padding:.45rem;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);max-width:100%}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hint{color:var(--muted);font-size:.9rem}.problem{color:var(--problem)}.problem:empty{display:none}.top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.6rem 1rem;background:var(--panel);border-bottom:1px solid var(--line)}.top .spacer{flex:1}.state{padding:.1rem .6rem;border-radius:999px;font-size:.85rem;background:var(--line)}.state[data-state=connected]{background:var(--good);color:#fff}main.single{max-width:40rem;margin:0 auto;padding:1rem}.field{display:flex;flex-direction:column;gap:.25rem;margin:0 0 1rem}.result input{width:100%;margin:.25rem 0}main.place{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1rem;padding:1rem;align-items:start}.work,.side{display:grid;gap:1rem;min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.8rem;min-width:0}.panel ul{list-style:none;margin:0;padding:0}.people li,.files li{padding:.35rem 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.people li:first-child,.files li:first-child{border-top:0}.person-name,.file-name{font-weight:600}.files .actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.panel .transcript{max-height:16rem;overflow-y:auto;margin:.5rem 0}.transcript li,#agent-by{padding:.25rem 0;overflow-wrap:anywhere}.transcript li[data-role=agent] strong{color:var(--accent)}.agent-form{display:flex;gap:.4rem}.agent-form input{flex:1;min-width:0}.board{position:relative;aspect-ratio:16 / 10;background:var(--bg);border:1px solid var(--line);border-radius:8px;overflow:hidden}.note{position:absolute;width:10%;min-width:7rem;background:var(--note);border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 3px #0003}.note-bar{display:flex;justify-content:flex-end;min-height:1.6rem;cursor:grab;touch-action:none}.note-bar .delete{min-height:0;padding:0 .4rem;border:0;background:transparent}.note textarea{display:block;width:100%;border:0;border-radius:0 0 6px 6px;background:transparent;resize:none;font-size:14px}.controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.6rem}.device{display:inline-flex;gap:.3rem;align-items:center}.device select{max-width:12rem}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.6rem}.tile{margin:0;position:relative;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16 / 9}.tile canvas{width:100%;height:100%;object-fit:contain;display:block}.tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:.2rem .5rem;background:#0000008c;color:#fff;font-size:.85rem}@media(max-width:760px){main.place{grid-template-columns:minmax(0,1fr);padding:.6rem;gap:.6rem}.tiles{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.top{padding:.5rem .6rem}.note{min-width:5.5rem}}
/*# sourceMappingURL=collab.css.map */