.rivet-app{z-index:300;border:var(--border-width-default,1px) solid var(--color-border-primary,#d6dbe2);background:var(--color-surface-primary,#fff);border-radius:4px;flex-direction:column;animation:.2s rivet-app-in;display:flex;position:absolute;inset:0;overflow:hidden}.rivet-app .rivet-app__bar{align-items:center;gap:var(--spacing-xs,8px);height:52px;padding:0 var(--spacing-xs,8px) 0 var(--spacing-md,16px);border-bottom:var(--border-width-default,1px) solid var(--color-border-secondary,#e4e7ec);flex-shrink:0;display:flex}.rivet-app .rivet-app__icon{width:16px;height:16px;color:var(--color-interactive-primary,#2a5adf);flex-shrink:0}.rivet-app .rivet-app__name{font-size:var(--font-size-body,14px);font-weight:var(--font-weight-medium,500);color:var(--color-text-primary,#101828);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rivet-app .rivet-app__host{background:var(--color-surface-secondary,#f6f7f9);min-width:0;font-family:var(--font-code);font-size:var(--font-size-xs,12px);color:var(--color-text-tertiary,#667085);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:2px 10px;overflow:hidden}.rivet-app .rivet-app__spacer{flex:1}.rivet-app .rivet-app__btn{border:var(--border-width-default,1px) solid var(--color-border-secondary,#e4e7ec);background:var(--color-surface-primary,#fff);height:28px;color:var(--color-text-primary,#101828);font-family:var(--font-body);font-size:var(--font-size-small,13px);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 10px;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.rivet-app .rivet-app__btn:hover{border-color:var(--color-interactive-primary,#2a5adf);color:var(--color-interactive-primary,#2a5adf)}.rivet-app .rivet-app__btn svg{width:13px;height:13px}.rivet-app .rivet-app__frame{background:#fff;border:0;flex:1;width:100%}@keyframes rivet-app-in{0%{opacity:0}to{opacity:1}}.rivet-app.rivet-pc .rivet-pc__status{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium,500);white-space:nowrap;background:var(--color-surface-secondary,#f6f7f9);color:var(--color-text-tertiary,#667085);border-radius:999px;padding:2px 10px}.rivet-app.rivet-pc .rivet-pc__status--driving{background:var(--color-interactive-primary,#2a5adf);color:#fff}.rivet-app.rivet-pc .rivet-pc__status--yours{background:var(--color-warning-surface,#fff4e5);color:var(--color-warning-text,#b54708)}.rivet-app.rivet-pc .rivet-pc__doing{min-width:0;font-size:var(--font-size-xs,12px);color:var(--color-text-tertiary,#667085);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rivet-app.rivet-pc .rivet-pc__error{padding:6px var(--spacing-md,16px);font-size:var(--font-size-small,13px);color:var(--color-error-text,#b42318);background:var(--color-error-surface,#fef3f2)}.rivet-app.rivet-pc .rivet-pc__stage{cursor:default;background:#000;outline:none;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.rivet-app.rivet-pc .rivet-pc__stage--yours{box-shadow:inset 0 0 0 2px var(--color-warning-text,#b54708)}.rivet-app.rivet-pc .rivet-pc__screen{flex-shrink:0;position:relative}.rivet-app.rivet-pc .rivet-pc__wait{color:#fff;font-size:var(--font-size-small,13px);opacity:.8;position:absolute}.rivet-app.rivet-pc .rivet-pc__mark{border:2px solid var(--color-interactive-primary,#2a5adf);pointer-events:none;opacity:0;z-index:2;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute}.rivet-app.rivet-pc .rivet-pc__mark--on{animation:.9s ease-out rivet-pc-click}@keyframes rivet-pc-click{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}