/* 파일 변환 도구 전용 — makejpeg 클린 윈도우 톤 (style.css 와 함께) */
.dropzone{border:2px dashed #8fb0d8;border-radius:6px;background:#f5f9ff;padding:34px 18px;text-align:center;cursor:pointer;transition:border-color .14s,background .14s;}
.dropzone:hover{border-color:var(--blue);background:#eef4fd;}
.dropzone.drag{border-color:var(--blue-d);background:#e6effb;}
.dropzone .dz-ic{font-size:34px;}
.dropzone .dz-t{font-size:14.5px;font-weight:700;margin-top:8px;color:var(--text);}
.dropzone .dz-s{color:#6b7790;font-size:13px;margin-top:5px;}
.dropzone .btn{margin-top:13px;pointer-events:none;}

.filelist{list-style:none;margin:13px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.fileitem{display:flex;align-items:center;gap:11px;padding:9px 11px;background:#fff;border:1px solid #d3dae6;border-radius:5px;}
.fileitem .thumb{width:42px;height:42px;border-radius:5px;background:#eef1f6;border:1px solid #d8dde6;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--emoji);font-size:20px;overflow:hidden;}
.fileitem .thumb img{width:100%;height:100%;object-fit:cover;}
.fileitem .meta{flex:1;min-width:0;}
.fileitem .meta .nm{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);}
.fileitem .meta .sz{font-size:12.5px;color:#6b7790;margin-top:1px;}
.fileitem .meta .sz b{font-family:var(--mono);color:var(--text);font-weight:400;}
.fileitem .meta .sz .down{color:#2e8b57;font-weight:700;}
.fileitem .st{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:4px;white-space:nowrap;}
.fileitem .st.wait{background:#eef1f6;color:#667;} .fileitem .st.work{background:#fff4d6;color:var(--amber);}
.fileitem .st.done{background:#e3f5e9;color:var(--ok);} .fileitem .st.err{background:#fdeeee;color:var(--rose);}
.fileitem .x{background:transparent;border:0;color:#9aa6bd;cursor:pointer;font-size:18px;line-height:1;padding:3px;} .fileitem .x:hover{color:var(--rose);}

.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;}
@media(max-width:560px){.opt-grid{grid-template-columns:1fr;}}
.icon-btn{width:36px;height:36px;border-radius:5px;border:1px solid var(--field-bd);background:#fff;color:#54637e;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.icon-btn:hover{border-color:var(--blue);color:var(--blue);} .icon-btn svg{width:16px;height:16px;}

.progress{height:14px;background:#eef2f7;border:1px solid #c3cfe0;border-radius:4px;overflow:hidden;margin-top:10px;}
.progress>i{display:block;height:100%;width:0;background:linear-gradient(180deg,#5a9bf0,#2f6fd0);transition:width .2s;}

.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px;}
.pdf-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px;margin-top:12px;}
.pdf-page{border:1px solid #d3dae6;border-radius:5px;overflow:hidden;background:#fff;position:relative;box-shadow:var(--shadow-sm);}
.pdf-page canvas,.pdf-page img{width:100%;display:block;}
.pdf-page .pg-n{position:absolute;top:5px;left:5px;background:rgba(16,40,90,.72);color:#fff;font-size:10.5px;padding:1px 6px;border-radius:3px;font-family:var(--mono);}
.grabbable{cursor:grab;}

.privacy-inline{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#5a4d12;background:#fffce0;border:1px solid #d8cf88;border-radius:5px;padding:8px 11px;margin:0 0 12px;}
.privacy-inline svg{width:14px;height:14px;flex-shrink:0;}

@media(max-width:600px){.icon-btn{width:40px;height:40px;}.dropzone{padding:28px 14px;}}