@layer components{._panel_rfaxi_2{inline-size:var(--viewer-width);block-size:var(--viewer-height);resize:both;border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-surface);min-block-size:22.5rem;min-inline-size:20rem;box-shadow:var(--shadow-overlay);z-index:var(--z-drawer);transition:opacity var(--duration-fast) var(--easing-standard);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:fixed;inset-block-start:var(--viewer-y);inset-inline-start:var(--viewer-x);overflow:auto}._panel_rfaxi_2[data-minimized]{visibility:hidden;pointer-events:none;opacity:0}._header_rfaxi_28{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);cursor:move;touch-action:none;flex-wrap:wrap;display:flex}._identity_rfaxi_39{flex-direction:column;flex:10rem;min-inline-size:0;display:flex}._identity_rfaxi_39 strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._identity_rfaxi_39 span{color:var(--color-text-muted);font-size:var(--font-size-xs)}._headerActions_rfaxi_57{gap:var(--space-2);margin-inline-start:auto;display:flex}._status_rfaxi_63{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--tone-neutral-fg);font-weight:700;display:inline-flex}._status_rfaxi_63[data-tone=good]{color:var(--tone-good-fg)}._status_rfaxi_63[data-tone=warning]{color:var(--tone-warning-fg)}._status_rfaxi_63[data-tone=error]{color:var(--tone-error-strong)}._statusMark_rfaxi_84{background:currentColor;border:2px solid;border-radius:50%;block-size:.5rem;inline-size:.5rem}._timer_rfaxi_92{min-inline-size:3rem;color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}._geometryControls_rfaxi_100{padding:var(--space-1);border-block-end:1px solid var(--color-border-subtle);border-block-start:0;border-inline:0;justify-content:center;align-items:center;gap:2px;margin:0;display:flex;position:relative}._geometryLegend_rfaxi_113{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._geometryControls_rfaxi_100 button{min-block-size:2rem;min-inline-size:2rem;padding:0}._videoFrame_rfaxi_128{background:#0b0b0f;place-items:center;min-block-size:0;display:grid;position:relative;overflow:hidden}._videoMount_rfaxi_137{position:absolute;inset:0}._videoMount_rfaxi_137 video{object-fit:contain;block-size:100%;inline-size:100%}._videoState_rfaxi_148{z-index:1;align-items:center;gap:var(--space-4);padding:var(--space-6);color:#fff;text-align:center;flex-direction:column;display:flex;position:relative}._phoneOutline_rfaxi_160{opacity:.7;border:2px solid;border-radius:.875rem;block-size:8rem;inline-size:4.5rem}._footer_rfaxi_168{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4);border-block-start:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center;flex-wrap:wrap;display:flex}._pill_rfaxi_181{max-inline-size:calc(100vw - var(--space-8));align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--tone-good-border);border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-lg);z-index:var(--z-drawer);display:flex;position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4)}._pillCopy_rfaxi_197{min-inline-size:0;font-size:var(--font-size-xs);flex-direction:column;display:flex}._pillCopy_rfaxi_197 strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<64rem){._panel_rfaxi_2{inset-inline:var(--space-4);inset-block:auto var(--space-4);inline-size:auto;block-size:min(44rem, calc(100dvh - var(--space-8)));max-block-size:calc(100dvh - var(--space-8));resize:none;grid-template-rows:auto minmax(0,1fr) auto}._header_rfaxi_28{cursor:default;touch-action:auto}._geometryControls_rfaxi_100{display:none}}@media (width<37.5rem){._panel_rfaxi_2{block-size:100dvh;max-block-size:none;inline-size:100%;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;padding-block-start:env(safe-area-inset-top);padding-block-end:env(safe-area-inset-bottom);inset:0}._minimize_rfaxi_244{display:none}._pill_rfaxi_181{inset-inline:var(--space-2);max-inline-size:none;inset-block-end:calc(var(--space-2) + env(safe-area-inset-bottom))}}@media (forced-colors:active){._panel_rfaxi_2,._pill_rfaxi_181{border:2px solid canvastext}._statusMark_rfaxi_84{forced-color-adjust:none;background:currentColor}}}