:root{color-scheme:light;--ink:#15283c;--muted:#6f7e8e;--blue:#2864eb;--line:#e7edf3;--bg:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{max-width:1240px;margin:auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:22px;color:var(--blue);text-decoration:none;display:flex;gap:10px;align-items:center}.brand span{font-size:17px;color:var(--ink)}.private,.hint{color:var(--muted);font-size:12px;line-height:1.7}main{max-width:1240px;margin:auto;padding:24px 40px 30px}.intro{margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:2.7px;color:var(--blue);font-weight:700}h1{font-size:42px;letter-spacing:-1.5px;margin:14px 0}h2{font-size:21px;letter-spacing:-.5px;margin:10px 0 26px}.intro>p:last-child{color:var(--muted);font-size:16px}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 50px #18395105}.connection{padding:30px}.step-label{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--muted)}label{display:block;font-size:13px;margin-bottom:10px}input{width:100%;border:1px solid #dbe3ec;border-radius:10px;padding:13px;font:inherit;margin-bottom:14px}input:focus{outline:2px solid #b8d0ff;border-color:var(--blue)}button{font:inherit;cursor:pointer;border:0;transition:background .15s}button:disabled{opacity:.42;cursor:default}.primary{background:var(--blue);color:white;border-radius:11px;padding:13px 18px;font-weight:600}.primary:hover:enabled{background:#1b51ce}.primary span{font-size:11px;opacity:.65;margin-left:9px;font-weight:400}.connection .primary{width:100%}.quiet{background:#f1f4f8;color:#42546a;border-radius:10px;padding:12px 16px}.connection .quiet{width:100%;margin-top:20px}.privacy-note{margin-top:32px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:center}.privacy-note>span{color:#40a68b;font-size:28px}.privacy-note p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.qr-wrap{background:white;border:1px solid var(--line);padding:10px;border-radius:14px;display:flex;justify-content:center}canvas{max-width:100%;height:auto}#pairHelp{font-size:13px;line-height:1.8;margin-top:18px}.pill{display:inline-block;font-size:11px;padding:7px 10px;border-radius:20px;background:#eff5ff;color:var(--blue)}.pill.online{background:#e9f8f0;color:#268158}.photos{padding:30px}.photo-header{display:flex;justify-content:space-between;align-items:center}.count{font-size:12px;color:var(--muted);background:#f4f6f9;border-radius:8px;padding:6px 10px}.preview{height:350px;border-radius:16px;background:#f6f8fb;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #eef1f6}#empty{text-align:center;padding:24px}#empty h3{font-size:16px;font-weight:500;margin-top:24px}#empty p{font-size:12px;line-height:1.8;color:var(--muted)}.paper-icon{font-size:64px;color:#8daae1}#photo{width:100%;height:100%;object-fit:contain;padding:12px}.photo-actions{padding:20px 0 6px}.buttons{display:flex;gap:10px;margin-top:14px;justify-content:flex-end}.gallery{display:flex;gap:10px;overflow:auto;margin-top:18px}.thumb{flex:0 0 68px;height:76px;background:#f5f7fa;border:2px solid transparent;border-radius:9px;padding:3px}.thumb.selected{border-color:var(--blue)}.thumb img{width:100%;height:100%;object-fit:contain}.text-button{color:var(--muted);background:none;font-size:12px;padding:14px 0 0}#status{min-height:24px;font-size:13px;color:var(--blue);line-height:1.7}#status.error{color:#bb4444}footer{display:flex;justify-content:space-between;font-size:11px;color:#8b98a5;padding-top:12px}footer a{color:inherit;text-decoration:none;margin-left:20px}.mobile{display:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #98b9ff;outline-offset:3px}.document{max-width:760px;background:white;padding:36px;border-radius:20px;line-height:1.9}.document h1{font-size:28px}.document h2{margin-top:28px;margin-bottom:12px}.document li{margin:8px 0}@media(max-width:850px){.workspace{grid-template-columns:260px minmax(0,1fr);gap:16px}.connection,.photos{padding:20px}.primary span{display:none}header,main{padding-left:22px;padding-right:22px}.preview{height:310px}}@media(max-width:650px){.workspace{grid-template-columns:1fr}.connection{max-width:none}.qr-wrap{max-width:240px;margin:auto}.intro h1{font-size:34px}.private{display:none}main{padding-top:8px}.preview{height:320px}footer{gap:16px;flex-direction:column}footer a{margin:0 20px 0 0}}
.thumb{position:relative;flex-basis:76px;height:100px}.thumb-view{width:100%;height:70px;background:transparent;padding:0}.thumb input{width:16px;height:16px;margin:4px;display:block}.buttons{flex-wrap:wrap}dialog{max-width:95vw;max-height:95vh;border:0;border-radius:16px;padding:20px;overflow:auto}dialog::backdrop{background:#15283caa}#largePhoto{display:block;max-width:none;margin:20px auto}#closeViewer{position:sticky;top:0;z-index:1}.phone-main{max-width:540px}.phone-main .card{padding:24px;margin-bottom:20px}.phone-main .primary,.phone-main .quiet{display:block;width:100%;margin:12px 0;text-align:center;text-decoration:none}.phone-main input[type=file]{padding:12px 0;border:0}.phone-list{padding:0;list-style:none}.phone-list li{padding:12px 0;border-bottom:1px solid var(--line)}.phone-list img{width:48px;height:48px;object-fit:cover;vertical-align:middle;margin-right:10px}.phone-main h1{font-size:30px}
.toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:1000;max-width:calc(100vw - 32px);width:max-content;padding:15px 22px;border-radius:13px;background:#17683f;color:#fff;font-size:15px;line-height:1.6;box-shadow:0 8px 32px #10203033;pointer-events:none}.toast.error{background:#a43232}#reconnect{margin-top:18px}