.page-module__43rI9q__mockCard{background:var(--bg-card);border:1.5px solid var(--border);border-radius:12px;width:100%;overflow:hidden}.page-module__43rI9q__mockHeader{border-bottom:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.page-module__43rI9q__mockBadge{border-radius:4px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.page-module__43rI9q__mockLive{font-size:10px;font-weight:700;font-family:var(--font-mono);align-items:center;gap:4px;margin-left:auto;display:flex}.page-module__43rI9q__mockLiveDot{border-radius:50%;width:5px;height:5px;animation:1.5s ease-in-out infinite page-module__43rI9q__livePulse}@keyframes page-module__43rI9q__livePulse{0%,to{opacity:1}50%{opacity:.3}}.page-module__43rI9q__statusBody{flex-direction:column;gap:12px;padding:14px;display:flex}.page-module__43rI9q__statusRow{align-items:center;gap:10px;display:flex}.page-module__43rI9q__statusIcon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.page-module__43rI9q__statusInfo{flex:1;min-width:0}.page-module__43rI9q__statusLabel{color:var(--text-primary);font-size:13px;font-weight:700}.page-module__43rI9q__statusSub{color:var(--text-muted);margin-top:1px;font-size:11px}.page-module__43rI9q__queueCount{font-size:20px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em}.page-module__43rI9q__storageBar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.page-module__43rI9q__storageBarFill{border-radius:3px;height:100%}.page-module__43rI9q__storageLabels{color:var(--text-muted);font-size:9px;font-family:var(--font-mono);justify-content:space-between;margin-top:2px;display:flex}.page-module__43rI9q__syncBody{flex-direction:column;gap:12px;padding:14px;display:flex}.page-module__43rI9q__syncStats{gap:16px;display:flex}.page-module__43rI9q__syncStat{flex-direction:column;gap:1px;display:flex}.page-module__43rI9q__syncStatNum{font-size:18px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em}.page-module__43rI9q__syncStatLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:9px;font-weight:600}.page-module__43rI9q__progressBar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.page-module__43rI9q__progressBarFill{border-radius:3px;height:100%;transition:width .3s}.page-module__43rI9q__progressLabel{color:var(--text-muted);justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.page-module__43rI9q__speedBadge{font-family:var(--font-mono);font-weight:600}.page-module__43rI9q__queueList{padding:0}.page-module__43rI9q__queueRow{border-bottom:1px solid #ffffff08;align-items:center;gap:10px;padding:8px 14px;display:flex}.page-module__43rI9q__queueRow:last-child{border-bottom:none}.page-module__43rI9q__queueThumb{border:1px solid var(--border);background:#ffffff0a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.page-module__43rI9q__queueInfo{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.page-module__43rI9q__queueFile{color:var(--text-primary);font-size:11px;font-weight:600;font-family:var(--font-mono)}.page-module__43rI9q__queueTime{color:var(--text-muted);font-size:9px}.page-module__43rI9q__queueStatus{border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.page-module__43rI9q__networkBody{flex-direction:column;gap:10px;padding:14px;display:flex}.page-module__43rI9q__networkRow{border:1px solid var(--border);background:#ffffff05;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.page-module__43rI9q__networkIcon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.page-module__43rI9q__networkInfo{flex:1;min-width:0}.page-module__43rI9q__networkLabel{color:var(--text-primary);font-size:11px;font-weight:600}.page-module__43rI9q__networkValue{color:var(--text-muted);font-size:10px}.page-module__43rI9q__networkBadge{border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}
.OfflineSyncDemo-module__qHKIpq__layout{grid-template-columns:minmax(0,1fr) minmax(0,.34fr);align-items:center;column-gap:4%;display:grid}.OfflineSyncDemo-module__qHKIpq__ipadCol{min-width:0}.OfflineSyncDemo-module__qHKIpq__sideCol{flex-direction:column;gap:12px;min-width:0;display:flex}@media (max-width:720px){.OfflineSyncDemo-module__qHKIpq__layout{grid-template-columns:minmax(0,1fr);row-gap:16px}.OfflineSyncDemo-module__qHKIpq__sideCol{flex-direction:column}}.OfflineSyncDemo-module__qHKIpq__app{color:#fff;background:#000;width:960px;height:667px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;position:relative;overflow:hidden}.OfflineSyncDemo-module__qHKIpq__banner{color:#fff;align-items:center;gap:9px;height:34px;padding:0 16px;font-size:14px;font-weight:500;animation:.3s both OfflineSyncDemo-module__qHKIpq__slide;display:flex;position:relative}.OfflineSyncDemo-module__qHKIpq__bannerOffline{background:#ff9f0ae6}.OfflineSyncDemo-module__qHKIpq__bannerUploading{background:#0a84ffd9}.OfflineSyncDemo-module__qHKIpq__bannerDone{background:#30d158e6}.OfflineSyncDemo-module__qHKIpq__bannerIcon svg{width:16px;height:16px;display:block}.OfflineSyncDemo-module__qHKIpq__bannerUploading .OfflineSyncDemo-module__qHKIpq__bannerIcon svg{animation:1s linear infinite OfflineSyncDemo-module__qHKIpq__spin}.OfflineSyncDemo-module__qHKIpq__bannerBar{background:#ffffff4d;height:2px;position:absolute;bottom:0;left:0;right:0}.OfflineSyncDemo-module__qHKIpq__bannerBar i{background:#fff;width:0;height:100%;animation:3.2s linear forwards OfflineSyncDemo-module__qHKIpq__fill;display:block}@keyframes OfflineSyncDemo-module__qHKIpq__fill{to{width:100%}}@keyframes OfflineSyncDemo-module__qHKIpq__slide{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes OfflineSyncDemo-module__qHKIpq__spin{to{transform:rotate(360deg)}}.OfflineSyncDemo-module__qHKIpq__topBar{justify-content:center;align-items:center;height:44px;padding:0 16px;display:flex;position:relative}.OfflineSyncDemo-module__qHKIpq__sessionChip{background:#ffffff1a;border-radius:999px;align-items:center;gap:7px;height:26px;padding:0 12px;font:600 12px/1 SF Mono,ui-monospace,Menlo,monospace;display:inline-flex;position:absolute;left:16px}.OfflineSyncDemo-module__qHKIpq__sessionChip i{background:#30d158;border-radius:50%;width:6px;height:6px}.OfflineSyncDemo-module__qHKIpq__eventName{font-size:16px;font-weight:600}.OfflineSyncDemo-module__qHKIpq__sync{background:#ffffff1a;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;right:16px}.OfflineSyncDemo-module__qHKIpq__sync svg{width:19px;height:19px}.OfflineSyncDemo-module__qHKIpq__syncOk{color:#30d158}.OfflineSyncDemo-module__qHKIpq__syncOffline{color:#ff9f0a}.OfflineSyncDemo-module__qHKIpq__syncBusy{color:#0a84ff}.OfflineSyncDemo-module__qHKIpq__syncBusy svg{animation:1s linear infinite OfflineSyncDemo-module__qHKIpq__spin}.OfflineSyncDemo-module__qHKIpq__sync em{text-align:center;color:#000;background:currentColor;border-radius:9px;min-width:17px;padding:0 4px;font-size:10px;font-style:normal;font-weight:700;line-height:17px;position:absolute;top:-3px;right:-3px}.OfflineSyncDemo-module__qHKIpq__hero{height:318px;padding:0 16px;position:relative}.OfflineSyncDemo-module__qHKIpq__hero img{object-fit:contain;border-radius:10px;width:100%;height:100%;animation:.45s cubic-bezier(.16,1,.3,1) both OfflineSyncDemo-module__qHKIpq__pop;display:block}.OfflineSyncDemo-module__qHKIpq__savedPill{color:#ffb340;background:#1e1e20c7;border:1px solid #ff9f0a80;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.OfflineSyncDemo-module__qHKIpq__strip{justify-content:center;gap:8px;padding:12px 16px 0;display:flex}.OfflineSyncDemo-module__qHKIpq__thumb{background:#111;border-radius:6px;width:84px;height:58px;position:relative;overflow:hidden}.OfflineSyncDemo-module__qHKIpq__thumb img{object-fit:cover;width:100%;height:100%;display:block}.OfflineSyncDemo-module__qHKIpq__thumbQueued img{opacity:.55}.OfflineSyncDemo-module__qHKIpq__queuedDot{background:#ff9f0a;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:5px;box-shadow:0 0 0 2px #00000080}.OfflineSyncDemo-module__qHKIpq__thumbGoing img{animation:1.1s ease-in-out infinite OfflineSyncDemo-module__qHKIpq__pulseUp}@keyframes OfflineSyncDemo-module__qHKIpq__pulseUp{50%{opacity:.6}}.OfflineSyncDemo-module__qHKIpq__actionRow{justify-content:center;display:flex;position:absolute;bottom:16px;left:0;right:0}.OfflineSyncDemo-module__qHKIpq__actionBar{background:#1e1e20b3;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:9px 14px;display:flex}.OfflineSyncDemo-module__qHKIpq__chip{background:#ffffff14;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.OfflineSyncDemo-module__qHKIpq__chip svg{width:18px;height:18px}.OfflineSyncDemo-module__qHKIpq__chipFilled{background:#0a84ff}.OfflineSyncDemo-module__qHKIpq__chipBadge{color:#241500;text-align:center;background:#ff9f0a;border-radius:9px;min-width:17px;padding:0 4px;font-size:10px;font-style:normal;font-weight:700;line-height:17px;position:absolute;top:-3px;right:4px}.OfflineSyncDemo-module__qHKIpq__outbox{background:#1e1e20e6;border:1px solid #ff9f0a73;border-radius:14px;flex-direction:column;gap:4px;width:470px;padding:13px 16px;animation:.3s both OfflineSyncDemo-module__qHKIpq__rise;display:flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.OfflineSyncDemo-module__qHKIpq__outboxHead{color:#ffb340;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.OfflineSyncDemo-module__qHKIpq__outboxHead svg{width:17px;height:17px}.OfflineSyncDemo-module__qHKIpq__outboxSub{color:#ffffffb3;font-size:13px;line-height:1.35}.OfflineSyncDemo-module__qHKIpq__syncedToast{color:#30d158;background:#30d15829;border:1px solid #30d15880;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:15px;font-weight:700;animation:.3s both OfflineSyncDemo-module__qHKIpq__rise;display:inline-flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.OfflineSyncDemo-module__qHKIpq__syncedToast svg{width:18px;height:18px}.OfflineSyncDemo-module__qHKIpq__wifi,.OfflineSyncDemo-module__qHKIpq__shutter{border:1px solid var(--border,#2a2633);background:var(--bg-elevated,#131119);text-align:left;border-radius:20px;align-items:center;gap:13px;width:100%;padding:13px 15px;transition:border-color .2s,background .2s;display:flex}.OfflineSyncDemo-module__qHKIpq__wifi:hover,.OfflineSyncDemo-module__qHKIpq__shutter:hover{border-color:#3a3545}.OfflineSyncDemo-module__qHKIpq__wifiIcon{color:#30d158;background:#30d15824;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.OfflineSyncDemo-module__qHKIpq__wifiOff .OfflineSyncDemo-module__qHKIpq__wifiIcon{color:#ff9f0a;background:#ff9f0a24}.OfflineSyncDemo-module__qHKIpq__wifiIcon svg{width:22px;height:22px}.OfflineSyncDemo-module__qHKIpq__shutterKnob{background:linear-gradient(160deg,#4a4a52,#1b1b1f);border:1px solid #ffffff24;border-radius:50%;flex:none;width:40px;height:40px;box-shadow:inset 0 2px 8px #0006}.OfflineSyncDemo-module__qHKIpq__wifiText,.OfflineSyncDemo-module__qHKIpq__shutterText{flex-direction:column;gap:3px;display:flex}.OfflineSyncDemo-module__qHKIpq__wifiText strong,.OfflineSyncDemo-module__qHKIpq__shutterText strong{color:var(--text-primary,#f4f1ec);font-size:14px;font-weight:600}.OfflineSyncDemo-module__qHKIpq__wifiText em,.OfflineSyncDemo-module__qHKIpq__shutterText em{color:var(--text-tertiary,#756e7e);font-size:12.5px;font-style:normal;line-height:1.35}@keyframes OfflineSyncDemo-module__qHKIpq__pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes OfflineSyncDemo-module__qHKIpq__rise{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.OfflineSyncDemo-module__qHKIpq__banner,.OfflineSyncDemo-module__qHKIpq__hero img,.OfflineSyncDemo-module__qHKIpq__outbox,.OfflineSyncDemo-module__qHKIpq__syncedToast{animation:none}.OfflineSyncDemo-module__qHKIpq__bannerBar i{width:60%;animation:none}.OfflineSyncDemo-module__qHKIpq__bannerUploading .OfflineSyncDemo-module__qHKIpq__bannerIcon svg,.OfflineSyncDemo-module__qHKIpq__syncBusy svg,.OfflineSyncDemo-module__qHKIpq__thumbGoing img{animation:none}}