.mock-app.svelte-1x634zg{min-width:0;display:flex}.mock-app__shell.svelte-1x634zg{border:1px solid var(--color-border-default);background:var(--color-neutral-0);width:100%;min-width:0;color:var(--color-text-default);border-radius:1em;flex-direction:column;display:flex;overflow:hidden}.mock-app__shell.is-elevated.svelte-1x634zg{box-shadow:var(--shadow-1)}.mock-app.is-dark.svelte-1x634zg .mock-app__shell:where(.svelte-1x634zg){border-color:color-mix(in srgb, var(--color-neutral-0) 12%, transparent);background:var(--color-secondary-600);color:var(--color-neutral-0)}.mock-app__bar.svelte-1x634zg{border-bottom:1px solid var(--color-border-default);align-items:center;gap:.6em;min-width:0;padding:.9em 1.1em;display:flex}.mock-app.is-dark.svelte-1x634zg .mock-app__bar:where(.svelte-1x634zg){border-bottom-color:color-mix(in srgb, var(--color-neutral-0) 10%, transparent)}.mock-app__icon.svelte-1x634zg{border-radius:.55em;flex-shrink:0;justify-content:center;align-items:center;width:2em;height:2em;display:inline-flex}.mock-app__live.svelte-1x634zg{border-radius:999px;flex-shrink:0;width:.55em;height:.55em}.mock-app__titles.svelte-1x634zg{flex-direction:column;flex:auto;gap:.15em;min-width:0;display:flex}.mock-app__title.svelte-1x634zg{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.mock-app__subtitle.svelte-1x634zg{color:var(--color-text-tertiary)}.mock-app.is-dark.svelte-1x634zg .mock-app__subtitle:where(.svelte-1x634zg){color:var(--color-neutral-300)}.mock-app__toolbar.svelte-1x634zg{color:var(--color-icon-secondary);flex-shrink:0;align-items:center;gap:.45em;display:flex}.mock-app.is-dark.svelte-1x634zg .mock-app__toolbar:where(.svelte-1x634zg){color:var(--color-neutral-300)}.mock-app__badge.svelte-1x634zg{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:.3em .7em;font-weight:500;display:inline-flex}.mock-app__tabs.svelte-1x634zg{border-bottom:1px solid var(--color-border-default);gap:.35em;padding:.6em 1.1em;display:flex;overflow:hidden}.mock-app.is-dark.svelte-1x634zg .mock-app__tabs:where(.svelte-1x634zg){border-bottom-color:color-mix(in srgb, var(--color-neutral-0) 10%, transparent)}.mock-app__tab.svelte-1x634zg{color:var(--color-text-tertiary);white-space:nowrap;border-radius:.5em;align-items:center;gap:.35em;padding:.35em .7em;display:inline-flex}.mock-app__tab.is-active.svelte-1x634zg{background:var(--color-neutral-25);color:var(--color-text-default);font-weight:500}.mock-app.is-dark.svelte-1x634zg .mock-app__tab:where(.svelte-1x634zg){color:var(--color-neutral-300)}.mock-app.is-dark.svelte-1x634zg .mock-app__tab.is-active:where(.svelte-1x634zg){background:color-mix(in srgb, var(--color-neutral-0) 10%, transparent);color:var(--color-neutral-0)}.mock-app__body.svelte-1x634zg{flex:auto;min-height:0;position:relative;overflow:hidden}.mock-app__body.is-padded.svelte-1x634zg{padding:1.1em}.mock-app__footer.svelte-1x634zg{border-top:1px solid var(--color-border-default);padding:.8em 1.1em}.mock-app.is-dark.svelte-1x634zg .mock-app__footer:where(.svelte-1x634zg){border-top-color:color-mix(in srgb, var(--color-neutral-0) 10%, transparent)}.mock-tile.svelte-1anefqc{min-width:0}.mock-tile.is-fill.svelte-1anefqc{height:100%}.mock-tile__shell.svelte-1anefqc{background:var(--color-secondary-600);width:100%;height:100%;color:var(--color-neutral-0);border-radius:.9em;position:relative;overflow:hidden}.mock-tile.is-active.svelte-1anefqc .mock-tile__shell:where(.svelte-1anefqc){box-shadow:0 0 0 .16em var(--color-primary-500)}.mock-tile__portrait.svelte-1anefqc{background:radial-gradient(70% 90% at 50% 25%, color-mix(in srgb, var(--tile-tone) 70%, transparent), transparent 70%), linear-gradient(160deg, var(--color-secondary-500), var(--color-secondary-700));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mock-tile.is-camera-off.svelte-1anefqc .mock-tile__portrait:where(.svelte-1anefqc){background:linear-gradient(160deg, var(--color-secondary-600), var(--color-secondary-700))}.mock-tile__photo.svelte-1anefqc{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mock-tile__portrait.svelte-1anefqc:has(.mock-tile__photo:where(.svelte-1anefqc)):after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--color-neutral-900) 55%, transparent), transparent 42%);position:absolute;inset:0}.mock-tile__monogram.svelte-1anefqc{letter-spacing:.02em;opacity:.9;font-weight:600}.mock-tile.is-camera-off.svelte-1anefqc .mock-tile__monogram:where(.svelte-1anefqc){opacity:.45}.mock-tile__camera-off.svelte-1anefqc{opacity:.6;position:absolute;bottom:2.9em;right:.6em}.mock-tile__overlay.svelte-1anefqc{position:absolute;inset:0}.mock-tile__corner.svelte-1anefqc{background:color-mix(in srgb, var(--color-neutral-900) 55%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.3em;padding:.25em .6em;font-weight:500;display:inline-flex;position:absolute;top:.6em;right:.6em}.mock-tile__shell.svelte-1anefqc .mock-tile__wave{--wave-gap:.12em;width:4.5em;height:1.5em;position:absolute;bottom:.7em;right:.6em}.mock-tile__chip.svelte-1anefqc{background:color-mix(in srgb, var(--color-neutral-900) 55%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;align-items:center;gap:.4em;max-width:70%;padding:.3em .7em;display:inline-flex;position:absolute;bottom:.6em;left:.6em}.mock-tile__mic.svelte-1anefqc,.mock-tile__cam.svelte-1anefqc{flex-shrink:0;align-items:center;display:inline-flex}.mock-tile__names.svelte-1anefqc{align-items:baseline;gap:.35em;min-width:0;display:flex}.mock-tile__name.svelte-1anefqc{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.mock-tile__role.svelte-1anefqc{color:var(--color-neutral-300);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}