.rc-container{box-sizing:border-box;isolation:isolate;touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.rc-phone-frame{z-index:30;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block;position:relative}.rc-phone-frame-ios{z-index:10}.rc-video{z-index:20;pointer-events:none;cursor:none;object-fit:contain;object-position:center center;background-color:#000;outline:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.rc-video-frameless{max-width:100%;max-height:100%;position:relative;top:auto;left:auto;transform:none}.rc-video-loading{aspect-ratio:9/19.5}.rc-touch-indicator{z-index:40;pointer-events:none;will-change:transform,left,top;background:#ffffff59;border:2px solid #fff9;border-radius:50%;width:40px;height:40px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000059}.rc-retry-button{z-index:50;color:#111827;font:inherit;cursor:pointer;background:#ffffffeb;border:0;border-radius:9999px;padding:10px 16px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0003}.rc-retry-button:hover{background:#fff}.rc-retry-button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.rc-terminated{z-index:50;text-align:center;max-width:240px;font:inherit;color:#111827;background:#ffffffeb;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0003}.rc-terminated-title{font:inherit;font-weight:600}.rc-terminated-message{font:inherit;color:#6b7280;font-size:.8125rem;line-height:1.3}.rc-duo-view{position:absolute;inset:0}.rc-duo-mode{z-index:3;background:#fff;border:1px solid #d9dde4;border-radius:10px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;right:16px}.rc-duo-mode button{color:#29313e;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 13px;font:12px system-ui}.rc-duo-mode button[aria-pressed=true]{color:#fff;background:#202b3c}.rc-duo-flat-stage{flex:1;min-height:160px;margin-top:48px;position:relative}.rc-duo-flat-device{transform-origin:50%;flex:none;position:absolute;top:50%;left:50%}.rc-duo-flat-frame{pointer-events:none;filter:drop-shadow(0 5px 6px #17202e1c);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rc-duo-flat-screen{touch-action:none;background:#090b0d;outline:none;position:absolute;overflow:hidden}.rc-duo-flat-screen video,.rc-duo-flat-screen canvas{pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.rc-duo-flat-stage[data-folding=true]>.rc-duo-flat-device,.rc-duo-flat-stage[data-folding=true]>.rc-duo-hardware{visibility:hidden;pointer-events:none}.rc-duo-fold-hold{pointer-events:none;position:absolute;top:50%;left:50%}.rc-duo-fold-still{position:relative}.rc-duo-fold-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.rc-duo-fold-canvas,.rc-duo-fold-hold{display:none}.rc-duo-flat-stage[data-folding=true]>.rc-duo-flat-device{visibility:visible}}.rc-duo .rc-duo-physical{z-index:2;touch-action:none;border-radius:0;padding:0;position:absolute}.rc-duo-physical[data-edge=top]{transform:translate(-50%,-100%)}.rc-duo-physical[data-edge=right]{transform:translateY(-50%)}.rc-duo-physical span{box-sizing:border-box;pointer-events:none;background:linear-gradient(#747d83,#fafcfb 32%,#afb5b9 64%,#636b70);border:1px solid #7d8387;border-radius:2px;transition:transform .11s;display:block;position:absolute;box-shadow:0 .5px 1px #0004}.rc-duo-physical[data-edge=top] span{bottom:0;left:50%;transform:translate(-50%)}.rc-duo-physical[data-edge=right] span{background:linear-gradient(90deg,#747d83,#fafcfb 32%,#afb5b9 64%,#636b70);top:50%;left:0;transform:translateY(-50%)}.rc-duo-physical[data-edge=top][data-highlighted=true] span,.rc-duo-physical[data-edge=top]:focus-visible span{transform:translate(-50%,-2px)}.rc-duo-physical[data-edge=right][data-highlighted=true] span,.rc-duo-physical[data-edge=right]:focus-visible span{transform:translate(2px,-50%)}.rc-duo-physical[data-edge=top][data-pressed=true] span{transform:translate(-50%,.5px)}.rc-duo-physical[data-edge=right][data-pressed=true] span{transform:translate(-.5px,-50%)}.rc-duo{color:#29313e;background:radial-gradient(at 50% 40%,#fff,#e8ebee);border-radius:16px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.rc-duo-stage{touch-action:none;outline:none;flex:1;width:100%;min-height:160px;margin-top:48px;position:relative}.rc-duo-stage canvas{touch-action:none;width:100%;height:100%;display:block}.rc-duo .rc-duo-hardware{z-index:1;color:#73777c;opacity:0;pointer-events:none;place-items:center;width:44px;height:44px;padding:0;transition:opacity .12s,color .1s;display:grid;position:absolute;transform:translate(-50%,-50%)}.rc-duo .rc-duo-hardware[data-visible=true],.rc-duo .rc-duo-hardware:focus-visible{opacity:1;pointer-events:auto}.rc-duo .rc-duo-hardware svg{width:var(--duo-hardware-icon-size,24px);height:var(--duo-hardware-icon-size,24px);transform:translate(var(--duo-hardware-icon-x,0px),var(--duo-hardware-icon-y,0px))}.rc-duo .rc-duo-hardware:hover,.rc-duo .rc-duo-hardware:focus-visible,.rc-duo .rc-duo-hardware[data-pressed=true]{color:#007aff}.rc-duo-controls{box-sizing:border-box;background:#ffffffe0;border:1px solid #d9dde4;border-radius:16px;flex:none;align-self:center;width:min(540px,100% - 40px);margin:0 20px 20px;padding:12px;font:12px system-ui,sans-serif;box-shadow:0 6px 25px #13203610}.rc-duo-hinge,.rc-duo-views{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rc-duo-hinge{flex-wrap:nowrap;gap:8px}.rc-duo-hinge input{accent-color:#34435b;flex:1;width:100%;min-width:30px}.rc-duo-hinge output{font-variant-numeric:tabular-nums;min-width:32px}.rc-duo button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:7px 10px}.rc-duo-hinge .rc-duo-fold{color:#fff;background:#202b3c;flex:none;min-width:65px}.rc-duo-views{gap:2px;min-height:29px;margin-top:8px;font-size:11px}.rc-duo-views button{padding:6px 8px}.rc-duo-view-label{color:#77808d;padding:6px 8px}.rc-duo .rc-duo-rotate{border:1px solid #d9dde4;justify-content:center;align-items:center;padding:7px;display:flex}.rc-duo button:disabled{cursor:default;opacity:.5}.rc-duo-views button[aria-pressed=true]{background:#e5eaf0}.rc-duo button:focus-visible,.rc-duo input:focus-visible{outline-offset:2px;outline:2px solid #4275c3}.rc-duo-error{color:#9c2e26;background:#fff0ee;border-radius:8px;padding:10px;font:13px system-ui;position:absolute;top:16px;left:16px;right:16px}.rc-duo .rc-duo-lock{border:1px solid #d3dae3;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.rc-duo-stage[data-position-locked=false] canvas{cursor:grab}.rc-duo-stage[data-position-locked=false] canvas:active{cursor:grabbing}.rc-duo.rc-duo-frameless{background:0 0;border-radius:0}.rc-duo-frameless .rc-duo-flat-stage{min-height:0;margin-top:0}.rc-inspect-overlay{z-index:25;pointer-events:none;position:absolute;overflow:hidden}.rc-inspect-overlay-select{pointer-events:auto}.rc-inspect-box{box-sizing:border-box;cursor:pointer;pointer-events:none;font:inherit;color:inherit;background:#40a9ff0f;border:1px solid #40a9ff8c;border-radius:2px;outline:none;margin:0;padding:0;transition:border-color 80ms,border-width 80ms,background-color 80ms;position:absolute}.rc-inspect-overlay-select .rc-inspect-box{pointer-events:auto}.rc-inspect-box-disabled{opacity:.55}.rc-inspect-box[data-highlighted=true]{z-index:1;background:#ffc51c29;border-width:1.5px;border-color:#ffc51cf2}.rc-inspect-box[data-selected=true]{z-index:2;background:#007aff38;border-width:2px;border-color:#007aff}.rc-inspect-card{z-index:2147483600;pointer-events:auto;color:#f5f5f7;-webkit-backdrop-filter:blur(8px);scrollbar-width:thin;background:#16181ef7;border:1px solid #ffffff1a;border-radius:10px;min-width:200px;max-width:260px;max-height:220px;padding:9px 11px 11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:1.4;position:fixed;overflow-y:auto;box-shadow:0 12px 36px #0006,inset 0 1px #ffffff0a}.rc-inspect-card-header{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:4px;display:flex}.rc-inspect-card-role{text-transform:uppercase;letter-spacing:.06em;color:#f5f5f78c;white-space:nowrap;font-size:10px;font-weight:600;display:inline-block}.rc-inspect-card-tag{text-transform:uppercase;letter-spacing:.05em;color:#f5f5f7b3;background:#ffffff14;border:1px solid #ffffff0f;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:600}.rc-inspect-card-tag-blue{color:#8cc3ff;background:#0a84ff2e;border-color:#0a84ff73}.rc-inspect-card-title{color:#fff;word-break:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 7px;font-size:12.5px;font-weight:600;display:-webkit-box;overflow:hidden}.rc-inspect-card-row{color:#f5f5f7b8;align-items:baseline;gap:6px;min-width:0;margin:1px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10.5px;display:flex}.rc-inspect-card-row-label{color:#f5f5f76b;flex-shrink:0;font-weight:500}.rc-inspect-card-row-value{word-break:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:auto;min-width:0;display:-webkit-box;overflow:hidden}.rc-inspect-card-actions{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:9px;display:flex}.rc-inspect-card-btn{appearance:none;color:#f5f5f7;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500;transition:background-color .1s,border-color .1s,color .1s}.rc-inspect-card-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.rc-inspect-card-btn:active:not(:disabled){background:#ffffff29}.rc-inspect-card-btn:disabled{opacity:.4;cursor:not-allowed}.rc-inspect-card-btn-primary{color:#fff;background:#007affd9;border-color:#007affe6}.rc-inspect-card-btn-primary:hover:not(:disabled){background:#0a84ff;border-color:#0a84ff}.rc-inspect-card-btn-copied{color:#9ff0b2;background:#30d15838;border-color:#30d1588c}@font-face{font-family:Space Grotesk;font-weight:600;src:url(/demo/assets/space-grotesk-semibold-DjqJml4C.ttf)format("truetype")}:root{--ink:#1b2531;--muted:#66717c;--paper:#fff;--grouped:#f0f3f7;--accent:#254fd4;--accent-pressed:#1f42b3;--highlight:#e8edfc;--separator:#dce1e8;--quiet:#5f6a75;color:var(--ink);background:var(--grouped);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45}body{margin:0}.page{box-sizing:border-box;grid-template-columns:minmax(320px,580px) auto;grid-template-areas:"brand device""guide device";justify-content:center;align-items:start;gap:24px 64px;padding:32px 20px;display:grid}.brand{grid-area:brand;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;display:flex}.guide{grid-area:guide}.app-icon{border-radius:22.5%;display:block;box-shadow:0 0 0 .5px #0000001f}h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:600;line-height:1.15}.lede{margin:12px 0 16px}.listing{color:inherit;background:var(--paper);border-radius:16px;align-items:center;gap:14px;margin-bottom:32px;padding:12px 16px 12px 12px;text-decoration:none;display:flex}.listing:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.listing-text{flex-direction:column;flex:1;display:flex}.listing-name{font-weight:600}.listing-meta{color:var(--muted);font-size:14px}.get{box-sizing:border-box;min-width:76px;height:32px;color:var(--paper);background:var(--accent);border-radius:16px;place-items:center;padding:0 16px;font-size:15px;font-weight:700;display:grid}.listing:hover .get{background:var(--accent-pressed)}.steps{counter-reset:step;flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:step;padding-left:40px;position:relative}.steps li:before{content:counter(step);color:var(--accent);font-family:Space Grotesk,sans-serif;font-weight:600;position:absolute;top:0;left:0}.steps p{margin:0}.steps li>*+*{margin-top:12px}.steps b,.closing b{font-weight:600}.quiet{color:var(--quiet)}.caption{color:var(--muted);font-size:14px}.closing{border-top:1px solid var(--separator);margin:28px 0 0;padding-top:16px}.links{border-top:1px solid var(--separator);align-items:center;gap:20px;min-height:44px;margin-top:16px;padding-top:8px;font-size:15px;display:flex}a{color:var(--accent)}.device{grid-area:device;justify-content:center;display:flex;position:sticky;top:32px}.phone{aspect-ratio:1308/2710;max-width:100%;height:min(100vh - 64px,900px);position:relative}.phone-frame{width:100%;height:100%;display:block}.picker{background:var(--paper);border-radius:14px;padding:12px 12px 10px}.picker-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 4px 8px;display:flex}.picker-label,.picker-hint,.picker-error{margin:0}.picker-label{font-weight:600}.picker-hint,.picker-error{color:var(--quiet);font-size:14px}.picker-error{margin:6px 4px 0}.paintings{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:4px;display:grid}button.painting{background:0 0;border:2px solid #0000;border-radius:6px;min-height:0;padding:2px;display:block}button.painting:hover:enabled{background:0 0;border-color:#c4d0f4}button.painting:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.painting:disabled{background:0 0}button.painting[aria-busy=true]{border-color:var(--accent);opacity:1}.painting img{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%;height:auto;display:block}.upload{align-items:center;gap:14px;display:flex}.upload-status:empty{display:none}.upload-status{color:var(--muted);font-size:14px}.launch{color:var(--paper);flex-direction:column;justify-content:center;gap:16px;padding:0 16%;display:flex;position:absolute;inset:0}.status{text-align:center;text-wrap:balance;margin:0}.or{color:#ffffff8c;align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.or:before,.or:after{content:"";background:#ffffff38;flex:1;height:1px}.screen-qr{justify-content:center;align-items:center;gap:12px;display:flex}.screen-qr svg{border-radius:8px;flex:none;display:block}.screen-qr p{max-width:130px;margin:0;font-size:14px;line-height:1.35}.code{flex-direction:column;gap:8px;font-size:15px;font-weight:600;display:flex}input{font:inherit;border:1px solid #8793a2;border-radius:12px;padding:12px 14px}input:focus{outline:2px solid var(--accent);border-color:var(--accent)}button{font:inherit;min-height:50px;color:var(--paper);background:var(--accent);cursor:pointer;border:0;border-radius:25px;font-weight:600}button:hover{background:var(--accent-pressed)}button:disabled{opacity:.6;cursor:default}button.secondary{min-height:44px;color:var(--accent);background:var(--paper);border:1px solid var(--separator);padding:0 24px}button.text{min-height:44px;color:var(--accent);background:0 0;margin-left:auto;padding:0}@media (width<=900px){.page{grid-template-columns:1fr;grid-template-areas:"brand""guide""device";gap:32px}.device{position:static}}