:root{color-scheme:light dark}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif}.cattoy-panel{display:flex;flex-direction:column;gap:12px;padding:12px;box-sizing:border-box;height:100%;overflow-y:auto}.cattoy-panel__header{display:flex;align-items:center;gap:8px}.cattoy-panel__dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #0000004d;flex:none}.cattoy-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:8px;background:var(--colorNeutralBackground2);border:1px solid var(--colorNeutralStroke2)}.cattoy-card--muted{background:transparent}.cattoy-card__title{margin:0}.cattoy-hint{color:var(--colorNeutralForeground3)}.cattoy-row{display:flex;gap:8px}.cattoy-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cattoy-swatch{aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;font:600 12px/1 Segoe UI,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease}.cattoy-swatch:hover:not(:disabled){transform:scale(1.08)}.cattoy-swatch:disabled{cursor:not-allowed;opacity:.45}.cattoy-swatch.is-selected{border-color:var(--colorNeutralForeground1);box-shadow:0 0 0 2px var(--colorNeutralBackground1)}.cattoy-swatch:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}.cattoy-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cattoy-roster__row{display:flex;align-items:center;gap:8px}.cattoy-roster__dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 11px/1 Segoe UI,system-ui,sans-serif;flex:none;opacity:.5;transition:opacity .15s ease,box-shadow .15s ease}.cattoy-roster__dot.is-active{opacity:1;box-shadow:0 0 0 2px var(--colorNeutralBackground1),0 0 8px currentColor}.cattoy-roster__name{display:flex;flex-direction:column;flex:1;min-width:0}.cattoy-stage{position:relative;height:100%;display:flex;align-items:center;justify-content:center;background:#101014;padding:8px;box-sizing:border-box}.cattoy-toolbar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:999px;background:#18181ee0;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.45;transition:opacity .16s ease}.cattoy-toolbar:hover,.cattoy-toolbar:focus-within{opacity:1}.cattoy-toolbar__toggle{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#e6e6ee;font:600 13px/1 Segoe UI,system-ui,sans-serif;cursor:pointer}.cattoy-toolbar__toggle.is-on{background:#ffffff24;color:#fff}.cattoy-toolbar__toggle:disabled{opacity:.4;cursor:not-allowed}.cattoy-toolbar__dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 10px/1 Segoe UI,system-ui,sans-serif;flex:none}.cattoy-toolbar__colors{display:flex;gap:5px}.cattoy-toolbar__swatch{width:16px;height:16px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer}.cattoy-toolbar__swatch.is-selected{border-color:#fff}.cattoy-toolbar__swatch:disabled{opacity:.4;cursor:not-allowed}.cattoy-toolbar__swatch:focus-visible{outline:2px solid #fff;outline-offset:2px}.cattoy-surface{width:100%;display:flex;justify-content:center}.cattoy-surface__frame{position:relative;width:100%;max-width:calc(177.78vh - 32px);aspect-ratio:16 / 9;background:#17171d;border-radius:8px;overflow:hidden}.cattoy-surface.is-compact .cattoy-surface__frame{max-width:100%;border:1px solid var(--colorNeutralStroke2)}.cattoy-surface.is-compact .cattoy-surface__empty-title{font-size:13px}.cattoy-surface.is-compact .cattoy-surface__notice{font-size:11px;bottom:8px;padding:4px 8px}.cattoy-surface__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.cattoy-surface__canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.cattoy-surface__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8a8a99;text-align:center;padding:24px}.cattoy-surface__empty-title{margin:0;font-size:16px;font-weight:600}.cattoy-surface__empty-body{margin:0;font-size:13px;max-width:40ch}.cattoy-surface__notice{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#000000b8;color:#fff;font-size:13px}.cattoy-status{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;text-align:center}.cattoy-status--error{color:var(--colorPaletteRedForeground1)}.cattoy-config{display:flex;flex-direction:column;gap:12px;padding:24px;max-width:60ch}.cattoy-links{margin:0;padding-left:20px}