.fp-tool{margin:32px 0}.fp-tool-card{background:#fff;border:1px solid #e7ecf6;border-radius:24px;box-shadow:0 18px 50px rgba(11,30,71,.08);padding:24px;max-width:760px;margin:0 auto}.fp-tool-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.fp-tool-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#eef5ff;color:#0f63ff;font-weight:900;flex:0 0 auto}.fp-tool h2{margin:0 0 6px;font-size:clamp(1.45rem,3vw,2rem);color:#0b1e47;letter-spacing:-.045em;line-height:1.05}.fp-tool p{margin:0;color:#62708a;line-height:1.55}.fp-label{display:block;margin:16px 0 8px;font-weight:800;color:#0b1e47}.fp-input{width:100%;border:1px solid #dce5f3;border-radius:14px;padding:13px 14px;font-size:16px;background:#fbfdff;color:#0b1e47}.fp-upload-box{margin:18px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border:2px dashed #c8d6ec;border-radius:22px;background:linear-gradient(180deg,#fbfdff,#f6f9ff);padding:34px 18px;cursor:pointer;transition:.2s}.fp-upload-box:hover{border-color:#0f63ff;transform:translateY(-1px)}.fp-upload-box input{display:none}.fp-upload-arrow{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#0f63ff;color:#fff;font-size:28px;font-weight:900;box-shadow:0 14px 28px rgba(15,99,255,.22)}.fp-upload-box small{color:#667792}.fp-button{width:100%;border:0;border-radius:999px;background:#0f63ff;color:white!important;text-decoration:none;font-weight:900;padding:15px 20px;font-size:16px;cursor:pointer;box-shadow:0 12px 26px rgba(15,99,255,.25);display:flex;align-items:center;justify-content:center}.fp-button:disabled{opacity:.6;cursor:wait}.fp-secondary-action{background:#081b3f;box-shadow:none;margin-top:16px}.fp-status{margin-top:14px;font-weight:800;color:#0b1e47;min-height:22px;line-height:1.45;overflow-wrap:anywhere;font-size:15px}.fp-status-working{color:#0f63ff}.fp-status-success{color:#087a41}.fp-status-error{color:#b42318}.fp-result{margin-top:18px;border:1px solid #d7f4e5;background:#f2fff8;border-radius:18px;padding:16px}.fp-result-ready{font-weight:900;color:#087a41;margin-bottom:12px}.fp-download{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#081b3f;color:#fff!important;text-decoration:none;font-weight:900;padding:13px 18px}.fp-note{font-size:.9rem;margin-top:12px!important;color:#58706b!important}.fp-coming-soon{border:1px solid #ffe5b4;background:#fff9ed;color:#6b4200;border-radius:16px;padding:14px 16px;margin:14px 0;line-height:1.5}.fp-premium-soon{font-size:15px}.fp-has-file .fp-upload-box{border-color:#0f63ff;background:#f5f9ff}.fp-has-file .fp-upload-arrow{background:#087a41}.fp-has-file .fp-file-title{color:#087a41}.fp-file-title{display:block}.fp-file-subtitle{display:block;max-width:100%;overflow-wrap:anywhere}.fp-result[hidden],.fp-progress[hidden]{display:none!important}.fp-progress{width:100%;height:10px;background:#e8effa;border-radius:999px;overflow:hidden;margin:4px 0 14px}.fp-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0f63ff,#09a4ff);border-radius:999px;transition:width .25s ease}.fp-tool-disabled .fp-tool-card{background:linear-gradient(180deg,#fff,#fbfdff)}.fp-tool-disabled .fp-tool-icon{background:#fff3e8;color:#ff6b35}.fp-tool-disabled .fp-input{opacity:.75}.fp-tool-compact .fp-tool-card{max-width:none}.fp-tool-compact .fp-tool-head{margin-bottom:12px}.fp-tool-compact .fp-tool-icon{width:40px;height:40px;border-radius:14px}.fp-tool-compact .fp-upload-box{padding:26px 14px}.fp-tool-compact .fp-status{font-size:14px}.fp-tool-compact .fp-note{display:none}@media(max-width:600px){.fp-tool-card{padding:18px;border-radius:20px}.fp-tool-head{flex-direction:column}.fp-upload-box{padding:26px 14px}}

/* v0.1.6 premium result + size comparison */
.fp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 14px}
.fp-stats div{background:#fff;border:1px solid #d8efe4;border-radius:14px;padding:11px 10px;text-align:center}
.fp-stats span{display:block;color:#617087;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.fp-stats strong{display:block;color:#0b1e47;font-size:16px;letter-spacing:-.02em}
.fp-status{border-radius:14px;padding:0}
.fp-status-error{background:#fff6f4;border:1px solid #ffd4cc;color:#a52116;padding:12px 13px}
.fp-status-working{background:#f4f8ff;border:1px solid #dbe8ff;color:#0f63ff;padding:12px 13px}
.fp-status-success{background:#f2fff8;border:1px solid #d7f4e5;color:#087a41;padding:12px 13px}
.fp-result{box-shadow:0 12px 30px rgba(8,122,65,.08)}
@media(max-width:520px){.fp-stats{grid-template-columns:1fr}.fp-stats div{text-align:left}}

/* v0.1.7 clearer premium warning states */
.fp-status-warning{background:#fff9ed;border:1px solid #ffe1a6;color:#7a4b00;padding:12px 13px}
.fp-result-warning{border-color:#ffe1a6;background:#fffaf0;box-shadow:0 12px 30px rgba(122,75,0,.08)}
.fp-result-warning .fp-result-ready{color:#7a4b00}
.fp-download[style*="display: none"] + .fp-note{margin-top:0!important}


/* v0.2.2 premium compact pass */
.fp-tool{margin:0}.fp-tool-card{border-radius:20px;padding:0;box-shadow:none}.fp-tool-head{gap:11px;margin-bottom:12px}.fp-tool-icon{width:36px;height:36px;border-radius:13px;font-size:17px}.fp-tool h2{font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.08;margin-bottom:4px}.fp-tool p{font-size:14px;line-height:1.42;color:#59697f}.fp-label{font-size:13px;margin:12px 0 7px}.fp-input{height:48px;border-radius:13px;font-size:15px;padding:10px 12px}.fp-upload-box{margin:14px 0 12px;padding:24px 14px;border-radius:18px;gap:6px}.fp-upload-arrow{width:46px;height:46px;border-radius:15px;font-size:25px}.fp-button{padding:14px 18px;font-size:15px}.fp-status{margin-top:10px;font-size:14px;border-radius:12px}.fp-status-error,.fp-status-working,.fp-status-success,.fp-status-warning{padding:10px 12px}.fp-result{margin-top:12px;border-radius:16px;padding:13px}.fp-result-ready{margin-bottom:10px}.fp-stats{gap:8px;margin:10px 0 12px}.fp-stats div{padding:9px 10px;border-radius:12px}.fp-stats span{font-size:10px}.fp-stats strong{font-size:15px}.fp-download{padding:11px 15px;font-size:14px}.fp-note{font-size:12px!important;line-height:1.35}.fp-coming-soon{font-size:14px;border-radius:13px;padding:12px 13px}.fp-secondary-action{margin-top:12px}
@media(max-width:560px){.fp-tool-head{flex-direction:row;align-items:flex-start}.fp-tool-card{padding:0}.fp-upload-box{padding:22px 12px}.fp-stats{grid-template-columns:1fr 1fr}.fp-stats div:last-child{grid-column:1/-1}.fp-tool p{font-size:13px}.fp-button{padding:13px 16px}}


/* v0.2.3 Image Resizer + premium polish */
.fp-resize-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.fp-resize-grid label span{display:block;font-size:12px;font-weight:900;color:#0b1e47;margin-bottom:6px}.fp-resize-grid input{height:46px}.fp-tool-card{background:#fff}.fp-upload-box{background:linear-gradient(180deg,#fbfdff,#f7faff)}.fp-status:empty{display:none}.fp-result{background:#f3fff8}.fp-stats{grid-template-columns:repeat(4,1fr)}
@media(max-width:560px){.fp-resize-grid{grid-template-columns:1fr 1fr}.fp-stats{grid-template-columns:1fr 1fr}.fp-stats div:last-child{grid-column:auto}}


/* v0.2.7 panic accent + tighter premium tool UI */
.fp-tool-card{border-color:#dfe8f5;border-radius:18px;background:rgba(255,255,255,.98)}
.fp-tool-icon{background:#fff1ef;color:#ff3b30}.fp-upload-arrow{background:linear-gradient(135deg,#165dff,#009dff)}
.fp-button{background:linear-gradient(135deg,#165dff,#0b67ff);box-shadow:0 12px 24px rgba(22,93,255,.22)}
.fp-button:hover{filter:saturate(1.08)}
.fp-has-file .fp-upload-arrow{background:linear-gradient(135deg,#087a41,#14b875)}
.fp-status-error{background:#fff1ef;border-color:#ffc9c2;color:#9b1c1c}.fp-status-warning{background:#fff8ed;border-color:#ffe0a6;color:#7a4b00}
.fp-result{border-color:#d5f5e2}.fp-download{background:linear-gradient(135deg,#07142f,#132e68)}
.fp-coming-soon{background:#fff8ed;border-color:#ffe0a6;color:#704500}.fp-secondary-action{background:linear-gradient(135deg,#07142f,#132e68)}
@media(max-width:560px){.fp-tool-head{gap:10px}.fp-tool h2{font-size:1.18rem}.fp-input{height:44px}.fp-upload-box{margin:12px 0 10px;padding:20px 10px}.fp-upload-arrow{width:42px;height:42px}.fp-button{padding:12px 14px}.fp-result{padding:12px}}


/* v0.3.6 pay-to-download */
.fp-paywall{
  margin-top:14px;
  padding:16px;
  border-radius:20px;
  background:#fff;
  border:1px solid #dbe8f6;
}
.fp-paywall strong{
  display:block;
  color:#07142f;
  font-weight:900;
  font-size:18px;
  margin-bottom:4px;
}
.fp-paywall p{
  margin:0 0 12px;
  color:#637085;
  font-size:14px;
  line-height:1.4;
}
.fp-pay-actions{
  display:grid;
  gap:10px;
}
.fp-pay-btn{
  border:0;
  border-radius:999px;
  padding:13px 15px;
  font-weight:900;
  background:#07142f;
  color:#fff;
  cursor:pointer;
}
.fp-pay-btn-hot{
  background:linear-gradient(135deg,#ff4a32,#ff7a3d);
  box-shadow:0 14px 28px rgba(255,74,50,.18);
}
.fp-pay-btn:disabled{
  opacity:.65;
  cursor:wait;
}


/* v0.4.2 expanded image tools */
.fp-watermark-text,
.fp-add-text-value{font-weight:800}
.fp-tool[data-tool="blur-private-info"] .fp-tool-icon,
.fp-tool[data-tool="screenshot-cleaner"] .fp-tool-icon,
.fp-tool[data-tool="watermark-image"] .fp-tool-icon,
.fp-tool[data-tool="add-text"] .fp-tool-icon{background:#fff3ed;color:#ef5b36}

.fp-tool[data-tool="scan-to-pdf"] .fp-tool-icon{background:#eff6ff;color:#1f66ff}

.fp-mini-note{margin:6px 0 12px;color:#667085;font-size:13px;line-height:1.45}.fp-upload-box-static{cursor:default}.fp-upload-box-static .fp-upload-arrow{background:#eef3ff;color:#2f5cff}


/* v0.5.1 collage preview watermark */
.fp-preview{margin:12px 0 14px}
.fp-preview-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid #d9e4f5;background:#f8fbff}
.fp-preview-img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#fff}
.fp-preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none;overflow:hidden}
.fp-preview-overlay span{display:block;transform:rotate(-24deg) translateX(-8%);transform-origin:center;text-align:center;font-size:26px;line-height:1;letter-spacing:.18em;font-weight:900;color:rgba(7,20,47,.20);white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.3)}
.fp-preview-badge{position:absolute;right:14px;top:14px;background:rgba(7,20,47,.88);color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 8px 18px rgba(7,20,47,.18)}
.fp-preview-note{margin-top:8px!important;font-size:12px!important;color:#667085!important}
@media(max-width:560px){.fp-preview-overlay span{font-size:18px;letter-spacing:.12em}.fp-preview-badge{right:10px;top:10px;padding:7px 10px}}


/* v0.5.2 collage controls */
.fp-collage-labels{font-weight:800}
.fp-tool[data-tool="collage"] .fp-mini-note{background:#f8fbff;border:1px solid #e4ecf8;border-radius:12px;padding:10px 12px}


/* v0.5.3 collage organizer */
.fp-collage-organizer{margin:12px 0 14px;border:1px solid #dce8f6;background:#f8fbff;border-radius:18px;padding:12px}
.fp-organizer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.fp-organizer-head strong{font-size:15px;color:#07142f;font-weight:900}
.fp-organizer-head span{font-size:12px;color:#667085;text-align:right}
.fp-collage-list{display:grid;gap:10px}
.fp-collage-row{display:grid;grid-template-columns:1fr auto;gap:8px;background:#fff;border:1px solid #e2e9f5;border-radius:14px;padding:10px}
.fp-collage-order{min-width:0;display:flex;align-items:center;gap:9px}
.fp-collage-order strong{width:26px;height:26px;border-radius:9px;background:#07142f;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.fp-collage-order span{font-size:12px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fp-collage-actions{display:flex;gap:6px}
.fp-collage-actions button{border:1px solid #dce8f6;background:#f1f6ff;color:#1f66ff;border-radius:10px;width:34px;height:30px;font-weight:900}
.fp-collage-row-label{grid-column:1/-1;font-size:13px!important;padding:10px 12px!important}
@media(max-width:520px){
  .fp-organizer-head{display:block}
  .fp-organizer-head span{display:block;text-align:left;margin-top:2px}
}


/* v0.5.4 collage premium organizer fix */
.fp-tool[data-tool="collage"] .fp-status-error{
  background:#fff7ed!important;
  color:#8a4b05!important;
  border-color:#fed7aa!important;
}
.fp-tool[data-tool="collage"] .fp-collage-organizer[hidden]{display:none!important}
.fp-tool[data-tool="collage"] .fp-collage-organizer{
  box-shadow:0 12px 28px rgba(15,23,42,.05);
}


/* v0.5.5 collage thumbnails */
.fp-collage-row{align-items:start}
.fp-collage-order{align-items:flex-start!important}
.fp-collage-thumb{width:64px;height:64px;object-fit:cover;border-radius:12px;border:1px solid #dce8f6;background:#f8fbff;flex:0 0 64px;box-shadow:0 4px 10px rgba(15,23,42,.05)}
.fp-collage-thumb-placeholder{display:block}
.fp-collage-meta{min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:2px}
.fp-collage-meta-top{display:flex;align-items:center;gap:9px;min-width:0}
.fp-collage-meta-top span{font-size:12px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fp-collage-meta small{font-size:11px;color:#98a2b3;font-weight:700}
.fp-collage-order strong{margin-top:2px}
@media(max-width:560px){
  .fp-collage-thumb{width:54px;height:54px;flex-basis:54px}
}


/* v0.5.6 stale preview prevention */
.fp-tool[data-tool="collage"] .fp-result[hidden]{display:none!important}
.fp-tool[data-tool="collage"] .fp-status-working{background:#eef6ff!important;border-color:#cfe0ff!important;color:#1849a9!important}

/* v0.5.7 checkout return/download unlock */
.fp-status-success{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important}


/* v0.5.8 premium QR builder */
.fp-qr-builder{display:grid;gap:12px}
.fp-qr-panel{display:grid;gap:10px}
.fp-qr-panel[hidden]{display:none!important}
.fp-qr-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fp-qr-options label{display:grid;gap:6px;font-size:12px;font-weight:900;color:#07142f}
.fp-qr-options input[type="color"]{height:48px;padding:5px}
.fp-qr-builder textarea.fp-input{min-height:92px;resize:vertical}
.fp-tool[data-tool="qr-code"] .fp-upload-box-static{background:linear-gradient(135deg,#f8fbff,#fff);border-color:#dce8f6}
@media(max-width:560px){.fp-qr-options{grid-template-columns:1fr}}


/* v0.6.0 premium platform pass */
.fp-premium-soon{box-shadow:0 12px 28px rgba(124,74,3,.06)}.fp-soon-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px}.fp-soon-list li{font-weight:850;color:#7c4a03}.fp-soon-list li:before{content:"✓";color:#12a66a;margin-right:8px}.fp-tool-disabled .fp-tool-icon{background:#fff7ed!important;color:#f97316!important}.fp-tool-disabled .fp-tool-card{background:linear-gradient(180deg,#fff,#fffaf5)}

/* v0.6.1 premium queued copy */
.fp-premium-soon-copy{margin:8px 0 12px;color:#475467;line-height:1.55}.fp-soon-list{margin-top:10px}


/* v0.6.2 customer-facing simplification */
.fp-tool-disabled .fp-tool-card{background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid #dfe8f5!important}.fp-premium-soon-copy{color:#475467}.fp-soon-list li{color:#344054}


/* v0.6.3 simpler public disabled-tool fallback */
.fp-premium-soon-copy{font-size:14px;line-height:1.55}
.fp-tool-disabled .fp-tool-card{background:linear-gradient(180deg,#fff,#f8fbff)}

/* v0.7.0 advertise-ready public fallback */
.fp-tool-disabled{display:none!important}


/* v0.7.1 private owner/free code unlock */
.fp-free-code{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(226,234,247,.9);
}
.fp-free-code label{
  display:block;
  font-size:12px;
  font-weight:900;
  color:#667085;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:8px;
}
.fp-free-code>div{
  display:flex;
  gap:8px;
}
.fp-free-code-input{
  flex:1;
  min-width:0;
  border:1px solid #dbe5f3;
  background:#fff;
  border-radius:14px;
  padding:12px 13px;
  font-weight:800;
  color:#07142f;
}
.fp-free-code-btn{
  border:0;
  border-radius:14px;
  padding:12px 14px;
  font-weight:950;
  color:#fff;
  background:#07142f;
  cursor:pointer;
}
.fp-free-code-btn:disabled{
  opacity:.65;
  cursor:wait;
}
.fp-free-code-status{
  display:block;
  min-height:18px;
  margin-top:7px;
  color:#667085;
  font-weight:700;
}
@media(max-width:520px){
  .fp-free-code>div{flex-direction:column}
  .fp-free-code-btn{width:100%}
}


/* v0.7.2 QR card + batch resize polish */
.fp-tool[data-tool="resize"] .fp-file-subtitle:after{
  content:" • Batch resize up to 20 images";
}
.fp-tool[data-tool="qr-code"] .fp-preview-frame{
  background:#f8fbff;
}
.fp-tool[data-tool="qr-code"] .fp-preview-overlay,
.fp-tool[data-tool="qr-code"] .fp-preview-badge,
.fp-tool[data-tool="qr-code"] .fp-preview-note{
  display:none!important;
}


/* v0.7.4 resize cleanup */
.fp-tool[data-tool="resize"] .fp-mini-note{
  color:#667085;
}


/* v0.8.0 premium file journey */
.fp-tool-card{overflow:hidden}.fp-tool-journey{display:flex;align-items:center;gap:10px;padding:0 0 17px;margin-bottom:18px;border-bottom:1px solid #e6edf7;color:#8a98ac;font-size:12px;font-weight:850}.fp-tool-journey span{display:flex;align-items:center;gap:6px}.fp-tool-journey b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#eef3fb;color:#71809a;font-size:11px}.fp-tool-journey .is-active{color:#0b2a60}.fp-tool-journey .is-active b{background:#0b4ee8;color:#fff;box-shadow:0 6px 14px rgba(11,78,232,.2)}.fp-privacy-cue{display:flex;gap:8px;align-items:flex-start;margin:12px 0 16px;padding:11px 12px;border:1px solid #e1eaf6;border-radius:14px;background:#f8fbff;color:#61708a;font-size:12px;line-height:1.45}.fp-privacy-cue span{color:#0a9c60;font-weight:950}.fp-privacy-cue strong{color:#344054}.fp-result-ready{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ecfdf3,#f7fffb);border:1px solid #c8f2d9;border-radius:15px;padding:13px}.fp-result-ready>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#0fa66a;color:#fff;font-weight:950}.fp-result-ready strong{display:block;color:#075e3d;font-size:15px}.fp-result-ready small{display:block;color:#338060;font-size:12px;margin-top:2px}.fp-result-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.fp-result-actions .fp-download{margin:0}.fp-reset-tool{border:1px solid #d7e3f1;background:#fff;color:#17447d;padding:12px 14px;border-radius:14px;font-weight:900;cursor:pointer}.fp-reset-tool:hover{background:#f6f9fd}.fp-paywall{background:linear-gradient(150deg,#ffffff,#f9fbff);border-color:#d4e2f2;box-shadow:0 12px 28px rgba(7,20,47,.05)}.fp-paywall strong{font-size:19px}.fp-pay-btn{min-height:48px}.fp-pay-btn-hot:after{content:'  · Best value';font-size:12px;opacity:.8}.fp-note{font-size:12px;color:#7a8799}@media(max-width:560px){.fp-tool-journey{gap:7px;font-size:10px;justify-content:space-between}.fp-tool-journey span{gap:4px}.fp-tool-journey b{width:19px;height:19px;font-size:10px}.fp-result-actions{display:grid;grid-template-columns:1fr}.fp-result-actions .fp-download,.fp-reset-tool{justify-content:center;text-align:center;width:100%}.fp-privacy-cue{font-size:11px}}
@media(prefers-reduced-motion:reduce){.fp-tool *, .fp-tool *:before,.fp-tool *:after{transition:none!important;animation:none!important}}
