.op-pdf{--pdf-bg:#fafaf8;--pdf-surface:#fff;--pdf-accent:#f0f1e9;--pdf-border:#e0e7e4;--pdf-ink:#07112d;--pdf-muted:#48546a;--pdf-link:#087c83;--pdf-brand:#12b7bf;background:var(--pdf-bg);color:var(--pdf-ink);font-family:var(--op-font-family,Manrope,Arial,sans-serif);padding:28px 24px 32px;font-size:var(--op-type-body,16px);line-height:1.55;letter-spacing:0}
.op-pdf *{box-sizing:border-box}.op-pdf [hidden]{display:none!important}.op-pdf__wrap{max-width:1120px;margin:auto}.op-pdf h1{font-size:clamp(34px,4vw,44px);line-height:1.15;font-weight:700;margin:0 0 var(--op-space-heading,20px)}.op-pdf h2{font-size:var(--op-type-section,28px);line-height:1.3;font-weight:700;margin:0 0 20px}.op-pdf p{margin:0}.op-pdf a{color:var(--pdf-link)!important;text-underline-offset:4px}.op-pdf__back{display:inline-flex;align-items:center;min-height:48px;margin:-12px 0 12px;text-decoration:underline!important}.op-pdf__intro{max-width:800px;font-size:20px;color:var(--pdf-muted)}
.op-pdf__tool{margin-top:var(--op-space-section,32px);padding:var(--op-space-card,24px);border:1px solid var(--pdf-border);border-radius:20px;background:var(--pdf-surface)}.op-pdf label{display:block;font-weight:600;margin-bottom:8px}.op-pdf select{font:inherit;min-height:48px;width:100%;padding:12px;border:1px solid var(--pdf-border);border-radius:8px;background:var(--pdf-surface);color:var(--pdf-ink)}.op-pdf #op-pdf-task{max-width:520px}.op-pdf .op-pdf__step{font-size:var(--op-type-card,18px);font-weight:600;line-height:1.4;margin:24px 0 12px}.op-pdf__drop{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border:1px dashed var(--pdf-border);border-radius:16px;text-align:center;background:var(--pdf-bg)}.op-pdf__drop.is-dragging{border-color:var(--pdf-link);background:var(--pdf-accent)}.op-pdf__note,.op-pdf__limits{font-size:14px;color:var(--pdf-muted);line-height:1.45}.op-pdf__limits summary{cursor:pointer;min-height:44px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.op-pdf__limits p{max-width:720px;text-align:left}
.op-pdf button,.op-pdf select{font:inherit}.op-pdf .op-pdf__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid transparent;border-radius:999px;background:var(--pdf-brand);color:var(--pdf-ink)!important;font-size:16px;font-weight:600;line-height:1.4;text-align:center;text-decoration:none!important;cursor:pointer;max-width:100%}.op-pdf .op-pdf__button:hover{background:#0fa7af}.op-pdf button:disabled,.op-pdf select:disabled{background:var(--pdf-border);color:var(--pdf-muted)!important;cursor:default}.op-pdf__secondary{min-height:48px;padding:12px;border:0;background:transparent;color:var(--pdf-link);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.op-pdf :is(a,button,select,summary):focus-visible{outline:2px solid var(--pdf-link);outline-offset:4px}
.op-pdf__workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.op-pdf__workspace:has(#op-pdf-preview[hidden]){grid-template-columns:1fr}.op-pdf__settings{min-width:0}.op-pdf__settings fieldset{padding:0;border:0;margin:0;min-width:0}.op-pdf__settings label:not(:first-of-type){margin-top:16px}.op-pdf__settings .op-pdf__note{margin:16px 0}.op-pdf__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;align-items:center}.op-pdf__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.op-pdf__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none!important;padding:0!important;margin:16px 0 0!important}.op-pdf__item{min-width:0;padding:16px;border:1px solid var(--pdf-border);border-radius:12px;background:var(--pdf-bg)}.op-pdf__frame{position:relative;width:100%;margin-inline:auto;max-height:320px;background:#fff;outline:1px solid var(--pdf-border);outline-offset:-1px;overflow:hidden;cursor:grab}.op-pdf__frame img{position:absolute;object-fit:fill;max-width:none}.op-pdf .op-pdf__filename{font-weight:600;font-size:14px;overflow-wrap:anywhere;margin:12px 0 4px}.op-pdf__count{font-size:14px;margin-top:12px!important;color:var(--pdf-muted)}.op-pdf__item-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.op-pdf__small{border:0;border-radius:8px;min-height:44px;background:#fff;padding:8px 4px;color:var(--pdf-link);cursor:pointer;font-size:13px!important}.op-pdf__status{white-space:pre-line;overflow-wrap:anywhere;margin-top:16px!important;color:var(--pdf-muted)}.op-pdf__status:empty{display:none}.op-pdf__status.is-error{color:#a12626}.op-pdf__result{border-top:1px solid var(--pdf-border);margin-top:24px;padding-top:24px}.op-pdf__result h2{font-size:24px;margin-bottom:8px}.op-pdf__result a{margin-top:16px}.op-pdf__privacy{margin-top:24px!important;padding-top:20px;border-top:1px solid var(--pdf-border);font-size:14px;color:var(--pdf-muted)}
.op-pdf__faq,.op-pdf__help{margin-top:var(--op-space-section,32px)}.op-pdf__faq details{border-top:1px solid var(--pdf-border);padding:12px 0}.op-pdf__faq details:last-child{border-bottom:1px solid var(--pdf-border)}.op-pdf__faq summary{min-height:48px;padding:12px 0;font-size:var(--op-type-card,18px);font-weight:600;cursor:pointer}.op-pdf__faq details p{color:var(--pdf-muted);margin:12px 0}.op-pdf__help{padding:24px;background:var(--pdf-accent);border-radius:20px}.op-pdf__help h2{margin-bottom:12px}.op-pdf__help p{color:var(--pdf-muted)}.op-pdf__help a{display:inline-flex;align-items:center;min-height:48px;margin-top:12px;text-decoration:underline!important}
@media(max-width:899px){.op-pdf__workspace{grid-template-columns:minmax(0,1fr)}.op-pdf__settings{max-width:none}.op-pdf__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){.op-pdf{padding:20px 20px 24px}.op-pdf__intro{font-size:19px}.op-pdf__tool,.op-pdf__drop,.op-pdf__help{padding:20px}.op-pdf h2{font-size:24px}.op-pdf .op-pdf__step,.op-pdf__faq summary{font-size:17px}.op-pdf__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.op-pdf__item{padding:12px}.op-pdf__button{width:100%}.op-pdf .op-pdf__button{padding:12px 16px}.op-pdf__item-actions{grid-template-columns:1fr}.op-pdf__small{font-size:14px!important}}
@media(max-width:399px){.op-pdf__list{grid-template-columns:minmax(0,1fr)}.op-pdf__item-actions{grid-template-columns:1fr 1fr}}
.op-export__settings{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.op-export__settings>div{min-width:0}.op-pdf input[type=text],.op-pdf input[type=password]{font:inherit;width:100%;min-height:48px;box-sizing:border-box;padding:12px;border:1px solid var(--pdf-border);border-radius:8px;color:var(--pdf-ink);background:#fff}.op-pdf input:disabled{background:var(--pdf-border);color:var(--pdf-muted)}.op-pdf input:focus-visible{outline:2px solid var(--pdf-link);outline-offset:4px}.op-export__settings .op-pdf__note{margin-top:8px}.op-export__info{display:flex;gap:20px;align-items:center;margin-top:24px}.op-export__preview{width:120px;height:160px;object-fit:contain;background:#fff;border:1px solid var(--pdf-border);flex-shrink:0}.op-export__info>div{min-width:0}.op-export__preview img{display:block;width:100%;height:100%;object-fit:contain}.op-export__info p{margin-bottom:8px}.op-export__password{margin-top:20px;max-width:520px}.op-export__password button{margin:12px 0}.op-export__thumb{display:block;width:100%;height:220px;object-fit:contain;background:#fff}.op-pdf__download{display:inline-flex;align-items:center;min-height:48px;text-decoration:underline!important;margin-top:8px}#op-export-list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:699px){.op-export__settings{grid-template-columns:minmax(0,1fr)}.op-export__info{gap:12px}.op-export__preview{width:80px;height:110px}#op-export-list{grid-template-columns:repeat(2,minmax(0,1fr))}.op-export__thumb{height:160px}}
@media(max-width:399px){#op-export-list{grid-template-columns:minmax(0,1fr)}}

.op-merge__list{list-style:none!important;padding:0!important;margin:16px 0 0!important;display:grid;gap:12px}.op-merge__item{display:flex;align-items:center;gap:20px;padding:16px;border:1px solid var(--pdf-border);border-radius:12px;background:var(--pdf-bg)}.op-merge__info{flex:1;min-width:0}.op-merge__info .op-pdf__filename{margin-top:0}.op-merge__actions{display:flex;gap:8px;flex-shrink:0}.op-merge__actions button{padding:8px 12px}
@media(max-width:699px){.op-merge__item{display:block}.op-merge__actions{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.op-merge__actions button{padding:8px 4px}}
.op-organize__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none!important;padding:0!important;margin:16px 0 0!important}.op-organize__preview{height:190px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:var(--pdf-muted);background:#fff;border:1px solid var(--pdf-border);overflow:hidden}.op-organize__preview img{display:block;max-width:170px;max-height:170px;object-fit:contain}.op-organize__list .op-pdf__item{padding:12px}.op-organize__list .op-pdf__item-actions{grid-template-columns:1fr 1fr}
@media(max-width:1023px){.op-organize__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){.op-organize__list{grid-template-columns:repeat(2,minmax(0,1fr))}.op-organize__preview img{max-width:120px;max-height:120px}.op-organize__preview{height:140px}}
@media(max-width:479px){.op-organize__list{grid-template-columns:minmax(0,1fr)}.op-organize__preview img{max-width:170px;max-height:170px}.op-organize__preview{height:190px}}

#op-compress-settings{border:0;padding:0;margin:16px 0 0;min-width:0;max-width:680px}#op-compress-help{margin-top:12px}#op-compress-note{margin-top:12px}

#op-ocr-result label{margin-top:16px}.op-pdf #op-ocr-text{font:inherit;line-height:1.6;width:100%;min-height:240px;resize:vertical;border:1px solid var(--pdf-border);border-radius:8px;padding:14px;color:var(--pdf-ink);background:#fff;margin-bottom:12px}.op-pdf #op-ocr-text:focus-visible{outline:2px solid var(--pdf-link);outline-offset:4px}#op-ocr-settings{margin-top:12px}#op-ocr-result .op-pdf__actions a{margin-top:0}

#op-compress-level-box{margin-top:20px}#op-compress-level-help{margin-top:12px}

/* PDF operation pages reuse the existing converter typography and controls. */
.op-pdf .op-pdf__label{font-weight:600;margin-bottom:8px}.op-pdf__navigation{max-width:620px;border:1px solid var(--pdf-border);border-radius:8px;background:var(--pdf-surface)}.op-pdf__navigation>summary{cursor:pointer;min-height:48px;padding:12px 16px;font-weight:600;overflow-wrap:anywhere}.op-pdf__navigation nav{border-top:1px solid var(--pdf-border);padding:6px}.op-pdf__navigation ul{list-style:none!important;margin:0!important;padding:0!important}.op-pdf__navigation a{display:flex;align-items:center;min-height:48px;padding:12px 10px;border-radius:6px;text-decoration:none!important;overflow-wrap:anywhere;line-height:1.4}.op-pdf__navigation a:hover,.op-pdf__navigation a[aria-current=page]{background:var(--pdf-accent)}.op-pdf__navigation a[aria-current=page]{font-weight:700}.op-pdf__navigation a[aria-disabled=true]{opacity:.65}.op-pdf__howto{margin-top:var(--op-space-section,32px)}.op-pdf__howto ol{padding-left:24px;margin:0}.op-pdf__howto li{padding-left:4px;margin:12px 0}.op-pdf .op-pdf__operation-link{margin-top:12px}.op-pdf--operation .op-pdf__tool{min-width:0}@media(max-width:699px){.op-pdf--operation{padding-left:16px;padding-right:16px}.op-pdf--operation .op-pdf__tool,.op-pdf--operation .op-pdf__drop{padding:16px}.op-pdf__navigation a{min-height:48px}}
