:root{font-family:Inter,"Segoe UI","Noto Sans JP",Meiryo,sans-serif;color:#282738;background:#f6f7fb;font-synthesis:none;--purple:#7455eb;--muted:#8a899b;--line:#ececf2}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b9a6ff;outline-offset:4px}[hidden]{display:none!important}.sidebar{width:238px;min-width:238px;background:#fff;border-right:1px solid var(--line);padding:33px 22px;display:flex;flex-direction:column;position:fixed;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-1px}.beta{font-size:8px;color:#8e77d0;letter-spacing:1px;background:#f0ebfe;padding:4px;border-radius:4px;margin-left:-4px}.nav-caption{font-size:10px;color:#a3a1af;letter-spacing:1px;margin:51px 12px 16px}.nav-item{display:flex;align-items:center;gap:12px;font-size:12px;padding:14px 12px;border-radius:8px;color:#8a889a;margin-bottom:8px}.nav-item.active{background:#f0ebff;color:#7455d8;font-weight:700}.nav-icon{font-size:20px;line-height:20px}.nav-dot{height:6px;width:6px;background:#8666ee;border-radius:50%;margin-left:auto}.arrow{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:22px 12px 0}.secure-mark{display:flex;align-items:center;justify-content:center;background:#f5f2ff;color:var(--purple);width:34px;height:34px;border-radius:10px;font-size:26px;margin-bottom:16px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom p{color:#9a97a8;font-size:11px;line-height:1.9}.version{border-top:1px solid var(--line);margin-top:27px;padding-top:19px;font-size:10px;color:#aaa7b5;display:flex;justify-content:space-between}main{margin-left:238px;width:calc(100% - 238px)}.topbar{height:80px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 43px;font-size:11px;color:#9793a7}.topbar strong{color:#625c74;font-weight:500}.topbar span{margin:0 13px}.server-state{display:flex;align-items:center}.server-state span{margin:0 0 0 7px;color:#747384;font-size:10px}.server-state i{background:#b3b0bc;width:6px;height:6px;border-radius:50%}.server-state i.online{background:#48ac8e}.content{max-width:1500px;padding:45px 43px 0;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#9485b9;font-weight:700;margin-bottom:13px}h1{font-size:27px;letter-spacing:-.9px;line-height:1.5;margin:0;font-weight:700}.page-heading p{font-size:12px;color:#908b9f;margin:10px 0 0;line-height:1.8}.browser-badge{font-size:10px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:9px 13px;color:#868190}.workspace-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.card{background:#fff;border:1px solid #e9e8f1;border-radius:14px;box-shadow:0 3px 7px #26204402}.connection{padding:26px 24px}.card-heading{display:flex;align-items:center;gap:11px}h2{font-size:14px;font-weight:650;margin:0}.step-mark{border-radius:8px;background:#f2eeff;color:#8062dd;font-size:11px;font-weight:700;padding:8px}.muted{color:var(--muted)}.intro{font-size:11px;line-height:1.9;margin:17px 0 24px}label{display:block;font-size:11px;font-weight:600;margin:19px 0 9px}.input-wrap{display:flex;align-items:center;border:1px solid #e4e1ec;border-radius:7px;background:#fdfcfe;padding:0 11px;gap:9px;height:44px}.input-wrap:focus-within{border-color:#9d85f3;box-shadow:0 0 0 3px #f1edff}.input-wrap span{color:#a6a0b7;font-size:18px}input{min-width:0;width:100%;border:0;outline:none;background:transparent;color:#4a435c;font-size:11px}input::placeholder{color:#b7b0c3}.field-note{font-size:9px;color:#a19aaa;margin:8px 0 23px}.primary{border:0;border-radius:7px;background:var(--purple);color:white;width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:25px;font-size:11px;font-weight:600;box-shadow:0 5px 12px #7655ed20}.primary:hover{background:#6445db}.primary span{font-size:17px}.consent-note{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;align-items:flex-start}.consent-note span{color:#a596c7;font-size:19px}.consent-note p{font-size:9px;line-height:1.9;color:#a09aac;margin:0}.viewer{overflow:hidden}.viewer-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--line)}.viewer-toolbar>div{display:flex;align-items:center;gap:11px}.viewer-toolbar h2{font-size:12px}.display-icon{color:#9b93ab;font-size:19px}.status-pill{color:#a7a1b2;background:#f5f4f8;border:1px solid #eceaf1;font-size:9px;padding:4px 9px;border-radius:5px}.status-pill.connected{color:#368c74;background:#eefaf4;border-color:#d7eee3}.status-pill.pending{color:#9b7b2d;background:#fff9e7;border-color:#f7ebc8}.icon-button{border:0;background:none;color:#9e98ab;font-size:22px;padding:4px}.screen-stage{height:374px;background-color:#fbfbfd;background-image:radial-gradient(#d8d4e340 .8px,transparent .8px);background-size:17px 17px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.empty-state{text-align:center;padding:15px}.device-art{width:184px;height:161px;position:relative;margin:0 auto 11px}.orbit{position:absolute;border-radius:50%;border:1px solid #eeebf7;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:156px;height:156px}.orbit-two{width:205px;height:205px;border-color:#f3f0fa}.phone-art{position:absolute;left:49px;top:11px;width:85px;height:142px;background:linear-gradient(150deg,#fff,#f6f2ff);border:2px solid #c8bce9;border-radius:16px;transform:rotate(-9deg);box-shadow:5px 10px 25px #7052b015;display:flex;align-items:center;flex-direction:column;padding-top:34px}.phone-notch{position:absolute;top:8px;width:24px;height:4px;background:#d9d0ee;border-radius:3px}.phone-art img{border-radius:12px;opacity:.85}.phone-line{margin-top:14px;width:41px;height:4px;background:#e4ddf4;border-radius:4px}.phone-line.short{margin-top:6px;width:26px}.floating-signal{position:absolute;right:12px;top:27px;background:white;color:#9679e5;border:1px solid #eee8fa;box-shadow:0 5px 13px #7f63b310;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:23px;transform:rotate(7deg)}.floating-dot{position:absolute;left:19px;bottom:22px;width:11px;height:11px;border-radius:50%;background:#d3c6f5;border:3px solid white;box-shadow:0 0 0 1px #eee8fa}.empty-state h3{font-size:14px;font-weight:600;margin:20px 0 10px}.empty-state p{color:#a29bae;font-size:10px;line-height:1.9;margin:0;max-width:330px;overflow-wrap:anywhere}.waiting-indicator{display:inline-flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1.1px;color:#ada5ba;margin-top:20px}.waiting-indicator i{width:4px;height:4px;background:#c6bbdc;border-radius:50%}.viewer-footer{height:43px;padding:0 21px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#a59daf;font-size:9px}.viewer-footer>div{display:flex;align-items:center;gap:6px}.live-dot{width:5px;height:5px;border-radius:50%;background:#bdb5cb}.live-dot.connected{background:#40b18d}.guide{margin-top:36px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:13px}.section-heading>span{font-size:10px;color:#aaa3b5}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-grid article{border:1px solid #e9e7ef;border-radius:10px;padding:21px 17px;display:flex;gap:14px;background:#fafafe}.guide-number{background:#eeebf6;color:#9b8bae;font-size:11px;font-weight:700;min-width:26px;height:26px;display:grid;place-items:center;border-radius:7px}.guide-grid h3{font-size:11px;margin:2px 0 9px;font-weight:600}.guide-grid p{font-size:9px;line-height:1.9;color:#a39baa;margin:0}.page-footer{border-top:1px solid #e8e5ee;margin-top:37px;padding:22px 0;display:flex;justify-content:space-between;font-size:9px;color:#aca5b6;align-items:center}.page-footer>span{display:flex;align-items:center;gap:8px}.page-footer img{opacity:.45;filter:grayscale(.5)}.page-footer b{font-weight:400;color:#c8c1d1;margin:0 3px}.message{margin-top:16px;padding:13px 18px;border-radius:9px;background:#eee9fc;color:#7256a5;font-size:12px;line-height:1.7}.message.error{background:#fff0f1;color:#b34a60}.session-details{padding-top:18px;margin-top:20px;border-top:1px solid var(--line)}.session-details>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin:12px 0}.session-details span{color:#9990a6}.session-details strong{overflow-wrap:anywhere;font-weight:600}#verification{font-size:18px;letter-spacing:3px;color:var(--purple)}#screen{max-width:100%;max-height:100%;object-fit:contain;touch-action:none;user-select:none;cursor:crosshair}.screen-stage.sharing{height:540px;background:#161520}.control-bar{display:flex;padding:11px 16px;gap:8px;border-top:1px solid var(--line)}.control-bar button,.text-bar button{border:1px solid #e9e3f2;border-radius:6px;background:#fff;color:#77618c;padding:7px 11px;font-size:12px}.control-bar button span{font-size:10px}.control-spacer{flex:1}.control-bar .danger{color:#bd546a;background:#fff7f8;border-color:#f5dde4}.text-bar{display:flex;gap:10px;padding:0 16px 13px}.text-bar input{border:1px solid var(--line);border-radius:6px;padding:10px}.text-bar button{white-space:nowrap;font-size:10px}.viewer:fullscreen{background:#191724;display:flex;flex-direction:column}.viewer:fullscreen .screen-stage{flex:1;height:auto}.viewer:fullscreen .viewer-toolbar,.viewer:fullscreen .control-bar,.viewer:fullscreen .viewer-footer,.viewer:fullscreen .text-bar{background:#fff}@media(min-width:1550px){.screen-stage{height:425px}.connection{padding:30px}.workspace-grid{grid-template-columns:350px 1fr}}@media(max-width:1180px){.sidebar{width:200px;min-width:200px;padding:28px 15px}main{margin-left:200px;width:calc(100% - 200px)}.brand{font-size:20px;gap:8px}.beta{display:none}.content{padding:34px 26px 0}.topbar{padding:0 26px}.workspace-grid{grid-template-columns:290px minmax(0,1fr);gap:18px}.browser-badge{display:none}h1{font-size:24px}.guide-grid{gap:12px}.guide-grid article{padding:16px 12px;gap:9px}.guide-grid br{display:none}}@media(max-width:900px){.sidebar{width:74px;min-width:74px;padding:25px 17px}.brand{font-size:0}.brand img{min-width:34px}.nav-caption,.sidebar-bottom,.nav-dot,.arrow{display:none}.nav-item{font-size:0;padding:12px 9px;margin-top:22px}.nav-icon{font-size:22px}main{margin-left:74px;width:calc(100% - 74px)}.workspace-grid{grid-template-columns:260px 1fr}.connection{padding:23px 18px}.guide-grid{grid-template-columns:1fr}.guide-grid article{padding:16px}.guide-grid p br{display:none}.page-footer>span:last-child{display:none}}@media(max-width:700px){.sidebar{display:none}main{width:100%;margin:0}.topbar{height:60px;padding:0 20px;font-size:10px}.topbar span{margin:0 7px}.server-state span{font-size:9px}.content{padding:28px 20px 0}h1{font-size:22px}.page-heading{margin-bottom:23px}.page-heading p{font-size:10px}.workspace-grid{grid-template-columns:1fr}.connection{padding:22px}.intro br{display:none}.screen-stage{height:350px}.section-heading>span{display:none}.page-footer{margin-top:25px}.guide{margin-top:28px}}
:root{scroll-behavior:smooth}.downloads{margin-top:28px;padding:24px}.downloads h2{font-size:14px}.downloads p{font-size:11px;color:#8a809a;line-height:1.8}.download-links{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.download-links a{font-size:11px;padding:10px 14px;border:1px solid #ded5ef;border-radius:7px;background:#f8f5ff;color:#7455bb}.download-links a:hover{background:#eee7ff}.downloads .download-note{font-size:10px}.keyboard-hint{font-size:10px;color:#9585a5;padding:0 17px;line-height:1.8}#screen:focus-visible{outline:3px solid #a288ff;outline-offset:-3px}#desktop-controls{display:flex;gap:6px;flex-wrap:wrap}.control-bar{flex-wrap:wrap}
.connection-method{display:flex;gap:6px;padding:4px;background:#f4f1fc;border-radius:8px}.connection-method button{flex:1;border:0;border-radius:6px;background:transparent;color:#8a7e9c;font-size:11px;padding:9px}.connection-method button[aria-pressed="true"]{background:white;color:#7455eb;box-shadow:0 2px 5px #39216812}#connection-id{font-size:18px;letter-spacing:2px}#connection-password{letter-spacing:2px}