:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#fff;--background:#f7f9fc;--text:#0f172a;--muted:#56657a;--border:#e2e8f0;--accent:#2563eb;--accent-text:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#151f30;--background:#0b1120;--text:#f1f5f9;--muted:#a7b4c8;--border:#2a3a52;--accent:#5b8def;--accent-text:#0b1120}}html,body,#root{height:100%;margin:0}body{background:var(--background);color:var(--text)}.guest-page{box-sizing:border-box;align-content:center;justify-items:start;gap:1rem;max-width:34rem;min-height:100%;margin:0 auto;padding:2rem 1rem;display:grid}.guest-page h1{margin:0;font-size:1.5rem}.guest-page p{color:var(--muted);margin:0;line-height:1.5}.guest-button{background:var(--accent);min-height:2.75rem;color:var(--accent-text);font:inherit;cursor:pointer;border:0;border-radius:.625rem;padding:0 1.25rem;font-weight:600}.guest-editor{background:var(--surface);flex-direction:column;display:flex;position:fixed;inset:0}.guest-editor__bar{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:.75rem;min-height:3rem;padding:.25rem 1rem;display:flex}.guest-editor__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.guest-editor__status{color:var(--muted);flex:none;font-size:.875rem}.guest-editor__status--offline,.guest-editor__status--reconnecting,.guest-editor__status--view{color:var(--text);font-weight:600}.guest-editor__canvas{flex:auto;min-height:0;position:relative}.guest-notice{border-bottom:1px solid var(--border);background:var(--background);flex:none;padding:.75rem 1rem}.guest-notice p{color:var(--muted);margin:.25rem 0 .5rem}.guest-chip{border:1px solid var(--border);min-height:2.25rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:.5rem;padding:0 .875rem}.guest-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.guest-background{z-index:10;border:1px solid var(--border);background:var(--surface,Canvas);color:var(--text,CanvasText);border-radius:.75rem;gap:.75rem;padding:.875rem;display:grid;position:absolute;top:3.5rem;right:1rem}.guest-background__row{flex-wrap:wrap;gap:.5rem;display:flex}.guest-swatch{border:2px solid var(--border);cursor:pointer;border-radius:50%;width:2.25rem;height:2.25rem}.guest-swatch[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}.guest-pattern{z-index:1;pointer-events:none;position:absolute;inset:0}