.fg-woff-tool{max-width:1180px;margin:0 auto;padding:46px 18px 54px;color:#172033}.fg-woff-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:26px}.fg-woff-kicker{display:inline-flex;align-items:center;gap:8px;color:#5b5ce2;font-size:12px;font-weight:900;letter-spacing:.04em}.fg-woff-kicker span{width:8px;height:8px;border-radius:50%;background:#5b5ce2;box-shadow:0 0 0 5px rgba(91,92,226,.10)}.fg-woff-hero h1{margin:12px 0 9px;font-size:clamp(38px,6vw,62px);line-height:1.04;letter-spacing:-.035em}.fg-woff-hero p{margin:0;color:#6d7585;font-size:16px;line-height:1.75;max-width:790px}.fg-woff-mark{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#5b5ce2,#7465ef);color:#fff;display:grid;place-items:center;font:900 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 18px 40px rgba(91,92,226,.22)}.fg-woff-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.fg-woff-main-card,.fg-woff-info-card,.fg-woff-result{background:#fff;border:1px solid #e4e9f2;box-shadow:0 24px 70px rgba(20,28,45,.09);border-radius:26px}.fg-woff-main-card{padding:22px}.fg-woff-card-head,.fg-woff-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.fg-woff-overline{display:block;color:#788194;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.fg-woff-card-head h2,.fg-woff-result-head h2{margin:5px 0 0;font-size:24px;letter-spacing:-.02em}.fg-woff-card-head h2 span{color:#5b5ce2}.fg-woff-pill{padding:7px 9px;border-radius:10px;background:#f0f2ff;color:#5b5ce2;font:900 10px ui-monospace,SFMono-Regular,monospace}.fg-woff-drop{margin-top:22px;min-height:300px;border:1.5px dashed #ccd4e4;border-radius:22px;background:linear-gradient(180deg,#fbfcff,#f8faff);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px;cursor:pointer;transition:.18s ease}.fg-woff-drop:hover,.fg-woff-drop.is-dragging{border-color:#8f91ed;background:#f7f7ff}.fg-woff-drop-icon{width:54px;height:54px;border-radius:16px;background:#eef0ff;color:#5b5ce2;display:grid;place-items:center;font-size:26px;margin-bottom:16px}.fg-woff-drop strong{font-size:18px}.fg-woff-drop span{margin-top:8px;color:#70798a;font-size:13px}.fg-woff-drop small{margin-top:12px;color:#8b94a5;font-size:11px}.fg-woff-inline-button{appearance:none;background:none;border:0;color:#5b5ce2;font:inherit;font-weight:900;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.fg-woff-file-card{margin-top:14px;padding:13px 15px;border:1px solid #e4e9f2;border-radius:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.fg-woff-file-icon{width:48px;height:48px;border-radius:13px;background:#101625;color:#fff;display:grid;place-items:center;font:900 10px ui-monospace,SFMono-Regular,monospace}.fg-woff-file-copy{min-width:0}.fg-woff-file-copy strong,.fg-woff-file-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fg-woff-file-copy strong{font-size:13px}.fg-woff-file-copy span{margin-top:3px;color:#7b8494;font-size:11px}.fg-woff-clear{appearance:none;border:0;background:#f3f4f8;color:#697283;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:20px}.fg-woff-action-row{display:flex;gap:10px;align-items:center;margin-top:16px}.fg-woff-btn{appearance:none;border:1px solid #dde3ed;background:#fff;color:#172033;border-radius:12px;padding:11px 14px;font:800 13px inherit;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:42px}.fg-woff-btn--primary{background:#5b5ce2;border-color:#5b5ce2;color:#fff;box-shadow:0 10px 24px rgba(91,92,226,.18)}.fg-woff-btn--ghost{background:#f9faff}.fg-woff-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.fg-woff-status{display:flex;align-items:center;gap:9px;margin-top:13px;color:#778093;font-size:12px}.fg-woff-status-dot{width:8px;height:8px;border-radius:50%;background:#35a56c}.fg-woff-side{display:flex;flex-direction:column;gap:18px}.fg-woff-info-card{padding:18px}.fg-woff-info-title{display:flex;gap:11px;align-items:center;padding-bottom:13px;border-bottom:1px solid #edf0f5}.fg-woff-info-title>span{width:42px;height:42px;border-radius:12px;background:#eef0ff;color:#5b5ce2;display:grid;place-items:center;font:900 12px ui-monospace,SFMono-Regular,monospace}.fg-woff-info-title strong,.fg-woff-info-title small{display:block}.fg-woff-info-title strong{font-size:14px}.fg-woff-info-title small{margin-top:3px;color:#8a93a4;font-size:10px}.fg-woff-info-line{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f6}.fg-woff-info-line:last-child{border-bottom:0;padding-bottom:0}.fg-woff-info-line span{color:#9aa2b0;font:900 10px ui-monospace,SFMono-Regular,monospace}.fg-woff-info-line strong{font-size:12px}.fg-woff-note-card p{margin:10px 0 0;color:#7a8394;font-size:12px;line-height:1.8}.fg-woff-result{margin-top:18px;padding:22px}.fg-woff-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.fg-woff-metrics>div{padding:15px;border:1px solid #e9edf3;border-radius:16px;background:#fafbfe}.fg-woff-metrics span,.fg-woff-metrics strong{display:block}.fg-woff-metrics span{color:#7c8595;font-size:11px}.fg-woff-metrics strong{margin-top:4px;font-size:16px}.site-main .fg-woff-tool{direction:inherit}@media(max-width:860px){.fg-woff-workspace{grid-template-columns:1fr}.fg-woff-side{display:grid;grid-template-columns:1fr 1fr}.fg-woff-hero{grid-template-columns:1fr}.fg-woff-mark{display:none}}@media(max-width:600px){.fg-woff-tool{padding:28px 12px 40px}.fg-woff-main-card,.fg-woff-info-card,.fg-woff-result{border-radius:20px}.fg-woff-side{grid-template-columns:1fr}.fg-woff-action-row{flex-direction:column;align-items:stretch}.fg-woff-action-row .fg-woff-btn{width:100%}.fg-woff-result-head{align-items:flex-start;flex-direction:column}.fg-woff-result-head .fg-woff-btn{width:100%}.fg-woff-metrics{grid-template-columns:1fr}}