@charset "UTF-8";:root{--col-bg: #f7f1e6;--col-surface: #efe3d0;--col-surface-edge: #d9c8ac;--col-ink: #3f3428;--col-ink-soft: #7a6a55;--col-card: #fffdf8;--col-focus: #6b5b8e;--col-danger: #a4442f;--col-shadow: 0 2px 10px rgba(63, 52, 40, .12);--col-radius: 14px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Segoe UI,Trebuchet MS,system-ui,-apple-system,sans-serif;background:var(--col-bg);color:var(--col-ink);line-height:1.45}:focus-visible{outline:3px solid var(--col-focus);outline-offset:2px;border-radius:4px}.button,.tool{font:inherit;color:var(--col-ink);background:var(--col-card);border:1px solid var(--col-surface-edge);border-radius:var(--col-radius);padding:.5rem .9rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background .12s ease,transform .12s ease}.button:hover:not(:disabled),.tool:hover:not(:disabled){background:#f3ead9}.button--primary{background:var(--col-ink);color:var(--col-bg);border-color:var(--col-ink);padding:.7rem 1.4rem}.button--primary:hover:not(:disabled){background:#574a39}.tool:disabled{opacity:.45;cursor:default}.tool--danger{color:var(--col-danger)}.home{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:.6rem;text-align:center;padding:2rem}.home__title{font-size:2.2rem;font-weight:600;margin:0}.home__subtitle{color:var(--col-ink-soft);margin:0 0 1.2rem;max-width:30rem}.home__links{display:grid;gap:.5rem;justify-items:center}.home__label{font-size:.9rem;color:var(--col-ink-soft)}.home__linkrow{display:flex;gap:.4rem;width:min(34rem,90vw)}.home__input{flex:1;font:inherit;font-size:.85rem;padding:.5rem .7rem;border:1px solid var(--col-surface-edge);border-radius:var(--col-radius);background:var(--col-card);color:var(--col-ink);min-width:0}.home__form{display:grid;gap:.7rem;justify-items:stretch;width:min(20rem,85vw)}.home__field{display:grid;gap:.25rem;text-align:left;font-size:.9rem;color:var(--col-ink-soft)}.home__field--row{grid-auto-flow:column;justify-content:start;align-items:center;gap:.5rem}.home__code{margin:0 0 .4rem;color:var(--col-ink-soft)}.home__error{color:var(--col-danger);margin:.4rem 0 0}.home__demo{margin-top:2rem;font-size:.85rem;color:var(--col-ink-soft)}.session{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.session__header{padding:.5rem 1rem 0}.session__title{font-size:1rem;font-weight:600;color:var(--col-ink-soft);margin:0}.session__banner{margin:.3rem auto 0;padding:.4rem 1rem;background:#f5e0c8;border:1px solid var(--col-surface-edge);border-radius:var(--col-radius);color:var(--col-ink);font-size:.9rem;width:fit-content}.session__board{min-height:0;display:flex;align-items:stretch;justify-content:center;padding:.5rem}.session__controls{padding:.4rem .8rem .8rem}g[colFigure]{cursor:default}g[colFigure].figure--movable{cursor:grab}g[colFigure].figure--movable:active{cursor:grabbing}g[colFigure]:focus-visible{outline:none}.figure-ring{fill:#fffdf800;stroke:none}.figure-ring--selected{stroke:var(--col-ink-soft);stroke-width:3;stroke-dasharray:10 8}g[colFigure]:focus-visible .figure-ring{stroke:var(--col-focus);stroke-width:4;stroke-dasharray:10 8}.figure-rotor{transition:transform .18s ease;transform:rotate(0)}.figure-rotor--lying{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.figure-rotor,.button,.tool{transition:none}}.remote-cursor{fill:var(--col-focus);opacity:.55;pointer-events:none}.session__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.media-controls{display:flex;gap:.4rem}.session__e2ee{font-size:.8rem;color:var(--col-ink-soft);margin-left:auto}.session__e2ee--off{color:var(--col-danger)}.video-tile{position:fixed;width:168px;height:126px;border-radius:var(--col-radius);overflow:hidden;background:var(--col-ink);box-shadow:var(--col-shadow);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;z-index:20}.video-tile video{width:100%;height:100%;object-fit:cover;pointer-events:none}.video-tile--empty video{visibility:hidden}.video-tile__placeholder{position:absolute;inset:0;display:grid;place-content:center;color:var(--col-bg);font-size:.85rem}.lobby__preview{width:min(20rem,80vw);aspect-ratio:4/3;border-radius:var(--col-radius);overflow:hidden;background:var(--col-ink);box-shadow:var(--col-shadow)}.lobby__preview video{width:100%;height:100%;object-fit:cover}.lobby__preview--off video{visibility:hidden}.chat{position:fixed;right:1rem;bottom:1rem;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.chat__badge{color:var(--col-danger);margin-left:.3rem}.chat__body{width:min(20rem,85vw);background:var(--col-card);border:1px solid var(--col-surface-edge);border-radius:var(--col-radius);box-shadow:var(--col-shadow);padding:.6rem;display:grid;gap:.5rem}.chat__list{list-style:none;margin:0;padding:0;max-height:12rem;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem}.chat__msg{background:var(--col-bg);border-radius:10px;padding:.3rem .6rem;max-width:85%;align-self:flex-start;overflow-wrap:anywhere}.chat__msg--mine{align-self:flex-end;background:#e8ddf0}.chat__form{display:flex;gap:.3rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;background:var(--col-card);border:1px solid var(--col-surface-edge);border-radius:var(--col-radius);box-shadow:var(--col-shadow);padding:.55rem .9rem;max-width:72rem;margin:0 auto}.toolbar__group{display:flex;gap:.4rem;align-items:center}.toolbar__status{margin:0;flex-basis:100%;text-align:center;color:var(--col-danger);font-size:.9rem;min-height:1.2em}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.palette{display:flex;gap:.35rem;align-items:center}.swatch{width:1.9rem;height:1.9rem;border-radius:50%;border:2px solid rgba(63,52,40,.25);background:var(--swatch);cursor:pointer;padding:0;transition:transform .12s ease}.swatch:hover:not(:disabled){transform:scale(1.12)}.swatch:disabled{opacity:.4;cursor:default}.swatch--active{border-color:var(--col-ink);box-shadow:0 0 0 2px var(--col-card),0 0 0 4px var(--col-ink-soft)}