.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}}