.flow-controls{border:1px solid var(--line);border-radius:21px;background:var(--paper);padding:18px;margin-bottom:25px}.flow-states{display:flex;gap:8px;flex-wrap:wrap}.flow-states button{font-size:12px;border-radius:30px;padding:9px 14px}.flow-states button.selected{background:var(--accentSoft);border-color:var(--accent);font-weight:700}.flow-start{display:flex;align-items:center;gap:18px;margin-top:17px;padding-top:17px;border-top:1px dashed var(--line)}.flow-start small{font-size:11px;max-width:450px}.flow-start button{font-size:12px}.paired-screens{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.paired-side{border:1px solid var(--line);border-radius:22px;overflow:hidden;min-width:0;background:var(--surface);display:flex;flex-direction:column}.paired-side>header{padding:18px;display:flex;align-items:center;gap:12px;background:var(--soft);flex-wrap:wrap}.side-number{font-size:11px;background:var(--peach);padding:10px;border-radius:10px}.paired-side header h2{font-size:15px;margin:0}.paired-side header p{font-size:11px;margin:3px 0 0}.paired-side header .badge{margin-left:auto;font-size:9px}.paired-side>footer{margin-top:auto;padding:6px 15px;justify-content:flex-end}.paired-side footer button{font-size:11px}.flow-event{display:flex;align-items:start;gap:18px;padding:20px 23px;margin-top:22px;background:var(--accentSoft);border-radius:16px;font-size:12px}.flow-event strong{white-space:nowrap}.host-desktop{position:relative;min-height:620px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 0 100%,#389694 0 30%,transparent 31%),linear-gradient(125deg,#164854,#30828b);color:#fff}.host-share-strip{position:relative;z-index:2;padding:13px 20px;display:flex;align-items:center;gap:12px;background:#173a31;color:#e4f8e8;font-size:12px;border-bottom:2px solid #9cddbc}.host-share-strip .status-dot{--accent:#9cddbc;--surface:#173a31;--soft:#305749}.share-timer{margin-left:auto;font-size:10px}.sample-desktop-content{position:relative;padding:35px 30px;display:flex;align-items:start;gap:35px;color:#fff;min-height:280px}.desktop-folder{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0}.desktop-folder>svg{width:40px;height:40px;fill:#ffcd7a;stroke:#ffcd7a}.desktop-folder small{font-size:10px;color:#fff}.sample-document{width:420px;max-width:85%;background:#fffdf7;color:#203e3a;border-radius:12px;padding:20px;box-shadow:0 12px 30px #0003}.sample-document .row{font-size:12px}.sample-document p{font-size:12px;color:#587078;margin:20px 0 0}.document-lines{display:flex;flex-direction:column;gap:10px;margin:18px 0}.document-lines i{display:block;height:7px;background:#dfe5d8;border-radius:3px;width:90%}.document-lines i:nth-child(2){width:70%}.document-lines i:nth-child(4){width:45%}.sample-document>span{color:#587078;font-size:10px}.host-session-widget{position:relative;margin:0 22px 65px auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:18px;width:320px;box-shadow:0 15px 45px #0004;z-index:3}.widget-brand{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px dashed var(--line);padding-bottom:10px;margin-bottom:15px}.widget-brand>span:first-child{display:flex;align-items:center;gap:8px;font-size:13px}.widget-brand svg{width:40px;height:30px}.widget-brand .badge{font-size:9px}.host-session-widget h3{font-size:16px;margin-bottom:3px}.host-session-widget>small{font-size:11px}.widget-permission{display:flex;gap:9px;align-items:center;margin:15px 0;font-size:10px;color:var(--muted)}.widget-permission svg{width:19px;height:19px}.widget-actions{display:flex;gap:8px}.widget-actions button{font-size:11px;padding:9px 11px;min-height:37px}.host-taskbar{position:absolute;bottom:0;left:0;right:0;display:flex;gap:17px;justify-content:space-between;align-items:center;padding:12px 18px;background:#12313e;color:#fff;font-size:11px}.host-taskbar>span:first-child{display:flex;gap:17px}.host-taskbar svg{width:20px;height:20px}.host-taskbar small{color:#c9e9de;font-size:10px}.host-permission-details{border:1px solid var(--line);border-radius:17px;margin-top:20px;padding:18px 22px;background:var(--surface)}.host-permission-details summary{cursor:pointer;font-size:13px;font-weight:600}.host-permission-details .permission-grid{margin-top:20px}.host-desktop.compact{border:0;border-radius:0;min-height:510px}.compact .host-share-strip{padding:10px 13px;font-size:10px}.compact .share-timer{display:none}.compact .sample-desktop-content{padding:20px 16px;gap:15px;min-height:200px}.compact .desktop-folder svg{width:28px;height:28px}.compact .sample-document{padding:15px;width:330px;max-width:80%}.compact .sample-document p{margin-top:12px}.compact .document-lines{gap:7px;margin:12px 0}.compact .host-session-widget{width:270px;padding:14px;margin:0 15px 65px auto}.compact .widget-brand{margin-bottom:10px}.compact .host-session-widget h3{font-size:14px}.compact .host-taskbar small{display:none}.viewer-desktop{display:flex;flex-direction:column;min-height:510px;background:var(--soft)}.viewer-session-tools{display:flex;gap:12px;align-items:center;padding:9px 14px;font-size:11px;background:var(--surface)}.viewer-session-tools>span{font-size:9px;color:var(--accent);margin-left:auto}.viewer-session-tools button{font-size:10px;min-height:30px;padding:5px 10px}.viewer-tool-icons{display:flex;align-items:center;gap:16px;padding:13px 16px;border-block:1px solid var(--line);background:var(--paper)}.viewer-tool-icons svg{width:18px;height:18px}.viewer-tool-icons span{font-size:10px;color:var(--muted)}.viewer-screen{flex:1;position:relative;background:radial-gradient(ellipse at 0 100%,#389694 0 30%,transparent 31%),linear-gradient(125deg,#164854,#30828b);min-height:340px}.viewer-screen .sample-desktop-content{padding:25px 16px;gap:15px;min-height:0}.viewer-screen .sample-document{padding:15px;max-width:80%}.viewer-screen .desktop-folder svg{width:28px;height:28px}.viewer-remote-taskbar{position:absolute;bottom:0;width:100%;padding:11px 15px;background:#12313e;display:flex;gap:15px;align-items:center;color:white;font-size:10px}.viewer-remote-taskbar svg{width:18px;height:18px}.viewer-remote-taskbar span{margin-left:auto}.viewer-caption{padding:14px 16px;font-size:10px;background:var(--surface);color:var(--muted)}.pair-notice,.pair-wait{padding:40px 30px;text-align:center;min-height:510px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pair-notice h3,.pair-wait h3{font-size:23px;margin:19px 0 12px}.pair-notice p,.pair-wait p{font-size:13px;max-width:380px;line-height:1.8}.notice-symbol{display:grid;place-items:center;width:65px;height:65px;border-radius:22px;background:var(--peach);font-size:34px;color:var(--ink)}.notice-symbol.rejected{color:var(--danger)}.notice-symbol.ended{background:var(--accentSoft)}.pair-note-id{border-block:1px dashed var(--line);padding:15px 8px;font-size:11px;color:var(--muted);margin:8px 0 23px}.pair-wait>svg{width:140px}.countdown{display:block;font-size:12px;color:var(--muted);margin:17px 0}.countdown b{font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}.pair-request{padding:30px;min-height:510px}.pair-request h3{font-size:24px;margin:25px 0 8px}.pair-request>p{font-size:12px}.pair-request-permissions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.connection-scenario-links{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:35px;border-top:1px dashed var(--line);padding-top:20px}.connection-scenario-links strong{font-size:12px;margin-right:10px}.connection-scenario-links button{font-size:11px}.home-flow-link{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:28px;padding:20px 24px;border:1px dashed var(--line);border-radius:20px;background:var(--paper)}.home-flow-link strong{font-size:14px;display:block}.home-flow-link small{display:block;margin-top:5px;font-size:11px}.home-flow-link button{font-size:12px}.timeout-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;max-width:1050px;margin:35px auto}.timeout-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--island);padding:30px;border-radius:25px}.timeout-illustration>svg{width:200px;max-width:100%}.timeout-illustration>.speech-tag{transform:rotate(-6deg);margin-top:15px}.session-perspective{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px}.session-perspective button{font-size:11px}
@media(max-width:1100px){.paired-screens{grid-template-columns:1fr}.paired-side header .badge{margin-left:auto}.host-desktop.compact{min-height:530px}.compact .sample-document{max-width:70%;width:400px}.compact .host-session-widget{width:300px}.viewer-screen .sample-document{width:400px}.paired-side .sample-desktop-content{padding:25px;gap:25px}.viewer-screen{min-height:360px}.pair-notice,.pair-wait,.pair-request{min-height:420px}.pair-request-permissions{display:grid;grid-template-columns:1fr 1fr}.timeout-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:700px){.flow-start{flex-direction:column;align-items:start}.flow-event{flex-direction:column;gap:7px}.home-flow-link{align-items:start;flex-direction:column}.timeout-layout{grid-template-columns:1fr}.timeout-illustration{padding:20px;flex-direction:row;gap:15px}.timeout-illustration>svg{width:110px}.session-perspective{flex-wrap:wrap}.host-share-strip{font-size:10px;padding:12px}.host-share-strip .share-timer{display:none}.sample-desktop-content{padding:25px 15px;gap:15px}.sample-document{padding:15px}.sample-document>span{font-size:9px}.desktop-folder{display:none}.host-session-widget{max-width:calc(100% - 30px);margin-right:15px}.host-desktop{min-height:590px}.pair-request-permissions{grid-template-columns:1fr}}
@media(max-width:440px){.flow-states button{font-size:10px;padding:8px 10px}.flow-controls{padding:14px}.paired-side>header{padding:15px;gap:9px}.paired-side header h2{font-size:13px}.paired-side header .badge{margin-left:40px}.pair-request,.pair-notice,.pair-wait{padding:24px 18px}.pair-request h3{font-size:22px}.compact .host-session-widget{max-width:calc(100% - 24px);margin-right:12px}.host-share-strip{gap:8px}.host-share-strip strong{font-size:10px}.viewer-tool-icons{gap:10px}.viewer-tool-icons span{font-size:9px}.paired-side .sample-desktop-content{padding:20px 12px}.sample-document,.compact .sample-document,.viewer-screen .sample-document{max-width:100%}.host-taskbar small{display:none}.host-taskbar{font-size:10px}.connection-scenario-links{align-items:stretch}.connection-scenario-links strong{width:100%}.connection-scenario-links button{font-size:10px}.flow-event strong{white-space:normal}}