/* AI拡大ページ用の追加スタイル（共通の style.css はそのまま使います） */
.rx{border:1px solid var(--border);border-radius:6px;padding:12px;background:var(--bg)}
.rx+.rx{margin-top:12px}
.cmpx{position:relative;width:min(100%,calc(70vh*var(--arn,1.5)));aspect-ratio:var(--arn,1.5);margin:0 auto;overflow:hidden;border-radius:6px;border:1px solid var(--border);background:repeating-conic-gradient(#e6ebf1 0 25%,#fff 0 50%) 0 0/16px 16px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
html[data-theme="dark"] .cmpx{background:repeating-conic-gradient(#1b2735 0 25%,#121b26 0 50%) 0 0/16px 16px}
.cmpx img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.cmpx .bef{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}
.cmpx .bar{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.cmpx .bar::after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.3)}
.cmpx .tag{position:absolute;top:8px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;pointer-events:none}
.cmpx .tag.l{left:8px}.cmpx .tag.r{right:8px}
.rx .cmprange{width:min(100%,420px);display:block;margin:10px auto 2px}
.rx .rmeta{margin-top:8px;font-size:.84rem;color:var(--sub);line-height:1.6}
.rx .rmeta b{color:var(--text)}
.rx .rbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.rx .rbtns .btn{flex:1 1 140px}
.rx.err{border-color:var(--warn)}
.rx .nm{font-weight:600;font-size:.9rem;overflow-wrap:anywhere}
.sizenote{font-size:.8rem;color:var(--sub);margin:8px 0 0}
.outinfo{font-size:.88rem;margin-top:10px;padding:8px 12px;border-radius:6px;background:var(--accent-soft);color:var(--accent-ink)}
.outinfo.warn{background:transparent;border:1px solid var(--warn);color:var(--text)}
.prog2 .bgmsg{min-height:1.4em}
.cancelb{margin-top:8px}
.num{width:140px}
.seg.wrapseg{max-width:100%}
.note-ai{font-size:.8rem;color:var(--sub)}
.seo table{width:100%;border-collapse:collapse;font-size:.86rem;margin:8px 0 14px}
.fbox{margin-top:12px;border:1px solid var(--border);border-radius:6px;padding:10px;background:var(--bg)}
.fhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:6px;font-size:.86rem}
.fhead .fall{display:flex;align-items:center;gap:6px;cursor:pointer}
.fhead #fCount{color:var(--sub);flex:1 1 auto}
#fList{max-height:340px;overflow:auto}
.frow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--border)}
.frow:first-child{border-top:0}
.frow .fc,.fhead #fAll{width:20px;height:20px;flex:none;cursor:pointer}
.fth{width:56px;height:56px;object-fit:cover;border-radius:4px;border:1px solid var(--border);flex:none;cursor:zoom-in;background:#fff}
.finfo{min-width:0;flex:1}
.finfo .nm{font-weight:600;font-size:.86rem;overflow-wrap:anywhere}
.finfo .fm{font-size:.78rem;color:var(--sub)}
.rtools{display:flex;gap:8px;flex-wrap:wrap}