.fwm{--bg:#f6f7fb;--card:#fff;--line:#e5e8f0;--text:#171b2d;--muted:#72798b;--p:#6747f5;--p2:#8a63ff;max-width:1240px;margin:auto;padding:30px 18px 70px;color:var(--text);font-family:inherit}.fwm *{box-sizing:border-box}.fwm__hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px;border:1px solid #e4ddff;border-radius:26px;background:linear-gradient(135deg,#fff,#f7f4ff);margin-bottom:18px}.fwm__eyebrow{display:inline-block;color:#6747f5;font-size:12px;font-weight:900;margin-bottom:7px}.fwm__hero h1{margin:0 0 10px;font-size:36px;letter-spacing:-.035em}.fwm__hero p{max-width:780px;margin:0;color:var(--muted);line-height:1.85}.fwm__trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;color:#5f6678;font-size:12px;font-weight:800}.fwm__trust span::first-letter{color:var(--p)}.fwm__hero-mark{width:78px;height:78px;flex:none;border-radius:24px;display:grid;place-items:center;color:#fff;font-size:32px;background:linear-gradient(135deg,var(--p),var(--p2));box-shadow:0 18px 45px #6747f533}.fwm__panel{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 34px #1e29410d}.fwm__workspace{overflow:hidden}.fwm__toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line)}.fwm__file{display:flex;align-items:center;gap:11px;min-width:0}.fwm__file-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eeeaff;color:var(--p);font-size:10px;font-weight:900}.fwm__file strong,.fwm__file small{display:block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fwm__file small{margin-top:3px;color:var(--muted);font-size:11px}.fwm__actions{display:flex;gap:8px}.fwm__btn{border:1px solid #dfe3ec;background:#fff;color:var(--text);border-radius:12px;padding:10px 15px;font:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:.18s}.fwm__btn:hover:not(:disabled){transform:translateY(-1px)}.fwm__btn:disabled{opacity:.48;cursor:not-allowed}.fwm__btn--soft{color:#50586a}.fwm__btn--primary{border:0;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));box-shadow:0 10px 24px #6747f52b}.fwm__drop{min-height:390px;display:grid;place-items:center;align-content:center;text-align:center;padding:45px;outline:none}.fwm__drop:focus{box-shadow:inset 0 0 0 2px #d8ceff}.fwm__drop-icon{width:68px;height:68px;border-radius:21px;display:grid;place-items:center;background:#f0edff;color:var(--p);font-size:30px}.fwm__drop h2{margin:17px 0 7px;font-size:24px}.fwm__drop p{margin:0 0 18px;color:var(--muted);font-size:13px}.fwm__editor{padding:15px}.fwm__editor-tools{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:13px}.fwm__tool-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.fwm__tool{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.fwm__tool.is-active{background:#efeaff;color:#6242e9;border-color:#d5cbff}.fwm__slider-label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;font-weight:800}.fwm__slider-label output{color:var(--text)}.fwm__canvas-wrap{position:relative;display:grid;place-items:center;overflow:auto;max-height:700px;min-height:180px;padding:12px;background:repeating-conic-gradient(#eef1f6 0 25%,#fff 0 50%) 50%/22px 22px;border:1px solid var(--line);border-radius:17px}.fwm__canvas-wrap canvas{grid-area:1/1;display:block;max-width:100%;height:auto}.fwm__canvas-wrap canvas[data-fwm-mask]{position:relative;z-index:2;width:100%;height:auto;cursor:crosshair;opacity:.4;touch-action:none}.fwm__canvas-help{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 13px;border-radius:999px;background:#171b2ddd;color:#fff;font-size:11px;pointer-events:none;white-space:nowrap}.fwm__editor-foot{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--muted);font-size:11px}.fwm__status.is-error{color:#c53645}.fwm__settings{padding:22px;margin-top:18px}.fwm__section-head h2{margin:0 0 15px;font-size:20px}.fwm__method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fwm__method{display:flex;gap:9px;padding:14px;border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:.18s}.fwm__method.is-active{border-color:#cfc3ff;background:#f8f6ff}.fwm__method input{accent-color:var(--p);margin-top:3px}.fwm__method b,.fwm__method small{display:block}.fwm__method b{font-size:12px}.fwm__method small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.fwm__settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:19px 0}.fwm__settings-grid label{display:grid;gap:7px;font-size:11px;font-weight:900}.fwm__settings-grid output{color:var(--p);font-size:11px}.fwm__settings-grid select{height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;font:inherit}.fwm input[type=range]{width:100%;accent-color:var(--p)}.fwm__remove{width:100%;padding:15px;font-size:14px}.fwm__result{padding:20px;margin-top:18px}.fwm__result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fwm__result-head h2{margin:0;font-size:20px}.fwm__result-image{margin-top:14px;border-radius:15px;overflow:hidden;background:#f1f2f6;text-align:center}.fwm__result-image img{display:block;max-width:100%;max-height:760px;margin:auto}.fwm__features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.fwm__features article{padding:21px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 12px 28px #1e294109}.fwm__features b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f0edff;color:var(--p);font-size:18px}.fwm__features h3{font-size:14px;margin:13px 0 6px}.fwm__features p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}@media(max-width:900px){.fwm__method-grid,.fwm__features{grid-template-columns:repeat(2,1fr)}.fwm__settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.fwm{padding:14px 10px 45px}.fwm__hero{padding:23px}.fwm__hero h1{font-size:27px}.fwm__hero-mark{display:none}.fwm__trust{gap:10px;flex-direction:column}.fwm__toolbar{align-items:stretch;flex-direction:column}.fwm__actions{width:100%}.fwm__actions .fwm__btn{flex:1}.fwm__drop{min-height:310px;padding:28px}.fwm__method-grid,.fwm__settings-grid,.fwm__features{grid-template-columns:1fr}.fwm__editor-foot{flex-direction:column}.fwm__result-head{align-items:stretch;flex-direction:column}}