.fail-detail{margin-top:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-sm);background:var(--bg-danger)}.fail-line{font-size:var(--fs-small);color:var(--c-danger-700);margin:0;word-break:break-all}.fail-detail .hint{margin-top:var(--sp-2)}:root{--c-primary-700: #1D4ED8;--c-primary-600: #2563EB;--c-primary-500: #3B82F6;--c-primary-100: #DBEAFE;--c-primary-050: #EFF6FF;--c-success-700: #15803D;--c-success-600: #16A34A;--c-success-050: #F0FDF4;--c-danger-700: #B91C1C;--c-danger-600: #DC2626;--c-danger-050: #FEF2F2;--c-warn-700: #B45309;--c-warn-600: #D97706;--c-warn-050: #FFFBEB;--c-gray-900: #0F172A;--c-gray-700: #334155;--c-gray-500: #64748B;--c-gray-400: #94A3B8;--c-gray-300: #CBD5E1;--c-gray-200: #E2E8F0;--c-gray-100: #F1F5F9;--c-gray-050: #F8FAFC;--bg-page: var(--c-gray-050);--bg-page-connected: #F5F8FF;--bg-card: #fff;--bg-subtle: var(--c-gray-100);--bg-info: var(--c-primary-050);--bg-success: var(--c-success-050);--bg-danger: var(--c-danger-050);--bg-warn: var(--c-warn-050);--text-primary: var(--c-gray-900);--text-secondary: var(--c-gray-700);--text-muted: var(--c-gray-500);--text-disabled: var(--c-gray-400);--text-on-primary: #fff;--border-default: var(--c-gray-200);--border-strong: var(--c-gray-300);--border-focus: var(--c-primary-500);--accent: var(--c-primary-600);--accent-hover: var(--c-primary-700);--accent-soft: var(--c-primary-100);--status-wait: var(--c-gray-500);--status-doing: var(--c-primary-600);--status-done: var(--c-success-600);--status-fail: var(--c-danger-600);--status-warn: var(--c-warn-600);--dot-wait: var(--c-gray-400);--dot-doing: var(--c-primary-500);--dot-done: var(--c-success-600);--dot-fail: var(--c-danger-600);--dot-warn: var(--c-warn-600);--progress-track: var(--c-gray-200);--progress-fill: var(--c-primary-500);--progress-fill-done: var(--c-success-600);--font-sans: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--fs-display: 20px;--fs-title: 17px;--fs-body: 14px;--fs-small: 13px;--fs-meta: 12px;--fs-code: 24px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 999px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-toast: 0 8px 24px rgba(15, 23, 42, .16);--page-max: 960px;--card-pad: var(--sp-6);--stack-gap: var(--sp-4);--dur-fast: .12s;--dur-base: .2s;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font:var(--fs-body)/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;padding:var(--sp-8) var(--sp-6) var(--sp-8)}body:has(.page[data-connected="1"]){background:var(--bg-page-connected)}h1,h2,p{margin:0}ul{margin:0;padding:0;list-style:none}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--r-sm)}.page{max-width:min(var(--page-max),100%);margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.brand h1{font-size:var(--fs-display);font-weight:600;line-height:1.3;letter-spacing:-.01em}.brand-sub{color:var(--text-muted);font-size:var(--fs-small);margin-top:2px}.status-pill{display:inline-flex;align-items:center;gap:var(--sp-2);height:26px;padding:0 10px;background:var(--bg-subtle);border-radius:var(--r-full);font-size:var(--fs-meta);font-weight:500;color:var(--text-secondary);white-space:nowrap;flex:none}.dot{width:8px;height:8px;border-radius:50%;background:var(--dot-wait);flex:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.status-pill[data-pulse="1"] .dot{animation:pulse 1.2s ease-in-out 3}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--card-pad);margin-bottom:var(--stack-gap)}.card>h2{font-size:var(--fs-title);font-weight:600;margin-bottom:var(--sp-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-4);border-radius:var(--r-sm);border:1px solid transparent;font:500 var(--fs-body)/1 var(--font-sans);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn--primary{background:var(--accent);color:var(--text-on-primary);min-width:120px}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:#fff;border-color:var(--border-strong);color:var(--text-secondary)}.btn--secondary:hover:not(:disabled){background:var(--bg-subtle)}.btn--ghost{height:32px;padding:0 var(--sp-2);background:transparent;color:var(--text-muted);font-size:var(--fs-small)}.btn--ghost:hover:not(:disabled){color:var(--text-secondary);background:var(--bg-subtle)}.btn--danger-text{background:transparent;color:var(--c-danger-600);border-color:var(--border-default)}.btn:disabled{background:var(--c-gray-100);color:var(--text-disabled);border-color:transparent;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--sp-3);font-size:var(--fs-small);min-width:0}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.connect-wait{display:grid;grid-template-columns:168px 1fr;gap:var(--sp-6)}.connect-wait-main{min-width:0}.qr{width:168px;height:168px;border:1px solid var(--border-default);border-radius:var(--r-md);background:#fff;padding:var(--sp-2)}.qr svg{width:100%;height:100%;display:block}.qr[data-expired="1"]{filter:grayscale(1);opacity:.45}.qr-fallback{font-size:var(--fs-meta);color:var(--text-muted);text-align:center;padding-top:40px}.mine-label{color:var(--text-muted);font-size:var(--fs-small)}.code-row{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-2) 0 var(--sp-3);flex-wrap:wrap}.code-display{font-family:var(--font-mono);font-size:var(--fs-code);font-weight:600;letter-spacing:.18em;background:var(--bg-info);color:var(--c-primary-700);padding:6px 12px;border-radius:var(--r-sm);user-select:all;word-break:break-all}.code-display[data-expired="1"]{background:var(--bg-warn);color:var(--text-disabled);text-decoration:line-through}.tag-expired{background:var(--bg-warn);color:var(--c-warn-700);font-size:var(--fs-meta);font-weight:500;padding:2px 6px;border-radius:var(--r-sm);margin-left:var(--sp-2)}.hint{color:var(--text-muted);font-size:var(--fs-small)}.hint--warn{color:var(--status-warn)}.divider{height:1px;background:var(--border-default);margin:var(--sp-5) 0}.pair-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.pair-label{width:72px;color:var(--text-secondary);font-size:var(--fs-small);flex:none}.input{height:40px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);font:500 16px/1 var(--font-mono);letter-spacing:.36em;text-transform:uppercase;width:190px;background:#fff}.input::placeholder{font-family:var(--font-sans);letter-spacing:0;font-size:var(--fs-small);color:var(--text-disabled)}.input[disabled]{background:var(--c-gray-100);color:var(--text-disabled)}.online-box{border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-5);background:#fff}.online-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.online-head .hint{font-size:var(--fs-meta)}.online-empty{margin-top:var(--sp-2)}.online-list{list-style:none;margin:var(--sp-3) 0 0;padding:0}.online-row{display:flex;align-items:center;gap:var(--sp-3);min-height:44px;border-bottom:1px solid var(--border-default)}.online-row:last-child{border-bottom:0}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--dot-done);flex:none}.online-dot[data-busy="1"]{background:var(--dot-warn)}.online-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.online-state{font-size:var(--fs-meta);color:var(--text-muted);flex:none}.inline-box{border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-4);background:#fff}.inline-box--info{background:var(--bg-info);border-color:var(--accent-soft)}.inline-box--warn{background:var(--bg-warn);border-color:#fde68a}.inline-box--danger{background:var(--bg-danger);border-color:#fecaca}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.row-center{display:flex;align-items:center;gap:var(--sp-3)}.row-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.strong{font-weight:500}.title-line{font-size:var(--fs-body);font-weight:500}.suggestions{margin:var(--sp-3) 0 0;padding-left:18px;color:var(--text-secondary);font-size:var(--fs-small);list-style:disc}.suggestions li{margin-top:var(--sp-1)}.notice{margin-top:var(--sp-3);font-size:var(--fs-small);color:var(--text-secondary)}.conn-bar{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.conn-bar .spacer{flex:1}.conn-bar .name{font-weight:500}.conn-bar .name-sep{color:var(--text-muted);font-size:var(--fs-small)}.link-info{margin-top:var(--sp-2);font-size:var(--fs-small);color:var(--text-muted);word-break:break-all}.link-info--warn{color:var(--status-warn)}.name-button{background:none;border:0;padding:0;font:inherit;color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-1)}.name-button:hover{color:var(--accent)}.name-edit{display:inline-flex;align-items:center;gap:var(--sp-2)}.name-edit input{height:32px;width:140px;padding:0 var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);font:var(--fs-body)/1 var(--font-sans)}.err-text{color:var(--c-danger-600);font-size:var(--fs-small)}.drop{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--sp-6);text-align:center;cursor:pointer}.drop:hover{background:var(--bg-subtle)}.drop--over{border-color:var(--accent);background:var(--bg-info)}.drop--invalid{border-color:var(--status-warn);background:var(--bg-warn)}.drop-main{font-size:var(--fs-body);display:flex;align-items:center;justify-content:center;gap:var(--sp-2);flex-wrap:wrap}.drop-hint{font-size:var(--fs-small);color:var(--text-muted);margin-top:var(--sp-2)}.drop-main .mobile-only{display:none}.file-list{margin:var(--sp-4) 0 0;max-height:220px;overflow-y:auto;overflow-x:hidden}.file-row{display:flex;align-items:center;gap:var(--sp-3);min-height:44px;border-bottom:1px solid var(--border-default)}.file-row:last-child{border-bottom:0}.file-row:hover{background:var(--bg-subtle)}.file-icon{width:16px;height:16px;flex:none;color:var(--text-muted)}.file-name{flex:1;min-width:0;font-size:var(--fs-small);background:none;border:0;padding:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:var(--text-primary);font-family:inherit}.file-name[data-expanded="1"]{white-space:normal;word-break:break-all}.file-row[data-limit="1"] .file-name{color:var(--status-warn)}.file-limit{font-size:var(--fs-meta);color:var(--status-warn);white-space:nowrap}.file-size{font-size:var(--fs-meta);color:var(--text-muted);width:72px;text-align:right;flex:none}.summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border-default);flex-wrap:wrap}.summary-text{font-size:var(--fs-small);color:var(--text-secondary)}.summary-note{font-size:var(--fs-meta);color:var(--text-muted);margin-top:2px}.conflict{display:flex;gap:var(--sp-3);align-items:flex-start;margin-bottom:var(--sp-4)}.transfer-list{display:flex;flex-direction:column;gap:var(--sp-4)}.tcard{border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-4);border-left:3px solid var(--accent);background:#fff}.tcard[data-tone=done]{border-left-color:var(--c-success-600)}.tcard[data-tone=fail]{border-left-color:var(--c-danger-600)}.tcard[data-tone=wait]{border-left-color:var(--c-gray-300)}.tcard-head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.tcard-arrow{width:16px;text-align:center;color:var(--text-muted);flex:none}.tcard-title{font-weight:500}.tcard-title .peer{color:var(--text-secondary);font-weight:400}.tcard-status{margin-left:auto;font-size:var(--fs-small);color:var(--status-wait);white-space:nowrap}.tcard-status[data-tone=doing]{color:var(--status-doing)}.tcard-status[data-tone=done]{color:var(--status-done)}.tcard-status[data-tone=fail]{color:var(--status-fail)}.tcard-status[data-tone=warn]{color:var(--status-warn)}.tcard-meta{font-size:var(--fs-meta);color:var(--text-muted);margin-top:var(--sp-2)}.tcard-body{margin-top:var(--sp-3)}.fstatus{display:flex;align-items:center;gap:var(--sp-3);min-height:32px;font-size:var(--fs-small);flex-wrap:wrap}.fstatus .nm{flex:1;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fstatus .sz{width:72px;text-align:right;color:var(--text-muted);font-size:var(--fs-meta);flex:none}.fstatus .st{color:var(--text-muted);font-size:var(--fs-meta);white-space:nowrap;flex:none}.fstatus[data-tone=doing] .st{color:var(--status-doing)}.fstatus[data-tone=done] .st{color:var(--status-done)}.fstatus[data-tone=fail] .st{color:var(--status-fail)}.fstatus[data-tone=warn] .st{color:var(--status-warn)}.progress-wrap{margin:var(--sp-2) 0 var(--sp-1)}.progress{height:6px;border-radius:var(--r-full);background:var(--progress-track);overflow:hidden}.progress>i{display:block;height:100%;border-radius:var(--r-full);background:var(--progress-fill);transition:width var(--dur-base) linear}.progress[data-paused="1"]>i{opacity:.4}.progress[data-done="1"]>i{background:var(--progress-fill-done)}.progress[data-indeterminate="1"]{background:repeating-linear-gradient(115deg,var(--c-gray-200) 0 8px,var(--c-gray-100) 8px 16px);background-size:200% 100%;animation:stripe 2s linear infinite}.progress[data-indeterminate="1"]>i{display:none}@keyframes stripe{0%{background-position:0 0}to{background-position:-64px 0}}.progress-line{display:flex;align-items:center;gap:var(--sp-3)}.progress-line .bar{flex:1}.pct{width:48px;text-align:right;font-size:var(--fs-meta);color:var(--text-secondary);flex:none}.progress-meta{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);font-size:var(--fs-meta);color:var(--text-muted);flex-wrap:wrap}.progress-meta .sep{color:var(--border-strong)}.tcard-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap}.cap-note{background:var(--bg-info);border-radius:var(--r-sm);padding:var(--sp-3);font-size:var(--fs-small);color:var(--text-secondary);margin-top:var(--sp-3)}.cap-note .limit{color:var(--text-muted);font-size:var(--fs-meta);margin-top:2px}.empty{text-align:center;padding:var(--sp-6) 0;color:var(--text-muted);font-size:var(--fs-small)}.empty .big{font-size:var(--fs-body);color:var(--text-secondary);margin-bottom:var(--sp-1)}.page-foot{margin-top:var(--sp-6);text-align:center;font-size:var(--fs-meta);color:var(--text-muted)}.toast-layer{position:fixed;right:var(--sp-6);bottom:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2);z-index:100;align-items:flex-end}.toast{background:#fff;border:1px solid var(--border-default);border-left:3px solid var(--accent);border-radius:var(--r-sm);box-shadow:var(--shadow-toast);padding:10px var(--sp-4);font-size:var(--fs-small);display:flex;align-items:center;gap:var(--sp-3);max-width:360px}.toast[data-tone=warn]{border-left-color:var(--status-warn)}.toast[data-tone=error]{border-left-color:var(--status-fail)}@media (max-width: 640px){body{padding:var(--sp-4) var(--sp-3) var(--sp-8)}.card{padding:var(--sp-4)}.connect-wait{grid-template-columns:1fr;justify-items:center;gap:var(--sp-4)}.qr{width:132px;height:132px}.connect-wait-main{text-align:center;width:100%}.connect-wait-main .code-row,.connect-wait-main .row-actions{justify-content:center}.pair-row{display:block}.pair-label{display:block;width:auto;margin-bottom:var(--sp-2)}.input{width:100%;margin-bottom:var(--sp-3)}.pair-row .btn{width:100%}.drop-main .desktop-only{display:none}.drop-main .mobile-only{display:inline}.file-row{min-height:0;padding:var(--sp-3) 0;flex-wrap:wrap;row-gap:var(--sp-1)}.file-name{flex:1 1 100%;white-space:normal;overflow:visible;text-overflow:clip}.file-size{width:auto}.summary{flex-direction:column;align-items:stretch}.summary .btn{width:100%}.brand-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}.tcard-actions .btn{flex:1}.toast-layer{left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);align-items:stretch}.toast{max-width:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.diag-line{margin-top:var(--sp-3);text-align:right}