/* 첫 화면 큰 미리보기 (first-preview.js) — 올리자마자 첫 쪽을 크게 보여 주는 카드 */
#fpv{display:none;flex-direction:column;gap:10px;padding:14px 16px}
#fpv.on{display:flex}
#fpv:focus-within{outline:2px solid var(--acc,#2563eb);outline-offset:2px}
#fpv .fpv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
#fpv .fpv-nav{display:flex;align-items:center;gap:4px}
#fpv .fpv-nav button,#fpv .fpv-big{border:1px solid var(--line,#ddd);background:#fff;border-radius:7px;height:30px;min-width:30px;padding:0 10px;font:inherit;font-size:12.5px;cursor:pointer}
#fpv .fpv-nav button:hover,#fpv .fpv-big:hover{background:var(--accs,#eef3ff)}
#fpv .fpv-nav button:disabled{opacity:.35;cursor:default}
#fpv .fpv-nav select{height:30px;border:1px solid var(--line,#ddd);border-radius:7px;font:inherit;font-size:12.5px;padding:0 6px;background:#fff}
#fpv .fpv-nav .fpv-of{font-size:12.5px;color:var(--soft,#64748b);margin:0 4px}
#fpv .fpv-chk{display:flex;align-items:center;gap:5px;font-size:12.5px;cursor:pointer;user-select:none}
#fpv .fpv-sp{flex:1}
#fpv .fpv-big{font-weight:700}
#fpv .fpv-stage{position:relative;height:min(68vh,760px);min-height:300px;background:#e9e7e0;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in}
#fpv .fpv-pg{position:relative;box-shadow:0 2px 14px rgba(0,0,0,.25);background:#fff;line-height:0}
#fpv .fpv-pg canvas{display:block}
#fpv .fpv-pg canvas.fpv-ov{position:absolute;left:0;top:0;pointer-events:none}
#fpv .fpv-pg.noov canvas.fpv-ov{display:none}
#fpv .fpv-wait{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12.5px;color:var(--soft,#64748b);pointer-events:none}
#fpv .fpv-info{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--soft,#64748b)}
#fpv .fpv-info b{color:var(--ink,#111);font-weight:700}
#fpv .fpv-info .warn{color:#b45309;font-weight:700}
#fpv .fpv-leg{display:inline-flex;align-items:center;gap:5px}
#fpv .fpv-leg i{display:inline-block;width:16px;height:0;border-top:2px solid #e11d48}
#fpv .fpv-leg i.bl{border-top:2px dashed #0891b2}
#thumbs .th.sel{outline:2px solid var(--acc,#2563eb);outline-offset:2px;border-radius:3px;color:var(--ink,#111);font-weight:700}
#thumbs .th{cursor:pointer}
/* 올린 직후 파일 정보 카드가 화면 맨 위에 오도록 스크롤할 때 위쪽에 남길 여백 */
#info{scroll-margin-top:14px}