:root{font-family:Arial,Helvetica,system-ui,sans-serif;color:#172b45;background:#f5f7fb;font-synthesis:none;--ink:#172b45;--blue:#2366e8;--muted:#697b90;--line:#d9dfeb;--surface:#fff;--tonal:#e9e3ef}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}[hidden]{display:none!important}button,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid #979aa6;border-radius:28px;padding:12px 23px;background:transparent;color:var(--blue);font-weight:600;line-height:1.35;transition:background .15s,box-shadow .15s}button:hover{background:#2366e80c}button:active{background:#2366e81c}button:disabled{color:#9299a8;border-color:#e0e1e7;background:#e2e3e8;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #84a9fa;outline-offset:3px}.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.primary:hover{background:#1758d1}.text-button{border-color:transparent;padding:10px 13px}.danger{color:var(--blue)}.icon-button{padding:0;width:36px;height:36px;display:grid;place-items:center;border:0;font-size:28px;font-weight:400;flex-shrink:0}.app-shell{display:flex;min-height:100dvh}.sidebar{width:232px;flex:0 0 232px;background:var(--ink);color:#fff;padding:24px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.brand{font-size:23px;font-weight:700;letter-spacing:-.4px;white-space:nowrap}.computer-name{font-weight:600;font-size:17px;margin-top:12px}.tagline{color:#b0c1d9;margin:8px 0 40px;letter-spacing:.3px}.side-nav{display:flex;flex-direction:column;gap:8px}.nav-item{color:#fff;text-align:left;border:0;border-radius:10px;width:100%;padding:17px 12px;white-space:nowrap}.nav-item:hover{background:#ffffff0e}.nav-item.active{background:var(--blue)}.sidebar-footer{margin-top:auto;padding-top:40px;color:#b0c1d9;font-size:13px;line-height:1.6}.sidebar-footer small{font-size:11px;font-weight:600;letter-spacing:.4px}.sidebar-footer p{margin:8px 0}.sidebar-version{font-size:11px;color:#93a9c5}main{min-width:0;flex:1;padding:36px;max-width:1600px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px}.page-header h1{font-size:32px;line-height:1.2;margin:0;font-weight:700;letter-spacing:-.5px;outline:none}.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}#lang{color:var(--blue);border:0;background:transparent;padding:10px 5px;font-weight:600}.version-badge,.subtle-badge{display:inline-block;border-radius:28px;background:#e8eefa;color:var(--blue);padding:9px 16px;white-space:nowrap}.subtle-badge{font-size:13px;padding:6px 12px}.status-line{display:flex;align-items:flex-start;gap:9px;margin:0 0 28px;min-height:24px;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#97a4b6;flex-shrink:0;margin-top:7px}.status-dot.connected{background:#2c925e}.page-intro{margin:0 0 24px;max-width:1040px;font-size:17px;color:var(--ink)}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-actions{margin-bottom:26px}h2{font-size:23px;font-weight:600;margin:0 0 18px;line-height:1.3}h3{font-size:20px;font-weight:600;margin:0 0 8px;line-height:1.4}.section-title{margin-bottom:22px}.panel{background:#fff;border-radius:16px;padding:24px;margin:0 0 22px}.device-card{background:var(--tonal);padding:24px;max-width:1280px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.card-heading h2{margin:0}.card-heading h3{font-size:23px}.connected-label{display:flex;align-items:center;gap:7px;font-size:14px;margin:12px 0 0}.connected-label .status-dot{margin-top:0}.permission-line{display:flex;align-items:flex-start;gap:12px;margin:24px 0 22px}.permission-line strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}.grant-check{height:21px;width:21px;border-radius:2px;display:grid;place-items:center;flex-shrink:0;background:#3276ee;color:#fff;font-size:18px;line-height:1;margin-top:3px}.muted{color:var(--muted);font-size:14px;line-height:1.6}.permission-line p{margin:2px 0}.shared-folder{display:flex;align-items:center;gap:12px;margin:16px 0;overflow-wrap:anywhere}.shared-folder span:nth-child(2){flex:1}.empty-state{padding:38px 24px;background:#edf0f6;color:var(--muted);text-align:center}.empty-state h3{color:var(--ink);font-size:19px}.empty-state p{font-size:15px;max-width:540px;margin:8px auto 18px}.empty-icon{color:#8c9db2;width:48px;height:48px;margin-bottom:14px}.help-details{color:var(--muted);font-size:14px;max-width:1050px;margin:22px 0}.help-details summary{cursor:pointer;color:var(--blue);padding:8px 0}.help-details p{margin:10px 0;line-height:1.7}.destination-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;margin:0 0 18px}.destination-line strong{overflow-wrap:anywhere}.folder-field{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:10px;padding:15px 18px;margin:16px 0}.folder-field>div{min-width:0}.folder-field label{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.folder-field strong{display:block;font-weight:500;overflow-wrap:anywhere}.folder-field button{flex-shrink:0}.backup-card{max-width:1050px}.backup-progress-block{margin:24px 0 8px}.backup-progress-block p{font-size:14px;overflow-wrap:anywhere}progress{width:100%;height:7px;accent-color:var(--blue);border:0;border-radius:5px;overflow:hidden;background:#e4e9f3}progress::-webkit-progress-bar{background:#e4e9f3;border-radius:5px}progress::-webkit-progress-value{background:var(--blue);border-radius:5px}#transfer-name{overflow-wrap:anywhere}#metrics{margin:12px 0}#downloads:empty{display:none}#downloads a{display:block;margin:10px 0;color:var(--blue);overflow-wrap:anywhere}.activity-log{list-style:none;padding:0;margin:0}.activity-log li{display:grid;grid-template-columns:70px 1fr;gap:14px;border-bottom:1px solid #e7ebf2;padding:15px 0;font-size:14px;overflow-wrap:anywhere}.activity-log li:last-child{border:0}.activity-log time{color:var(--muted);font-size:12px}.app-dialog{border:1px solid #dce0e7;border-radius:16px;padding:0;color:var(--ink);background:#fcfaff;box-shadow:0 24px 70px #172b4533;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);margin:auto}.app-dialog::backdrop{background:#172b4538}.app-dialog[open]{display:flex;flex-direction:column}.dialog-heading{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #e2deea;flex-shrink:0}.dialog-heading h2{margin:0;font-size:21px}.dialog-content{padding:8px 24px 18px;overflow:auto}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #e2deea;padding:17px 24px;flex-shrink:0;font-size:13px}.pairing-dialog{width:900px}.pairing-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:24px 0}.pairing-step{min-width:0}.pairing-step h3{font-size:17px;margin:12px 0}.step-number{display:grid;place-items:center;width:30px;height:30px;background:#e8eefa;color:var(--blue);border-radius:50%;font-weight:600}.pairing-step label{display:block;font-size:13px;color:var(--muted)}textarea{width:100%;resize:vertical;min-height:100px;height:110px;font:12px/1.5 ui-monospace,SFMono-Regular,monospace;border:1px solid #bfc7d8;border-radius:8px;background:#fff;padding:12px;margin:8px 0 12px;color:var(--ink)}textarea:focus{outline:2px solid #8eb2fa;outline-offset:1px}.verification-box{background:#eee9f4;border-radius:10px;padding:16px 20px}.verification-box h3{font-size:17px}.verification-box p{margin:6px 0}.code{font:600 27px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;overflow-wrap:anywhere;color:var(--blue)}.code:empty{display:none}.file-dialog{width:1280px;height:860px}.browser-content{display:flex;flex-direction:column;min-height:0;flex:1;padding:18px 24px}.browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.gallery-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gallery-tools select{padding:9px 12px;background:#fff;border:1px solid #cbd2df;border-radius:8px;color:var(--blue);max-width:200px;font-size:14px}#breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0;min-width:0}#breadcrumbs button{border:0;padding:8px 12px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#breadcrumbs button+button:before{content:"›";color:#8b99ad;margin-right:16px}.preparation-line{display:flex;align-items:center;gap:8px;font-size:13px}.preparation-line:has(#photo-preparation:empty){display:none}.file-columns{display:none;background:#e8e1ee;font-size:14px;font-weight:600;color:var(--blue);padding:17px 18px 17px 80px;grid-template-columns:minmax(0,1fr) 180px 100px;gap:14px;flex-shrink:0}.browser-content:has(.rtc-list) .file-columns{display:grid}#listing{flex:1;min-height:120px;overflow:auto;overscroll-behavior:contain;padding:4px 0}.rtc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-content:start}.rtc-tile{min-width:0;text-align:center;border-radius:8px;padding:6px}.rtc-tile>span{display:block;overflow-wrap:anywhere;font-size:14px;margin-top:8px;cursor:pointer}.photo-thumb{display:block;width:100%;aspect-ratio:1;padding:0;margin:0;background:transparent;border:0;border-radius:8px;overflow:hidden;font-size:44px;font-weight:400}.photo-thumb:hover{background:#e8eefa}.photo-thumb img{width:100%;height:100%;object-fit:contain}.photo-thumb svg{width:42px;height:42px}.rtc-grid[data-photo=true]{gap:0}.rtc-grid[data-photo=true] .rtc-tile{padding:0;border-radius:0}.rtc-grid[data-photo=true] .photo-thumb{border-radius:0}.rtc-grid[data-photo=true] .photo-thumb img{object-fit:cover}.file-modified,.file-size{display:none}.rtc-list .rtc-tile{display:grid;grid-template-columns:48px minmax(0,1fr) 180px 100px;gap:14px;align-items:center;text-align:left;border-radius:0;border-bottom:1px solid #d6d1dd;padding:9px 18px}.rtc-list .photo-thumb{width:44px;height:44px;aspect-ratio:auto;font-size:24px}.rtc-list .photo-thumb svg{width:24px;height:24px}.rtc-list .rtc-tile>span{margin:0;color:var(--blue);font-size:15px}.rtc-list .file-modified,.rtc-list .file-size{display:block;color:#596478;font-size:13px}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:#080a0e;color:#fff;padding:12px;margin:0}.photo-viewer[open]{display:flex;flex-direction:column}.photo-viewer>button{align-self:flex-end;border-color:#697b90;color:#fff}.photo-viewer p{font-size:14px}.photo-surface{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none}.photo-surface img{position:absolute;width:100%;height:100%;object-fit:contain;transform-origin:center;pointer-events:none}.photo-surface img.original{transition:opacity .15s}.photo-viewer::backdrop{background:#000}@media(min-width:1800px){main{padding:40px 48px}}@media(max-width:1050px){.sidebar{width:210px;flex-basis:210px;padding:24px 18px}main{padding:28px 24px}.version-badge{padding:8px 12px;font-size:14px}.header-actions{gap:8px}.page-header h1{font-size:28px}.folder-field button{padding:11px 16px}}@media(max-width:700px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:18px 18px 12px}.brand{font-size:21px}.computer-name{position:absolute;right:18px;top:20px;font-size:13px;margin:0}.tagline{font-size:13px;margin:4px 0 16px}.side-nav{flex-direction:row;gap:4px;overflow:auto}.nav-item{width:auto;flex-shrink:0;font-size:13px;padding:11px 12px}.sidebar-footer{display:none}main{padding:24px 18px}.page-header{align-items:flex-start;gap:12px}.page-header h1{font-size:25px}.version-badge{display:none}.header-actions{flex-shrink:0}#lang{padding:3px;font-size:14px}.page-intro{font-size:15px}.status-line{font-size:12px;margin-bottom:22px}.panel,.device-card{padding:20px}.card-heading h3{font-size:20px}.actions button{font-size:14px;padding:11px 17px}.folder-field{padding:14px;align-items:flex-start;flex-direction:column;gap:12px}.folder-field button{width:100%}.folder-field strong{font-size:15px}.backup-card .card-heading{flex-wrap:wrap}.pairing-columns{grid-template-columns:1fr;gap:24px}.app-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.dialog-heading,.dialog-footer{padding:14px 16px}.dialog-heading h2{font-size:18px}.dialog-content,.browser-content{padding:14px 16px}.dialog-footer{flex-wrap:wrap}.dialog-footer>.muted{font-size:12px}.pairing-dialog .dialog-footer>.muted{display:none}.code{font-size:21px}.browser-toolbar{align-items:flex-start;flex-direction:column}.gallery-tools select{font-size:12px}.rtc-grid{gap:6px}.rtc-tile{padding:3px}.rtc-tile>span{font-size:11px}.rtc-list .rtc-tile{grid-template-columns:34px minmax(0,1fr) 66px;gap:8px;padding:8px 2px}.rtc-list .photo-thumb{width:32px;height:32px}.rtc-list .file-modified{display:none}.rtc-list .file-size{font-size:11px}.rtc-list .rtc-tile>span{font-size:13px}.file-columns{padding:12px 2px 12px 44px;grid-template-columns:minmax(0,1fr) 66px;gap:8px;font-size:12px}.file-columns span:nth-child(2){display:none}.activity-log li{grid-template-columns:55px 1fr;gap:8px}.file-dialog .dialog-footer .actions{justify-content:flex-end;width:100%}.file-dialog .dialog-footer button{font-size:12px;padding:10px 14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.task-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e8eefa;border-radius:12px;padding:16px 20px;margin-bottom:22px;max-width:1280px}.task-summary>div{flex:1;min-width:0}.task-summary strong{font-size:14px}.task-summary p{font-size:13px;margin:4px 0 8px;overflow-wrap:anywhere}.task-summary button{flex-shrink:0;font-size:13px}@media(max-width:700px){.task-summary{padding:14px;gap:8px}.task-summary button{padding:8px;font-size:12px}}.browser-footer-context{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.browser-footer-context span{font-size:12px}#offer-qr{width:100%;max-width:520px;height:auto;aspect-ratio:1;background:#fff}#qr-camera{width:100%;max-height:320px}.qr-pages{display:flex;align-items:center;justify-content:center;gap:12px}.schedule-card{margin:24px 0;padding:20px;border:1px solid #dce0e7;border-radius:12px}.schedule-card label{display:block;margin-top:12px}.schedule-card input,.schedule-card select{max-width:100%;padding:10px;margin:6px 0 14px}.schedule-row{padding:14px 0;border-top:1px solid #dce0e7}.schedule-row p{overflow-wrap:anywhere}.pairing-columns{grid-template-columns:1fr}.pairing-step>summary{cursor:pointer;color:#606975;font-size:14px}.pairing-step canvas{display:block;margin:0 auto}.pairing-step canvas[hidden]{display:none}#offer-qr{width:min(100%,360px,calc(100dvh - 330px));max-width:360px;min-width:160px}#pairing-dialog .dialog-content{padding:18px}#pairing-dialog .pairing-columns{gap:0}#pairing-dialog .dialog-footer[hidden],#pairing-dialog [hidden]{display:none!important}#pairing-dialog{max-width:440px}#pairing-status{text-align:center;margin:8px 0 0}