.ss-panel,.ss-panel *{box-sizing:border-box}.ss-panel{height:100%;min-height:0;display:flex;flex-direction:column;color:var(--text-1,#f5f5f7);background:var(--background,#111113)}.ss-toolbar{height:38px;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-inset-sm) 0 var(--space-inset-md);background:transparent;border-bottom:1px solid var(--border,rgba(255,255,255,.09))}.ss-identity,.ss-actions{min-width:0;display:flex;align-items:center;gap:var(--space-stack-sm)}.ss-device-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-size-caption);font-weight:var(--type-weight-semibold)}.ss-live-dot{width:7px;height:7px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--text-3,#777780);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-3,#777780) 14%,transparent)}.ss-live-dot.online{background:#30d158;box-shadow:0 0 0 3px #30d15821}.ss-select{min-width:0;max-width:260px;height:26px;border:0;border-radius:var(--radius-sm);padding:0 var(--space-inset-xl) 0 var(--space-inset-sm);color:inherit;background:var(--surface-2,rgba(255,255,255,.07));font:inherit;font-size:var(--type-size-caption)}.ss-panel button{color:inherit;font:inherit;cursor:pointer}.ss-panel button:disabled{cursor:default;opacity:.48}.ss-icon-button,.ss-start-button,.ss-primary-button{border:1px solid var(--border,rgba(255,255,255,.1));background:var(--surface-2,rgba(255,255,255,.07))}.ss-icon-button{width:27px;height:27px;display:grid;place-items:center;padding:0;border-radius:var(--radius-sm)}.ss-icon-button:hover:not(:disabled){background:var(--surface-3,rgba(255,255,255,.12))}.ss-icon-button.danger:hover:not(:disabled){color:#ff6961;border-color:#ff696159}.ss-panel svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ss-panel svg .fill{fill:currentColor;stroke:none}.ss-start-button{height:27px;display:flex;align-items:center;gap:var(--space-stack-xs);padding:0 var(--space-inset-sm);border-radius:var(--radius-sm);font-size:var(--type-size-micro);font-weight:var(--type-weight-semibold)}.ss-start-button svg{width:12px;height:12px}.ss-content{position:relative;min-height:0;flex:1;overflow:hidden;background:#09090b}.ss-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-inset-md);overflow:hidden;background:#09090b}.ss-stream{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border:0;border-radius:var(--radius-md);background:#050506;box-shadow:0 18px 60px #00000073;cursor:crosshair;user-select:none;-webkit-user-drag:none}.ss-empty{width:min(360px,calc(100% - 32px));height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-stack-sm)}.ss-empty h2{margin:var(--space-2) 0 0;font-size:var(--type-size-body-lg);font-weight:var(--type-weight-bold)}.ss-empty p{margin:0;color:var(--text-2,#a1a1aa);font-size:var(--type-size-caption);line-height:1.5}.ss-device-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(10,132,255,.24);border-radius:var(--radius-lg);color:#0a84ff;background:#0a84ff1a}.ss-device-mark svg{width:25px;height:25px}.ss-primary-button{min-height:30px;margin-top:var(--space-2);padding:0 var(--space-inset-md);border-color:#0a84ff;border-radius:var(--radius-sm);color:#fff;background:#0a84ff;font-size:var(--type-size-caption);font-weight:var(--type-weight-bold)}.ss-primary-button:hover:not(:disabled){background:#2490ff}.ss-hint{max-width:310px;margin-top:var(--space-2);color:var(--text-3,#71717a);font-size:var(--type-size-micro);line-height:1.45}.ss-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.12);border-top-color:#0a84ff;border-radius:50%;animation:ss-spin .8s linear infinite}.ss-error{position:absolute;left:10px;right:10px;bottom:10px;padding:var(--space-inset-sm) var(--space-inset-md);border:1px solid rgba(255,105,97,.25);border-radius:var(--radius-sm);color:#ffb4ae;background:#4a1414eb;font-size:var(--type-size-micro);box-shadow:0 8px 28px #0000004d}@keyframes ss-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.ss-toolbar{padding-left:var(--space-inset-sm)}.ss-select{max-width:180px}}.ss-svelte-host.svelte-p83v47{height:100%;min-height:0;display:flex;flex-direction:column}