:root{--f2pdf-primary:#6f76ff;--f2pdf-primary-dark:#5860e8;--f2pdf-dark:#1f3048;--f2pdf-text:#202938;--f2pdf-muted:#667085;--f2pdf-border:#e5e9f2;--f2pdf-soft:#f5f6ff;--f2pdf-white:#fff;--f2pdf-radius:8px;--f2pdf-shadow:0 18px 50px rgba(31,48,72,.08)}
.f2pdf-container{max-width:760px;margin:0 auto}.f2pdf-hero{text-align:center;padding:42px 18px 20px}.f2pdf-hero h1{margin:0 0 10px;font-size:46px;line-height:1.05;color:var(--f2pdf-text);font-weight:800;letter-spacing:-.03em}.f2pdf-hero p{margin:0 0 26px;color:var(--f2pdf-text);font-size:18px}.f2pdf-ad-placeholder{height:88px;background:#f3f3f5;margin:0 auto 28px;max-width:720px;border-radius:2px}.f2pdf-upload-app{margin:0 auto 28px}.f2pdf-dropzone{min-height:225px;border:2px dashed #b9bff5;background:#f7f7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;padding:24px;transition:.25s}.f2pdf-dropzone.is-dragover{background:#eff1ff;border-color:var(--f2pdf-primary);transform:translateY(-2px)}.f2pdf-choose-btn{border:0;border-radius:4px;background:var(--f2pdf-primary);color:#fff;padding:15px 22px;font-size:18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:9px;box-shadow:0 10px 20px rgba(111,118,255,.25);transition:.2s}.f2pdf-choose-btn:hover{background:var(--f2pdf-primary-dark);transform:translateY(-2px)}.f2pdf-choose-btn svg{width:20px;height:20px;fill:currentColor}.f2pdf-dropzone p{font-size:13px;margin:12px 0 4px;color:#334155}.f2pdf-dropzone small{font-size:11px;color:#6b7280}.f2pdf-dropzone a{color:var(--f2pdf-primary);text-decoration:underline}.f2pdf-upload-result{margin-top:14px;text-align:left}.f2pdf-alert{padding:14px 16px;border-radius:8px;border:1px solid var(--f2pdf-border);background:#fff;color:var(--f2pdf-text);box-shadow:0 8px 22px rgba(31,48,72,.06)}.f2pdf-alert.is-error{border-color:#fecaca;background:#fff7f7;color:#991b1b}.f2pdf-feature-card{background:#fff;box-shadow:var(--f2pdf-shadow);border:1px solid #f3f4f6;margin-top:16px;margin-bottom:26px;padding:58px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;text-align:center}.f2pdf-feature svg{width:34px;height:34px;fill:none;stroke:#0f172a;stroke-width:1.5}.f2pdf-feature h3{font-size:21px;margin:18px 0 24px;color:var(--f2pdf-text)}.f2pdf-feature p{font-size:14px;line-height:1.65;text-align:justify;color:#1f2937}.f2pdf-security{background:#fff;box-shadow:var(--f2pdf-shadow);border:1px solid #f3f4f6;margin-bottom:24px;padding:28px 30px;display:grid;grid-template-columns:1.5fr .9fr;gap:28px;text-align:left}.f2pdf-security h2{margin:0 0 14px;font-size:22px}.f2pdf-security p{font-size:14px;line-height:1.6;color:#334155;margin-bottom:28px}.f2pdf-outline-btn{display:inline-flex;border:1px solid var(--f2pdf-primary);color:var(--f2pdf-primary);padding:13px 20px;border-radius:2px;font-weight:800;text-decoration:none}.f2pdf-security ul{list-style:none;margin:0;padding:0;display:grid;gap:22px;font-weight:800;color:#334155}.f2pdf-security li:before{content:'✓';color:var(--f2pdf-primary);margin-right:10px}.f2pdf-upgrade{background:var(--f2pdf-primary);color:#fff;text-align:center;padding:48px 22px 60px;margin-bottom:-58px}.f2pdf-upgrade h2{font-size:30px;line-height:1.25;margin:0 0 24px}.f2pdf-upgrade-btn{display:inline-flex;background:#ffc24b;color:#fff;text-decoration:none;font-weight:800;border-radius:3px;padding:10px 24px}.f2pdf-mega-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:0;background:#fff}.f2pdf-mega-col{border-left:1px solid var(--f2pdf-border);padding:22px 28px 26px}.f2pdf-mega-col:first-child{border-left:0}.f2pdf-mega-col h4{display:flex;gap:9px;align-items:center;margin:0 0 24px;font-size:18px;color:#000}.f2pdf-mega-col svg{width:22px;height:22px;fill:currentColor;flex:none}.f2pdf-mega-col a{display:block;color:#121826;text-decoration:none;font-size:18px;padding:10px 0;transition:.18s}.f2pdf-mega-col a:hover{color:var(--f2pdf-primary);transform:translateX(4px)}
@media(max-width:900px){.f2pdf-feature-card,.f2pdf-security{grid-template-columns:1fr}.f2pdf-mega-grid{grid-template-columns:repeat(2,1fr)}.f2pdf-hero h1{font-size:36px}.f2pdf-feature p{text-align:center}}
@media(max-width:560px){.f2pdf-hero{padding-top:28px}.f2pdf-hero h1{font-size:32px}.f2pdf-hero p{font-size:15px}.f2pdf-ad-placeholder{height:56px}.f2pdf-dropzone{min-height:190px}.f2pdf-choose-btn{font-size:16px;padding:13px 18px}.f2pdf-feature-card,.f2pdf-security{padding:24px 18px}.f2pdf-mega-grid{grid-template-columns:1fr}.f2pdf-mega-col{border-left:0;border-top:1px solid var(--f2pdf-border)}}
.f2pdf-download-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:12px 18px;border-radius:6px;background:var(--f2pdf-primary);color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 10px 20px rgba(111,118,255,.22);transition:.2s}.f2pdf-download-btn:hover{background:var(--f2pdf-primary-dark);transform:translateY(-1px)}

/* Before / After conversion preview */
.f2pdf-before-after-wrap{margin-top:18px;text-align:left;background:#fff;border:1px solid var(--f2pdf-border);border-radius:14px;box-shadow:0 18px 44px rgba(31,48,72,.08);overflow:hidden}
.f2pdf-preview-head{padding:20px 22px;border-bottom:1px solid var(--f2pdf-border);background:linear-gradient(135deg,#fff,#f7f7ff)}
.f2pdf-preview-head h3{margin:0 0 6px;font-size:22px;color:var(--f2pdf-text);letter-spacing:-.02em}
.f2pdf-preview-head p{margin:0;color:var(--f2pdf-muted);font-size:14px;line-height:1.5}
.f2pdf-before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:360px}
.f2pdf-preview-panel{padding:18px;background:#fff}
.f2pdf-before-panel{border-right:1px solid var(--f2pdf-border);background:#fbfcff}
.f2pdf-after-panel{background:#fff}
.f2pdf-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.f2pdf-panel-title span{font-size:18px;font-weight:900;color:var(--f2pdf-text)}
.f2pdf-panel-title small{font-size:12px;color:var(--f2pdf-muted);background:#f1f3ff;border:1px solid #e4e7ff;border-radius:999px;padding:5px 10px}
.f2pdf-preview-list{display:grid;gap:12px;max-height:520px;overflow:auto;padding-right:4px}
.f2pdf-preview-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;padding:12px;border:1px solid #edf0f7;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(31,48,72,.04)}
.f2pdf-output-card{grid-template-columns:1fr}
.f2pdf-preview-media{height:150px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #eef1f7;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.f2pdf-output-card .f2pdf-preview-media{height:260px}
.f2pdf-preview-media img,.f2pdf-preview-media video{width:100%;height:100%;object-fit:contain;background:#f8fafc}
.f2pdf-preview-media iframe{width:100%;height:100%;border:0;background:#fff}
.f2pdf-preview-media audio{width:92%;position:absolute;bottom:12px;left:4%}
.f2pdf-file-icon{font-size:48px;line-height:1;filter:drop-shadow(0 8px 14px rgba(31,48,72,.12))}
.f2pdf-preview-info{min-width:0;display:flex;flex-direction:column;gap:7px;justify-content:center}
.f2pdf-preview-info strong{font-size:15px;line-height:1.35;color:var(--f2pdf-text);word-break:break-word}
.f2pdf-preview-info span{font-size:12px;color:var(--f2pdf-muted);line-height:1.3}
.f2pdf-after-content{height:100%;display:flex;flex-direction:column;justify-content:center}
.f2pdf-converting-box,.f2pdf-error-box,.f2pdf-no-preview,.f2pdf-color-result{min-height:260px;border:1px dashed #dce1ef;border-radius:12px;background:#fbfcff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--f2pdf-text)}
.f2pdf-converting-box p,.f2pdf-error-box p,.f2pdf-no-preview{color:var(--f2pdf-muted);font-size:14px;line-height:1.5}
.f2pdf-error-box{border-color:#fecaca;background:#fff7f7;color:#991b1b}
.f2pdf-loader{width:42px;height:42px;border-radius:50%;border:4px solid #e8ebff;border-top-color:var(--f2pdf-primary);animation:f2pdfSpin .85s linear infinite;margin-bottom:14px}
@keyframes f2pdfSpin{to{transform:rotate(360deg)}}
.f2pdf-result-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-top:1px solid var(--f2pdf-border);background:#fbfcff}
.f2pdf-result-actions>div{font-size:14px;color:var(--f2pdf-text)}
.f2pdf-color-result .f2pdf-colors{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.f2pdf-colors span{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:38px;border-radius:8px;color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 8px 18px rgba(31,48,72,.12)}
@media(max-width:900px){.f2pdf-before-after-grid{grid-template-columns:1fr}.f2pdf-before-panel{border-right:0;border-bottom:1px solid var(--f2pdf-border)}.f2pdf-preview-card{grid-template-columns:120px minmax(0,1fr)}.f2pdf-output-card{grid-template-columns:1fr}.f2pdf-output-card .f2pdf-preview-media{height:220px}}
@media(max-width:560px){.f2pdf-preview-head{padding:16px}.f2pdf-preview-panel{padding:14px}.f2pdf-preview-card{grid-template-columns:1fr}.f2pdf-preview-media{height:190px}.f2pdf-result-actions{align-items:stretch;flex-direction:column}.f2pdf-result-actions .f2pdf-download-btn{width:100%;margin-top:0}.f2pdf-panel-title{align-items:flex-start;flex-direction:column}}

/* F2PDF v1.4 - Full width before/after workspace + pre-conversion editor */
.f2pdf-workspace{margin-top:28px;background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:26px;padding:22px;box-shadow:0 24px 70px rgba(15,23,42,.10);position:relative;overflow:hidden}.f2pdf-stage-header{margin-bottom:16px}.f2pdf-stage-header h3{margin:0 0 5px;font-size:24px;line-height:1.2;color:#0f172a}.f2pdf-stage-header p{margin:0;color:#64748b;font-size:14px}.f2pdf-before-full,.f2pdf-after-full{display:block;width:100%;margin-bottom:22px}.f2pdf-before-item{width:100%;margin-bottom:22px}.f2pdf-media-box{width:100%;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid rgba(15,23,42,.08);border-radius:22px;min-height:280px;max-height:680px;overflow:hidden}.f2pdf-full-media{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;border:0}.f2pdf-media-box iframe.f2pdf-full-media{height:620px}.f2pdf-media-box video.f2pdf-full-media{height:auto}.f2pdf-file-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.f2pdf-file-details h4{grid-column:1/-1;margin:0 0 2px;color:#0f172a;font-size:18px}.f2pdf-file-details div{background:#f8fafc;border:1px solid rgba(15,23,42,.07);border-radius:14px;padding:12px 14px;min-width:0}.f2pdf-file-details span{display:block;color:#64748b;font-size:12px;margin-bottom:4px}.f2pdf-file-details strong{display:block;color:#111827;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f2pdf-editor-panel{margin:24px 0;background:#07152D;color:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 50px rgba(7,21,45,.22)}.f2pdf-editor-title h3{margin:0 0 6px;color:#fff;font-size:22px}.f2pdf-editor-note{margin:0 0 18px;color:rgba(255,255,255,.72)}.f2pdf-editor-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.f2pdf-editor-controls label,.f2pdf-default-settings,.f2pdf-crop-help{display:flex;flex-direction:column;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;font-size:13px;color:rgba(255,255,255,.86)}.f2pdf-crop-help,.f2pdf-default-settings{grid-column:1/-1}.f2pdf-default-settings strong{font-size:15px}.f2pdf-default-settings span{color:rgba(255,255,255,.72)}.f2pdf-editor-controls input,.f2pdf-editor-controls select{width:100%;border:1px solid rgba(255,255,255,.2);background:#fff;color:#111827;border-radius:12px;padding:11px 12px;outline:0;box-sizing:border-box}.f2pdf-editor-controls input[type="range"]{padding:0;accent-color:#f7c948}.f2pdf-range-value{color:#f7c948;font-weight:700}.f2pdf-check{flex-direction:row!important;align-items:center;justify-content:flex-start}.f2pdf-check input{width:auto}.f2pdf-editor-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.f2pdf-convert-btn,.f2pdf-change-btn{border:0;border-radius:999px;padding:13px 24px;font-weight:800;cursor:pointer;transition:.25s ease}.f2pdf-convert-btn{background:linear-gradient(135deg,#f7c948,#d7a520);color:#07152D;box-shadow:0 12px 30px rgba(247,201,72,.28)}.f2pdf-convert-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(247,201,72,.36)}.f2pdf-change-btn{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}.f2pdf-change-btn:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}.f2pdf-crop-stage{overflow:hidden}.f2pdf-crop-box{position:absolute;left:10%;top:10%;width:80%;height:80%;border:3px solid #f7c948;box-shadow:0 0 0 9999px rgba(7,21,45,.48);border-radius:12px;pointer-events:none;z-index:4}.f2pdf-crop-box:before,.f2pdf-crop-box:after{content:"";position:absolute;background:rgba(247,201,72,.75)}.f2pdf-crop-box:before{left:33.333%;top:0;bottom:0;width:1px;box-shadow:calc(100% + 33.333%) 0 0 rgba(247,201,72,.75)}.f2pdf-crop-box:after{left:0;right:0;top:33.333%;height:1px;box-shadow:0 calc(100% + 33.333%) 0 rgba(247,201,72,.75)}.f2pdf-after-full{padding-top:22px;border-top:1px solid rgba(15,23,42,.10)}.f2pdf-processing-overlay{position:absolute;inset:0;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#0f172a;padding:20px}.f2pdf-processing-overlay p{margin:6px 0 0;color:#64748b}.f2pdf-loader{width:42px;height:42px;border:4px solid #e2e8f0;border-top-color:#07152D;border-radius:50%;animation:f2pdf-spin .8s linear infinite;margin-bottom:12px}@keyframes f2pdf-spin{to{transform:rotate(360deg)}}.f2pdf-result-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:18px;padding:16px 18px;margin-top:18px;color:#065f46}.f2pdf-download-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;background:#07152D;color:#fff!important;text-decoration:none;font-weight:800;white-space:nowrap;transition:.25s ease}.f2pdf-download-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(7,21,45,.2)}.f2pdf-error-box{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:18px;padding:16px 18px;margin-top:18px}.f2pdf-color-result{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:22px}.f2pdf-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:14px}.f2pdf-colors span{display:flex;align-items:center;justify-content:center;min-height:70px;border-radius:14px;color:#fff;font-weight:800;text-shadow:0 1px 8px rgba(0,0,0,.35)}.f2pdf-file-icon{width:94px;height:94px;border-radius:24px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(15,23,42,.12);margin:30px}.f2pdf-file-icon svg{width:48px;height:48px;fill:#07152D}.f2pdf-no-preview{color:#64748b;font-weight:600}.f2pdf-completed .f2pdf-editor-panel{opacity:.94}
@media(max-width:900px){.f2pdf-workspace{padding:16px;border-radius:20px}.f2pdf-editor-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.f2pdf-file-details{grid-template-columns:repeat(2,minmax(0,1fr))}.f2pdf-media-box iframe.f2pdf-full-media{height:460px}.f2pdf-result-actions{align-items:stretch;flex-direction:column}.f2pdf-download-btn{width:100%}}@media(max-width:560px){.f2pdf-stage-header h3{font-size:20px}.f2pdf-editor-controls,.f2pdf-file-details{grid-template-columns:1fr}.f2pdf-media-box{min-height:220px;border-radius:16px}.f2pdf-media-box iframe.f2pdf-full-media{height:360px}.f2pdf-editor-panel{padding:16px;border-radius:18px}.f2pdf-editor-actions{flex-direction:column}.f2pdf-convert-btn,.f2pdf-change-btn{width:100%}}
/* F2PDF Creative Side-by-Side Conversion Workspace */
.f2pdf-workspace {
  max-width: 1180px;
  margin: 34px auto 0;
  background:
    radial-gradient(circle at top left, rgba(111, 118, 255, .14), transparent 34%),
    radial-gradient(circle at bottom right, rgba(247, 201, 72, .16), transparent 36%),
    #ffffff;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 30px;
  padding: 24px;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .12);
  position: relative;
  overflow: hidden;
}

.f2pdf-workspace-head {
  text-align: center;
  max-width: 740px;
  margin: 0 auto 24px;
}

.f2pdf-mini-label,
.f2pdf-stage-badge,
.f2pdf-editor-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  background: rgba(111, 118, 255, .10);
  color: #6f76ff;
  border: 1px solid rgba(111, 118, 255, .18);
  border-radius: 999px;
  padding: 7px 13px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.f2pdf-workspace-head h2 {
  margin: 12px 0 8px;
  color: #07152D;
  font-size: clamp(26px, 4vw, 42px);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.f2pdf-workspace-head p {
  margin: 0;
  color: #64748b;
  font-size: 15px;
  line-height: 1.7;
}

.f2pdf-compare-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.f2pdf-compare-panel {
  background: rgba(255, 255, 255, .88);
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 24px;
  padding: 18px;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .075);
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.f2pdf-before-side {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, .96), rgba(255, 255, 255, .96));
}

.f2pdf-after-side {
  background:
    linear-gradient(180deg, rgba(240, 253, 244, .68), rgba(255, 255, 255, .96));
}

.f2pdf-after-empty {
  display: flex;
  flex-direction: column;
}

.f2pdf-stage-header {
  margin: 0 0 14px;
}

.f2pdf-stage-header h3 {
  margin: 10px 0 4px;
  color: #07152D;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.f2pdf-stage-header p {
  margin: 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.55;
}

.f2pdf-preview-wrap {
  position: relative;
}

.f2pdf-media-box {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(135deg, #f8fafc, #eef2ff);
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 20px;
  min-height: 360px;
  max-height: 640px;
  overflow: hidden;
}

.f2pdf-full-media {
  display: block;
  width: 100%;
  height: auto;
  max-height: 640px;
  object-fit: contain;
  border: 0;
}

.f2pdf-media-box iframe.f2pdf-full-media {
  height: 560px;
}

.f2pdf-before-item + .f2pdf-before-item {
  margin-top: 18px;
}

.f2pdf-file-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.f2pdf-file-details h4 {
  grid-column: 1 / -1;
  margin: 0;
  color: #07152D;
  font-size: 16px;
}

.f2pdf-file-details div {
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, .07);
  border-radius: 14px;
  padding: 11px 12px;
  min-width: 0;
}

.f2pdf-file-details span {
  display: block;
  color: #64748b;
  font-size: 11px;
  margin-bottom: 4px;
}

.f2pdf-file-details strong {
  display: block;
  color: #111827;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.f2pdf-empty-result {
  min-height: 360px;
  border: 1px dashed rgba(111, 118, 255, .32);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(111, 118, 255, .06), rgba(247, 201, 72, .08));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-align: center;
  padding: 28px;
  color: #64748b;
  flex: 1;
}

.f2pdf-empty-icon {
  width: 86px;
  height: 86px;
  border-radius: 24px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .10);
  margin-bottom: 8px;
}

.f2pdf-empty-icon svg {
  width: 44px;
  height: 44px;
  fill: #6f76ff;
}

.f2pdf-empty-result strong {
  color: #07152D;
  font-size: 18px;
}

.f2pdf-empty-result span {
  font-size: 13px;
}

.f2pdf-settings-row {
  margin-top: 20px;
}

.f2pdf-editor-panel {
  margin: 0;
  background:
    radial-gradient(circle at top left, rgba(247, 201, 72, .22), transparent 30%),
    linear-gradient(135deg, #07152D, #132A56);
  color: #ffffff;
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 18px 50px rgba(7, 21, 45, .22);
}

.f2pdf-editor-title {
  margin-bottom: 18px;
}

.f2pdf-editor-title h3 {
  color: #ffffff;
  font-size: 24px;
  margin: 12px 0 6px;
}

.f2pdf-editor-note {
  color: rgba(255, 255, 255, .74);
  margin: 0;
  line-height: 1.6;
}

.f2pdf-editor-controls {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.f2pdf-editor-controls label,
.f2pdf-default-settings,
.f2pdf-crop-help {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 16px;
  padding: 14px;
  color: rgba(255, 255, 255, .92);
  font-size: 13px;
}

.f2pdf-crop-help,
.f2pdf-default-settings {
  grid-column: 1 / -1;
}

.f2pdf-default-settings strong,
.f2pdf-default-settings span {
  display: block;
}

.f2pdf-default-settings span {
  margin-top: 5px;
  color: rgba(255, 255, 255, .72);
}

.f2pdf-editor-controls input,
.f2pdf-editor-controls select {
  width: 100%;
  margin-top: 8px;
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .96);
  color: #07152D;
  padding: 0 12px;
  outline: none;
}

.f2pdf-editor-controls input[type="range"] {
  padding: 0;
  min-height: auto;
}

.f2pdf-check {
  display: flex;
  align-items: center;
  gap: 8px;
}

.f2pdf-check input {
  width: auto;
  min-height: auto;
  margin: 0;
}

.f2pdf-range-value {
  float: right;
  color: #f7c948;
  font-weight: 800;
}

.f2pdf-editor-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.f2pdf-convert-btn,
.f2pdf-change-btn,
.f2pdf-download-btn {
  border: 0;
  cursor: pointer;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.f2pdf-convert-btn,
.f2pdf-download-btn {
  background: #f7c948;
  color: #07152D;
  box-shadow: 0 14px 34px rgba(247, 201, 72, .28);
}

.f2pdf-change-btn {
  background: rgba(255, 255, 255, .12);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, .18);
}

.f2pdf-convert-btn:hover,
.f2pdf-change-btn:hover,
.f2pdf-download-btn:hover {
  transform: translateY(-2px);
}

.f2pdf-result-actions {
  margin-top: 20px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 22px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .075);
}

.f2pdf-processing-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(7, 21, 45, .72);
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
}

.f2pdf-loader {
  width: 54px;
  height: 54px;
  border-radius: 999px;
  border: 5px solid rgba(255, 255, 255, .25);
  border-top-color: #f7c948;
  animation: f2pdfSpin .9s linear infinite;
}

@keyframes f2pdfSpin {
  to {
    transform: rotate(360deg);
  }
}

.f2pdf-crop-stage {
  overflow: hidden;
}

.f2pdf-crop-box {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  border: 3px solid #f7c948;
  box-shadow: 0 0 0 9999px rgba(7, 21, 45, .48);
  border-radius: 12px;
  pointer-events: none;
  z-index: 4;
}

.f2pdf-color-result {
  min-height: 360px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .08);
  padding: 22px;
}

.f2pdf-colors {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.f2pdf-colors span {
  min-width: 96px;
  min-height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
  font-weight: 800;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .12);
}

.f2pdf-file-icon svg {
  width: 70px;
  height: 70px;
  fill: #6f76ff;
}

.f2pdf-no-preview {
  color: #64748b;
  font-size: 14px;
  margin: 12px 0 0;
}

.f2pdf-error-box {
  margin-top: 18px;
  background: #fff1f2;
  color: #9f1239;
  border: 1px solid #fecdd3;
  border-radius: 18px;
  padding: 16px;
}

@media (max-width: 980px) {
  .f2pdf-workspace {
    padding: 18px;
    border-radius: 24px;
  }

  .f2pdf-compare-row {
    grid-template-columns: 1fr;
  }

  .f2pdf-media-box {
    min-height: 280px;
  }

  .f2pdf-media-box iframe.f2pdf-full-media {
    height: 460px;
  }

  .f2pdf-editor-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .f2pdf-result-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .f2pdf-download-btn {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .f2pdf-workspace {
    padding: 14px;
    border-radius: 20px;
  }

  .f2pdf-compare-panel {
    padding: 14px;
    border-radius: 18px;
  }

  .f2pdf-file-details,
  .f2pdf-editor-controls {
    grid-template-columns: 1fr;
  }

  .f2pdf-media-box {
    min-height: 220px;
    border-radius: 16px;
  }

  .f2pdf-media-box iframe.f2pdf-full-media {
    height: 360px;
  }

  .f2pdf-editor-panel {
    padding: 16px;
    border-radius: 18px;
  }

  .f2pdf-editor-actions {
    flex-direction: column;
  }

  .f2pdf-convert-btn,
  .f2pdf-change-btn {
    width: 100%;
  }
}