@layer components{.rc [hidden]{display:none!important}.rc{--rc-muted:color-mix(in oklab, var(--color-ink) 72%, var(--color-white));--rc-scale:1;--rc-frame:#1c232b;--rc-edge:#6b7580;--rc-silver:#c9ced3}.rc-shell{gap:1.5rem;display:grid}.rc-form{gap:.6rem;display:grid}.rc-form__label{font-weight:700}.rc-form__row{gap:.75rem;display:grid}@media (width>=640px){.rc-form__row{grid-template-columns:minmax(0,1fr) auto}}.rc-url{position:relative}.rc-url__icon{color:var(--color-slate);pointer-events:none;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.rc-url input{border:1px solid color-mix(in oklab, var(--color-ink) 28%, var(--color-white));border-radius:var(--radius-compact);background:var(--color-white);width:100%;min-height:3.25rem;color:var(--color-ink);font:inherit;padding:.75rem 1rem .75rem 2.9rem;font-size:1rem}.rc-url input:focus-visible{border-color:var(--color-navy-700);outline:3px solid color-mix(in oklab, var(--color-navy-700) 35%, var(--color-white));outline-offset:1px}.rc-url input[aria-invalid=true]{border-color:#b42318}.rc-form__row .btn{justify-content:center;min-height:3.25rem}.rc-form__row .btn:disabled{cursor:progress;opacity:.75}.rc-form__hint{color:var(--rc-muted);margin:0;font-size:.9rem}.rc-form__error{color:#b42318;margin:0;font-weight:600}.rc-bar{border-top:1px solid var(--color-line);gap:.75rem;padding-top:1.25rem;display:grid}@media (width>=900px){.rc-bar{grid-template-columns:auto auto;justify-content:space-between;align-items:center}}.rc-devices,.rc-seg{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-cloud);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.25rem;padding:.25rem;display:grid}.rc-devices{border-radius:var(--radius-compact)}@media (width>=640px){.rc-devices{border-radius:var(--radius-pill)}}.rc-tools{flex-wrap:wrap;gap:.75rem;display:flex}.rc-opt{display:flex;position:relative}.rc-opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.rc-opt__face{border-radius:var(--radius-pill);min-height:44px;color:var(--color-ink);text-align:center;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.4rem .95rem;font-size:.9rem;font-weight:600;line-height:1.2;transition:background-color .18s,color .18s;display:flex}.rc-devices .rc-opt__face{border-radius:calc(var(--radius-compact) - 4px)}@media (width<=639px){.rc-devices .rc-opt__face{flex-direction:column;gap:.25rem;padding:.5rem .35rem;font-size:.8rem}}@media (width>=640px){.rc-devices .rc-opt__face{border-radius:var(--radius-pill)}}.rc-opt__face svg{flex:none}.rc-opt:hover .rc-opt__face{background:color-mix(in oklab, var(--color-mist) 80%, var(--color-white))}.rc-opt input:checked+.rc-opt__face{background:var(--color-navy-800);color:var(--color-white)}.rc-opt input:focus-visible+.rc-opt__face{outline:3px solid color-mix(in oklab, var(--color-navy-700) 55%, var(--color-white));outline-offset:2px}.rc-stage{border:1px solid var(--color-line);border-radius:var(--radius-compact);background:radial-gradient(circle at 50% 0%, var(--color-white), transparent 70%), var(--color-paper);place-items:center;min-height:12rem;padding:clamp(.75rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.rc-fit{position:relative}.rc-dev{transform-origin:0 0;width:max-content;transition:opacity .28s;position:absolute;top:0;left:0}.rc-dev.is-entering{opacity:0}.rc-screen{background:var(--color-white);position:relative;overflow:hidden}.rc-view{background:var(--color-white);position:absolute;overflow:hidden}.rc-frame{background:var(--color-white);border:0;width:100%;height:100%;display:block}.rc-shot{width:100%;height:auto;display:block}.rc-band{z-index:2;background:var(--color-white);width:100%;color:var(--color-ink);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", var(--font-sans);font-weight:600;position:absolute;top:0;left:0}.rc-battery{opacity:.9;border:2px solid;border-radius:6px;display:inline-block;position:relative}.rc-battery:after{content:"";background:currentColor;border-radius:2px;position:absolute;inset:2px 18% 2px 2px}.rc-dev--phone{background:var(--rc-frame);box-shadow:inset 0 0 0 2px #3a434d, 0 0 0 4px var(--rc-edge), 0 0 0 5px #8f98a2, 0 40px 70px -30px #071a2c73;border-radius:76px;padding:16px}.rc-dev--phone .rc-screen{border-radius:60px}.rc-dev--phone .rc-band{justify-content:space-between;align-items:center;padding:0 34px 0 52px;font-size:21px;display:flex}.rc-island{background:#000;border-radius:20px;width:126px;height:37px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.rc-sys{align-items:center;gap:6px;display:inline-flex}.rc-dev--phone .rc-sys svg{width:22px;height:22px}.rc-dev--phone .rc-battery{width:32px;height:16px}.rc-home{z-index:3;pointer-events:none;background:#17212b8c;border-radius:3px;width:150px;height:6px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.rc-dev--phone.is-landscape .rc-band{justify-content:center;padding:0}.rc-dev--phone.is-landscape .rc-time,.rc-dev--phone.is-landscape .rc-sys{display:none}.rc-dev--phone.is-landscape .rc-island{width:37px;height:126px;top:50%;left:12px;transform:translateY(-50%)}.rc-btn{background:var(--rc-edge);border-radius:3px;position:absolute}.rc-dev--phone.is-portrait .rc-btn--action{width:5px;height:60px;top:200px;left:-8px}.rc-dev--phone.is-portrait .rc-btn--vol-up{width:5px;height:96px;top:290px;left:-8px}.rc-dev--phone.is-portrait .rc-btn--vol-down{width:5px;height:96px;top:405px;left:-8px}.rc-dev--phone.is-portrait .rc-btn--power{width:5px;height:150px;top:320px;right:-8px}.rc-dev--phone.is-portrait .rc-btn--camera{width:5px;height:110px;top:640px;right:-8px}.rc-dev--phone.is-landscape .rc-btn--action{width:60px;height:5px;top:-8px;left:200px}.rc-dev--phone.is-landscape .rc-btn--vol-up{width:96px;height:5px;top:-8px;left:290px}.rc-dev--phone.is-landscape .rc-btn--vol-down{width:96px;height:5px;top:-8px;left:405px}.rc-dev--phone.is-landscape .rc-btn--power{width:150px;height:5px;bottom:-8px;left:320px}.rc-dev--phone.is-landscape .rc-btn--camera{width:110px;height:5px;bottom:-8px;left:640px}.rc-dev--tablet{background:var(--rc-frame);box-shadow:inset 0 0 0 2px #3a434d, 0 0 0 4px var(--rc-silver), 0 0 0 5px #9aa2aa, 0 50px 80px -40px #071a2c66;border-radius:58px;padding:30px}.rc-dev--tablet .rc-screen{border-radius:28px}.rc-dev--tablet .rc-band{justify-content:space-between;align-items:center;padding:0 26px;font-size:14px;display:flex}.rc-dev--tablet .rc-battery{width:26px;height:13px}.rc-cam{background:#0d1116;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:inset 0 0 0 2px #2a333d}.rc-dev--tablet.is-landscape .rc-cam{top:10px;left:50%;transform:translate(-50%)}.rc-dev--tablet.is-portrait .rc-cam{top:50%;right:10px;transform:translateY(-50%)}.rc-dev--laptop{flex-direction:column;align-items:center;display:flex}.rc-lid{box-shadow:0 0 0 3px var(--rc-silver), 0 0 0 4px #9aa2aa;background:#0d1116;border-radius:30px 30px 6px 6px;padding:18px 18px 26px}.rc-dev--laptop .rc-screen{border-radius:12px 12px 2px 2px}.rc-dev--laptop .rc-band{grid-template-rows:26px 46px;display:grid}.rc-menubar{background:color-mix(in oklab, var(--color-cloud) 80%, var(--color-white));align-items:center;gap:18px;padding:0 18px;font-size:13px;display:flex}.rc-apple-dot{background:var(--color-ink);border-radius:50%;width:13px;height:13px}.rc-menu-item--light{word-spacing:12px;font-weight:500}.rc-menu-clock{margin-left:auto;font-weight:500}.rc-notch{background:#0d1116;border-radius:0 0 12px 12px;width:190px;height:32px;position:absolute;top:0;left:50%;transform:translate(-50%)}.rc-toolbar{border-bottom:1px solid var(--color-line);background:var(--color-warm-white);align-items:center;gap:18px;padding:0 18px;display:flex}.rc-lights{gap:8px;display:inline-flex}.rc-lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.rc-lights i:nth-child(2){background:#febc2e}.rc-lights i:nth-child(3){background:#28c840}.rc-address{background:var(--color-cloud);width:460px;color:var(--color-slate);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:9px;margin:0 auto;padding:6px 14px;font-size:14px;font-weight:500;overflow:hidden}.rc-base{background:linear-gradient(180deg, #e3e6e9 0%, var(--rc-silver) 45%, #9aa2aa 100%);border-radius:2px 2px 26px 26px;width:calc(100% + 180px);height:26px;position:relative;box-shadow:0 34px 50px -26px #071a2c73}.rc-base__lip{background:#a7aeb5;border-radius:0 0 12px 12px;width:220px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.rc-placeholder,.rc-blocked{place-content:center;justify-items:center;gap:calc(14px / var(--rc-scale));width:100%;height:100%;padding:calc(20px / var(--rc-scale));background:linear-gradient(180deg, var(--color-white), var(--color-cloud));color:var(--color-ink);text-align:center;display:grid}.rc-placeholder__card{border:2px dashed var(--color-line);background:var(--color-white);border-radius:28px;gap:18px;width:min(70%,520px);padding:28px;display:grid}.rc-placeholder__logo{background:var(--color-mist);border-radius:18px;width:64px;height:64px}.rc-placeholder__line,.rc-placeholder__block{background:var(--color-cloud);border-radius:9px;height:18px}.rc-placeholder__line--short{width:60%}.rc-placeholder__block{border-radius:16px;height:120px}.rc-placeholder__text,.rc-blocked__text{max-width:90%;color:var(--rc-muted);font-size:min(calc(15px / var(--rc-scale)), 48px);margin:0;line-height:1.5}.rc-blocked__title{font-size:min(calc(19px / var(--rc-scale)), 60px);margin:0;font-weight:700}.rc-overlay{z-index:5;background:color-mix(in oklab, var(--color-white) 72%, transparent);place-content:center;justify-items:center;gap:.75rem;display:grid;position:absolute;inset:0}.rc-overlay__text{border-radius:var(--radius-pill);background:var(--color-white);box-shadow:var(--shadow-lift);margin:0;padding:.5rem 1rem;font-weight:600}.rc-spinner{border:3px solid var(--color-line);border-top-color:var(--color-navy-700);border-radius:50%;width:2rem;height:2rem;animation:.9s linear infinite rc-spin}@keyframes rc-spin{to{transform:rotate(360deg)}}.rc-info{gap:.35rem;display:grid}.rc-info__device{margin:0;font-weight:700}.rc-info__mode{color:var(--rc-muted);margin:0}.rc-info__mode:empty{display:none}.rc-actions{flex-wrap:wrap;gap:0 1.5rem;display:flex}.rc-message{background:var(--color-mist);border-radius:12px;margin:.25rem 0 0;padding:.75rem 1rem;line-height:1.5}.rc-message[data-kind=error]{background:var(--color-warm-white);border:1px solid #b42318}@media (prefers-reduced-motion:reduce){.rc-dev,.rc-opt__face{transition:none}.rc-spinner{border-right-color:var(--color-navy-700);animation:none}}}