.pdf-image-page .tool-hero{background:radial-gradient(circle at 78% 0,rgba(20,164,255,.2),transparent 34%),linear-gradient(180deg,#ecf7ff 0,#f6f8fc 100%)}.pdf-image-mark{width:52px!important;background:linear-gradient(145deg,#0876d8,#23b4e8)!important;font-size:10px!important;letter-spacing:.05em}.pdf-image-workspace{padding:22px;background:#f4f7fb}.pdf-image-source{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #d7e2ef;border-radius:13px;background:#fff}.source-meta{display:flex;align-items:center;gap:11px;min-width:0}.source-meta>div{min-width:0}.source-meta b,.source-meta span{display:block}.source-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#16304f;font-size:14px}.source-meta span{margin-top:3px;color:#6c7c90;font-size:11px}.pdf-source-badge{width:42px;height:44px;display:grid;place-items:center;flex:none;border-radius:8px;background:#e5f5ff;color:#0872c8;font-size:10px;font-weight:900}.pdf-image-source button,.preview-head button,.page-shortcuts button{min-height:38px;border:1px solid #bfd0e2;border-radius:8px;background:#fff;color:#31506f;padding:8px 11px;font-weight:800;cursor:pointer}.pdf-image-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;border:1px solid #d9e4ef;border-radius:12px;background:#fff;overflow:hidden}.pdf-image-summary div{padding:12px 15px;border-right:1px solid #d9e4ef}.pdf-image-summary div:last-child{border:0}.pdf-image-summary b,.pdf-image-summary span{display:block}.pdf-image-summary b{color:#11355e;font-size:19px}.pdf-image-summary span{color:#6c7d91;font-size:11px}.pdf-image-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:16px}.pdf-image-preview{min-width:0}.preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.preview-head h3,.image-option-card h3{margin:0;color:#183553;font-size:15px}.preview-head p{margin:2px 0 0;color:#708096;font-size:11px}.preview-head>div:last-child{display:flex;gap:6px}.page-preview-stage{position:relative;min-height:470px;display:grid;place-items:center;padding:20px;border:1px solid #d2deea;border-radius:14px;background-color:#dce4ee;background-image:linear-gradient(45deg,#cbd5e2 25%,transparent 25%),linear-gradient(-45deg,#cbd5e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cbd5e2 75%),linear-gradient(-45deg,transparent 75%,#cbd5e2 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;overflow:hidden}.page-preview-stage canvas{display:block;max-width:100%;max-height:600px;background:#fff;box-shadow:0 15px 35px rgba(16,38,70,.2)}.page-preview-stage>span{position:absolute;padding:8px 11px;border-radius:8px;background:rgba(17,36,63,.85);color:#fff;font-size:11px}.pdf-image-controls{display:grid;gap:10px;align-content:start}.image-option-card{padding:15px;border:1px solid #d8e2ee;border-radius:13px;background:#fff}.image-option-card h3{margin-bottom:12px}.image-option-card label{display:block;margin-top:10px}.image-option-card label>span:first-child{display:block;margin-bottom:5px;color:#40566f;font-size:11px;font-weight:850}.image-option-card label small{color:#7a899b;font-weight:600}.image-option-card input,.image-option-card select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #c7d4e3;border-radius:8px;background:#fff;color:#17304e;font:13px/1.4 inherit}.option-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.unit-input{display:flex;align-items:center;border:1px solid #c7d4e3;border-radius:8px;overflow:hidden}.unit-input input{border:0!important;border-radius:0!important}.unit-input b{padding:0 10px;color:#60738a;font-size:11px}.option-range>div{display:flex;align-items:center;gap:10px}.option-range input{min-height:28px;padding:0;accent-color:#087bd1}.option-range output{min-width:42px;color:#0871bf;font-size:12px;font-weight:900}.page-shortcuts{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.page-shortcuts button{min-height:34px;padding:6px 9px;font-size:11px}.check-option{display:flex!important;align-items:flex-start;gap:9px;padding:10px;border-radius:9px;background:#f4f8fc}.check-option input{width:17px!important;min-height:17px!important;margin:2px 0 0}.check-option span{margin:0!important}.check-option b,.check-option small{display:block}.check-option b{font-size:12px;color:#25415f}.check-option small{font-size:10px;line-height:1.4}.pdf-image-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.pdf-image-actions button{min-height:47px}.pdf-image-actions .convert-button{min-width:250px;background:linear-gradient(145deg,#0875d4,#16a5db)}.pdf-output-results{margin-top:12px;padding:14px;border:1px solid #cfe0ed;border-radius:13px;background:#fff}.pdf-output-results h3{margin:0 0 10px;color:#153453;font-size:14px}.output-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.output-result-card{min-width:0;padding:8px;border:1px solid #dce5ee;border-radius:9px}.output-result-card img{display:block;width:100%;height:90px;object-fit:contain;background:#edf2f7}.output-result-card b,.output-result-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-result-card b{margin-top:6px;color:#253e5b;font-size:10px}.output-result-card span{color:#718095;font-size:9px}.output-result-card a{display:block;margin-top:6px;padding:7px;border-radius:6px;background:#e7f4ff;color:#086cc0;text-align:center;font-size:10px;font-weight:900}.result-download-all{display:block;margin-top:10px;padding:11px;border-radius:8px;background:#0877d4;color:#fff;text-align:center;font-size:12px;font-weight:900}
@media(max-width:940px){.pdf-image-grid{grid-template-columns:1fr}.pdf-image-controls{grid-template-columns:1fr 1fr}.image-option-card:last-child{grid-column:1/-1}.page-preview-stage{min-height:380px}}
@media(max-width:620px){.pdf-image-workspace{padding:12px}.pdf-image-source{align-items:stretch;flex-direction:column}.pdf-image-source button{width:100%}.pdf-image-summary div{padding:10px}.pdf-image-summary b{font-size:17px}.pdf-image-controls{grid-template-columns:1fr}.image-option-card:last-child{grid-column:auto}.option-two{grid-template-columns:1fr}.page-preview-stage{min-height:300px;padding:10px}.preview-head{align-items:stretch;flex-direction:column}.preview-head>div:last-child{display:grid;grid-template-columns:1fr 1fr}.pdf-image-actions{display:grid;grid-template-columns:1fr}.pdf-image-actions .convert-button{min-width:0;order:-1}.output-result-grid{grid-template-columns:1fr 1fr}.image-option-card input,.image-option-card select{min-height:46px;font-size:16px}}