:root{color-scheme:light;--ftw-ic-ink:#17213a;--ftw-ic-muted:#627087;--ftw-ic-line:#dfe5ee;--ftw-ic-surface:#fff;--ftw-ic-soft:#f6f8fc;--ftw-ic-primary:#5b50e6;--ftw-ic-primary-dark:#4438ca;--ftw-ic-teal:#0f9f8f;--ftw-ic-amber:#f59e0b;--ftw-ic-danger:#b42318;--ftw-ic-shadow:0 26px 70px rgba(32,43,75,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ftw-ic{margin:0;color:var(--ftw-ic-ink);background:linear-gradient(180deg,#fafbff 0,#fff 40rem);font:400 16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}
.ftw-ic [hidden]{display:none!important}
.ftw-ic img{max-width:100%}
.ftw-ic a{color:inherit}
.ftw-ic button,.ftw-ic input,.ftw-ic select{font:inherit}
.ftw-ic button,.ftw-ic select,.ftw-ic a{-webkit-tap-highlight-color:transparent}
.ftw-ic-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.ftw-ic-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ftw-ic-skip{position:fixed;z-index:100;inset:12px auto auto 12px;transform:translateY(-150%);padding:10px 15px;border-radius:10px;background:#fff;box-shadow:var(--ftw-ic-shadow);font-weight:800;text-decoration:none}
.ftw-ic-skip:focus{transform:none}
.ftw-ic-header{position:relative;z-index:5;border-bottom:1px solid rgba(223,229,238,.8);background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}
.ftw-ic-header>.ftw-ic-shell{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.ftw-ic-brand{display:inline-flex;min-width:0;min-height:44px;align-items:center;gap:10px;font-weight:850;letter-spacing:-.02em;text-decoration:none}
.ftw-ic-brand img{width:37px;height:37px;flex:0 0 auto;border-radius:11px;object-fit:contain}
.ftw-ic-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ftw-ic-header-actions{display:flex;align-items:center;gap:10px}
.ftw-ic-home-link{padding:8px 11px;color:var(--ftw-ic-muted);font-size:.9rem;font-weight:750;text-decoration:none}
.ftw-ic-language{max-width:178px;min-height:44px;padding:8px 35px 8px 12px;border:1px solid var(--ftw-ic-line);border-radius:11px;color:var(--ftw-ic-ink);background:#fff}
.ftw-ic-ad-slot{width:min(1180px,calc(100% - 40px));min-width:0;min-height:90px;align-items:center;justify-items:center;margin:20px auto;overflow:hidden;text-align:center}
.ftw-ic-ad-slot:not([hidden]){display:grid}
.ftw-ic-ad-slot>*{max-width:100%}
.ftw-ic-main{display:block}
.ftw-ic-tool-section{position:relative;padding:clamp(26px,4vw,52px) 0 38px;overflow:hidden}
.ftw-ic-tool-section:before,.ftw-ic-tool-section:after{content:"";position:absolute;z-index:-1;border-radius:999px;filter:blur(2px)}
.ftw-ic-tool-section:before{width:420px;height:420px;inset:-250px auto auto -160px;background:rgba(91,80,230,.1)}
.ftw-ic-tool-section:after{width:340px;height:340px;inset:100px -190px auto auto;background:rgba(15,159,143,.1)}
.ftw-ic-intro{max-width:810px;margin:0 auto 24px;text-align:center}
.ftw-ic-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:9px;padding:5px 10px;border:1px solid #d9d5ff;border-radius:999px;color:#5146ca;background:#f3f1ff;font-size:.78rem;font-weight:850;letter-spacing:.025em;text-transform:uppercase}
.ftw-ic-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ftw-ic-teal);box-shadow:0 0 0 4px rgba(15,159,143,.12)}
.ftw-ic-intro h1{margin:0;font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.03;letter-spacing:-.055em}
.ftw-ic-intro p{max-width:760px;margin:13px auto 0;color:var(--ftw-ic-muted);font-size:clamp(1rem,1.6vw,1.13rem);line-height:1.55}
.ftw-ic-workspace{max-width:1030px;margin:auto;padding:10px;border:1px solid rgba(91,80,230,.18);border-radius:28px;background:linear-gradient(145deg,rgba(91,80,230,.08),rgba(15,159,143,.08));box-shadow:var(--ftw-ic-shadow)}
.ftw-ic-workspace-inner{padding:clamp(16px,3vw,28px);border-radius:20px;background:var(--ftw-ic-surface)}
.ftw-ic-drop{position:relative;min-height:170px;display:grid;place-items:center;padding:28px;border:2px dashed #b9c2d5;border-radius:18px;text-align:center;background:linear-gradient(180deg,#fbfcff,#f7f9fd);transition:border-color .2s,background .2s,transform .2s}
.ftw-ic-drop.is-dragging{border-color:var(--ftw-ic-primary);background:#f1efff;transform:scale(.995)}
.ftw-ic-drop-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 10px;border-radius:17px;color:#fff;background:linear-gradient(135deg,var(--ftw-ic-primary),var(--ftw-ic-teal));box-shadow:0 12px 28px rgba(91,80,230,.25)}
.ftw-ic-drop-icon svg{width:29px;height:29px}
.ftw-ic-drop strong{display:block;font-size:1.12rem;line-height:1.3}
.ftw-ic-drop p{margin:5px 0 14px;color:var(--ftw-ic-muted);font-size:.9rem}
.ftw-ic-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:0;border-radius:12px;color:#fff;background:var(--ftw-ic-primary);box-shadow:0 8px 20px rgba(91,80,230,.2);font-weight:850;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}
.ftw-ic-button:hover{background:var(--ftw-ic-primary-dark);transform:translateY(-1px);box-shadow:0 11px 25px rgba(91,80,230,.28)}
.ftw-ic-button:focus-visible,.ftw-ic-button-link:focus-visible,.ftw-ic-language:focus-visible,.ftw-ic-quality input:focus-visible,.ftw-ic-recommendation-card:focus-visible,.ftw-ic-footer a:focus-visible,.ftw-ic-home-link:focus-visible{outline:3px solid rgba(91,80,230,.3);outline-offset:3px}
.ftw-ic-button:disabled,.ftw-ic-button-link:disabled{opacity:.55;cursor:not-allowed;transform:none}
.ftw-ic-button-secondary{color:var(--ftw-ic-primary);border:1px solid #cfcaf9;background:#fff;box-shadow:none}
.ftw-ic-button-secondary:hover{color:#fff}
.ftw-ic-button-small{min-height:44px;padding:7px 13px;border-radius:10px;font-size:.9rem}
.ftw-ic-button-link{min-height:44px;padding:6px 8px;border:0;color:var(--ftw-ic-muted);background:transparent;font-weight:750;cursor:pointer}
.ftw-ic-button-link:hover{color:var(--ftw-ic-danger)}
.ftw-ic-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;align-items:end;gap:16px;margin-top:18px;padding:16px;border:1px solid var(--ftw-ic-line);border-radius:15px;background:var(--ftw-ic-soft)}
.ftw-ic-selection strong{display:block}.ftw-ic-selection small{color:var(--ftw-ic-muted)}
.ftw-ic-quality-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.9rem;font-weight:800}
.ftw-ic-quality input{width:100%;height:6px;margin-top:12px;accent-color:var(--ftw-ic-primary);cursor:pointer}
.ftw-ic-control-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.ftw-ic-error{margin:14px 0 0;padding:11px 14px;border:1px solid #f4b4ae;border-radius:11px;color:#912018;background:#fff4f2;font-weight:700}
.ftw-ic-empty{padding:18px 0 2px;color:var(--ftw-ic-muted);text-align:center;font-size:.92rem}
.ftw-ic-results{display:grid;gap:14px;margin-top:16px}
.ftw-ic-result-card{display:grid;grid-template-columns:170px minmax(0,1fr);gap:17px;padding:12px;border:1px solid var(--ftw-ic-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(37,50,83,.06)}
.ftw-ic-result-card[data-status="error"]{border-color:#f2b8b2}
.ftw-ic-result-preview{position:relative;min-height:116px;overflow:hidden;border-radius:12px;background:linear-gradient(45deg,#edf0f5 25%,transparent 25%,transparent 75%,#edf0f5 75%),linear-gradient(45deg,#edf0f5 25%,#fff 25%,#fff 75%,#edf0f5 75%);background-size:18px 18px;background-position:0 0,9px 9px}
.ftw-ic-result-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:rgba(255,255,255,.35)}
.ftw-ic-result-preview img:last-of-type{clip-path:inset(0 0 0 50%);border-left:2px solid #fff}
.ftw-ic-result-preview>span{position:absolute;z-index:2;inset:8px auto auto 8px;padding:3px 7px;border-radius:7px;color:#fff;background:rgba(23,33,58,.78);font-size:.68rem;font-weight:850}
.ftw-ic-result-details{min-width:0}
.ftw-ic-result-details h2{overflow:hidden;margin:0 0 8px;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}
.ftw-ic-metrics{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:8px}
.ftw-ic-metrics span{padding:7px 9px;border-radius:9px;background:var(--ftw-ic-soft)}
.ftw-ic-metrics small,.ftw-ic-metrics strong{display:block}
.ftw-ic-metrics small{color:var(--ftw-ic-muted);font-size:.72rem}.ftw-ic-metrics strong{font-size:.92rem}
.ftw-ic-file-status{min-height:24px;margin:8px 0 0;color:var(--ftw-ic-muted);font-size:.82rem}
.ftw-ic-result-card[data-status="ready"] .ftw-ic-file-status{color:#0b766b}.ftw-ic-result-card[data-status="error"] .ftw-ic-file-status{color:var(--ftw-ic-danger)}
.ftw-ic-progress{display:block;width:100%;height:4px;overflow:hidden;margin-top:7px;border-radius:99px;background:#eceafd}
.ftw-ic-progress:before{content:"";display:block;width:40%;height:100%;border-radius:inherit;background:var(--ftw-ic-primary);animation:ftw-ic-progress 1s ease-in-out infinite alternate}
.ftw-ic-card-actions{display:flex;align-items:center;gap:8px;margin-top:8px}
.ftw-ic-notice{max-width:1030px;display:flex;align-items:flex-start;gap:10px;margin:13px auto 0;padding:11px 14px;border:1px solid #c9eee8;border-radius:12px;color:#17675f;background:#f1fcfa;font-size:.88rem}
.ftw-ic-notice svg{flex:0 0 auto;width:19px;height:19px;margin-top:2px}
.ftw-ic-content{padding:64px 0}
.ftw-ic-content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:42px;align-items:start}
.ftw-ic-content h2,.ftw-ic-recommendations h2{margin:0 0 12px;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15;letter-spacing:-.035em}
.ftw-ic-content h3{margin:28px 0 9px;font-size:1.15rem}
.ftw-ic-content p{color:var(--ftw-ic-muted)}
.ftw-ic-content ol,.ftw-ic-content ul{padding-inline-start:1.3rem}.ftw-ic-content li{margin:.5rem 0}
.ftw-ic-info-card{padding:24px;border:1px solid var(--ftw-ic-line);border-radius:18px;background:linear-gradient(155deg,#f7f6ff,#f5fcfb);box-shadow:0 14px 40px rgba(37,50,83,.07)}
.ftw-ic-info-card h3:first-child{margin-top:0}.ftw-ic-feature-list{display:grid;gap:10px;margin:0;padding:0!important;list-style:none}
.ftw-ic-guide{margin-top:52px}.ftw-ic-guide>h2{max-width:760px}.ftw-ic-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.ftw-ic-guide-grid article{padding:22px;border:1px solid var(--ftw-ic-line);border-radius:16px;background:#fff}.ftw-ic-guide-grid h3{margin:0 0 8px}.ftw-ic-guide-grid p{margin:0}.ftw-ic-guide-checklist{margin-top:16px;padding:22px;border-radius:16px;background:#f7f6ff}.ftw-ic-guide-checklist h3{margin:0 0 10px}.ftw-ic-guide-checklist ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0}
.ftw-ic-feature-list li{position:relative;margin:0!important;padding-inline-start:27px}.ftw-ic-feature-list li:before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:var(--ftw-ic-teal);font-weight:900}
.ftw-ic-faq{margin-top:48px}.ftw-ic-faq details{border-bottom:1px solid var(--ftw-ic-line)}
.ftw-ic-faq summary{padding:16px 34px 16px 0;font-weight:800;cursor:pointer;list-style:none}.ftw-ic-faq summary::-webkit-details-marker{display:none}
.ftw-ic-faq details p{margin:0;padding:0 30px 17px 0}.ftw-ic-faq summary:after{content:"+";float:right;margin-right:-30px;color:var(--ftw-ic-primary);font-size:1.35rem;line-height:1}.ftw-ic-faq details[open] summary:after{content:"−"}
.ftw-ic-recommendations{padding:54px 0 62px;border-top:1px solid var(--ftw-ic-line);background:#f8fafc;text-align:center}
.ftw-ic-recommendations-intro{max-width:650px;margin:0 auto 24px;color:var(--ftw-ic-muted)}
.ftw-ic-recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;text-align:left}
.ftw-ic-recommendation-card{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid var(--ftw-ic-line);border-radius:15px;background:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(37,50,83,.05);transition:transform .18s,border-color .18s,box-shadow .18s}
.ftw-ic-recommendation-card:hover{transform:translateY(-3px);border-color:#c9c3ff;box-shadow:0 14px 34px rgba(37,50,83,.1)}
.ftw-ic-recommendation-card img{width:48px;height:48px;border-radius:13px}.ftw-ic-recommendation-card strong,.ftw-ic-recommendation-card small{display:block}.ftw-ic-recommendation-card strong{line-height:1.3}.ftw-ic-recommendation-card small{overflow:hidden;margin-top:3px;color:var(--ftw-ic-muted);font-size:.79rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ftw-ic-recommendation-card b{color:var(--ftw-ic-primary);font-size:1.2rem}
.ftw-ic-recommendation-status{color:var(--ftw-ic-muted);font-size:.9rem}
.ftw-ic-more-tools{min-height:44px;display:inline-flex;align-items:center;gap:7px;margin-top:23px;color:var(--ftw-ic-primary);font-weight:850;text-decoration:none}.ftw-ic-more-tools:hover{text-decoration:underline}
.ftw-ic-footer{padding:36px 0;border-top:1px solid var(--ftw-ic-line);background:#fff;color:var(--ftw-ic-muted);font-size:.9rem}
.ftw-ic-footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px}
.ftw-ic-footer-brand{min-height:44px;display:flex;align-items:center;gap:10px;color:var(--ftw-ic-ink);font-weight:850;text-decoration:none}.ftw-ic-footer-brand img{width:34px;height:34px;border-radius:10px}
.ftw-ic-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 10px}.ftw-ic-footer-links a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding-inline:7px;text-decoration:none}.ftw-ic-footer-links a:hover{color:var(--ftw-ic-primary);text-decoration:underline}
.ftw-ic-footer-note{margin:16px 0 0;padding-top:16px;border-top:1px solid #edf0f4;text-align:center}
[dir="rtl"] .ftw-ic-result-preview>span{inset:8px 8px auto auto}
[dir="rtl"] .ftw-ic-faq summary{padding:16px 0 16px 34px}[dir="rtl"] .ftw-ic-faq summary:after{float:left;margin-right:0;margin-left:-30px}[dir="rtl"] .ftw-ic-faq details p{padding:0 0 17px 30px}
@keyframes ftw-ic-progress{from{transform:translateX(-20%)}to{transform:translateX(170%)}}
@media(max-width:860px){.ftw-ic-controls{grid-template-columns:1fr 1fr}.ftw-ic-control-actions{grid-column:1/-1;justify-content:flex-start}.ftw-ic-content-grid{grid-template-columns:1fr;gap:28px}.ftw-ic-info-card{order:-1}.ftw-ic-recommendation-grid{grid-template-columns:1fr}.ftw-ic-recommendation-card small{-webkit-line-clamp:1}}
@media(max-width:620px){.ftw-ic-shell{width:min(100% - 24px,1180px)}.ftw-ic-ad-slot{width:calc(100% - 24px);margin:14px auto}.ftw-ic-header>.ftw-ic-shell{min-height:58px;gap:10px}.ftw-ic-brand{gap:8px}.ftw-ic-brand img{width:33px;height:33px}.ftw-ic-brand span{max-width:clamp(105px,34vw,142px);font-size:.88rem}.ftw-ic-home-link{display:none}.ftw-ic-language{max-width:130px;min-height:44px}.ftw-ic-tool-section{padding-top:19px}.ftw-ic-intro{margin-bottom:15px;text-align:left}.ftw-ic-intro h1{font-size:clamp(2rem,11vw,2.75rem)}.ftw-ic-intro p{margin-top:8px;font-size:.95rem}.ftw-ic-kicker{margin-bottom:6px}.ftw-ic-workspace{padding:6px;border-radius:20px}.ftw-ic-workspace-inner{padding:11px;border-radius:14px}.ftw-ic-drop{min-height:154px;padding:18px 12px;border-radius:13px}.ftw-ic-drop-icon{width:46px;height:46px;margin-bottom:7px;border-radius:13px}.ftw-ic-drop-icon svg{width:24px;height:24px}.ftw-ic-drop p{margin:3px 0 10px;font-size:.79rem}.ftw-ic-drop strong{font-size:1rem}.ftw-ic-button{min-height:44px;padding:9px 14px}.ftw-ic-controls{grid-template-columns:1fr;gap:13px;padding:13px}.ftw-ic-control-actions{grid-column:auto}.ftw-ic-control-actions>*{flex:1}.ftw-ic-result-card{grid-template-columns:1fr;padding:10px}.ftw-ic-result-preview{min-height:160px}.ftw-ic-metrics{grid-template-columns:repeat(3,1fr)}.ftw-ic-metrics span{padding:6px}.ftw-ic-content{padding:46px 0}.ftw-ic-guide{margin-top:42px}.ftw-ic-guide-grid,.ftw-ic-guide-checklist ul{grid-template-columns:1fr}.ftw-ic-guide-grid article,.ftw-ic-guide-checklist{padding:18px}.ftw-ic-faq{margin-top:36px}.ftw-ic-footer-main{align-items:flex-start;flex-direction:column}.ftw-ic-footer-links{justify-content:flex-start}.ftw-ic-recommendations{padding:44px 0 50px}}
@media(max-width:380px){.ftw-ic-intro h1{font-size:2rem}.ftw-ic-drop{min-height:146px}.ftw-ic-metrics{gap:5px}.ftw-ic-metrics small{font-size:.65rem}.ftw-ic-metrics strong{font-size:.8rem}.ftw-ic-language{max-width:138px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ftw-ic *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){.ftw-ic-kicker,.ftw-ic-workspace,.ftw-ic-drop,.ftw-ic-info-card{border:1px solid CanvasText}.ftw-ic-button{border:1px solid ButtonText}}