.offline-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 28px 14px;color:var(--muted,#666);font-size:.85rem}.offline-controls [role=status]{margin-right:auto}.offline-conflict-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.offline-conflict-pair img,.offline-conflict-pair svg{max-width:100%;background:#fff;border:1px solid #ddd}
/* 기기 사본 사용 줄(main.js): 문서 맨 위 한 줄. 아래의 고정 높이 화면은 --device-copy-h만큼 줄여 하단이 잘리지 않게 한다. */
[data-device-copy]{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;box-sizing:border-box;padding:calc(4px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 4px max(16px,env(safe-area-inset-left,0px));background:var(--orange-bg);color:var(--fg);border-bottom:1px solid var(--line);font-size:13px}
[data-device-copy] .action.small{padding:4px 12px;font-size:13px}
body:has(>[data-device-copy]) #app{--sa-top:0px}
body:has(>[data-device-copy]) .pane-shell{height:calc(var(--workspace-height,100dvh) - var(--device-copy-h,0px))}
body.app-update-on:has(>[data-device-copy]) .pane-shell{height:calc(var(--workspace-height,100dvh) - var(--update-h,52px) - var(--device-copy-h,0px))}
body:has(>[data-device-copy]) #app:has(.score-spread-root){height:calc(100dvh - var(--device-copy-h,0px))}
body:has(>[data-device-copy]) .practice{min-height:calc(100vh - var(--device-copy-h,0px))}
body:has(>[data-device-copy]) .practice.pc{height:calc(100dvh - var(--device-copy-h,0px));min-height:0}
body:has(>[data-device-copy]) .app-layout{min-height:calc(100vh - 61px - var(--device-copy-h,0px))}
.offline-conflict-pair .ink-picture-stack{position:relative;line-height:0}.offline-conflict-pair .ink-picture-stack img{width:100%}.offline-conflict-pair .ink-picture-stack svg{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0}
/* 자동 다운로드 설정(offline-auto.js): 고른 항목은 강조색 테두리·채운 아이콘, 안내·상태는 한두 줄 */
.auto-download .match-option[aria-checked="true"]{border-color:var(--blue);background:var(--blue-bg)}
.auto-download .match-option[aria-checked="true"] svg{color:var(--blue)}
.auto-download-missing{margin-top:8px;font-size:13px}.auto-download-missing ul{margin:6px 0 0;padding-left:18px}.auto-download-missing li{margin:3px 0}