.fs-step{margin:0 0 26px}.fs-step-head{display:flex;align-items:center;gap:10px;font-weight:700;color:#333;margin-bottom:12px}.fs-step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--accent);color:#fff;border-radius:50%;font-size:.9rem;flex-shrink:0}.fs-upload-area{border:2px dashed var(--accent);padding:34px 20px;border-radius:8px;cursor:pointer;color:var(--accent);text-align:center}.fs-upload-area.hover{background-color:var(--accent-bg)}#fsFileInput{display:none}.fs-fileinfo{display:none;align-items:center;gap:12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 14px;margin-top:12px}.fs-fileinfo .fs-fileicon{color:var(--accent);font-size:1.4rem;flex-shrink:0}.fs-fileinfo .fs-filename{font-weight:700;color:#333;word-break:break-all}.fs-fileinfo .fs-filesub{font-size:.83rem;color:#777;margin-top:2px}#fsCharText{width:100%;min-height:96px;border:1px solid #ccc;border-radius:6px;padding:12px;font-size:1rem;color:#333;box-sizing:border-box;resize:vertical;font-family:inherit}.fs-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}.fs-preset{border:1px solid var(--accent);background:#fff;color:var(--accent);border-radius:20px;padding:7px 16px;font-size:.88rem;cursor:pointer;transition:background .15s,color .15s}.fs-preset:hover{background:var(--accent-bg)}.fs-preset.added{background:var(--accent);color:#fff}.fs-preset i{margin-right:5px}#fsCharCount{font-size:.85rem;color:#888;margin-top:4px}.fs-adv{margin:14px 0 4px}.fs-adv>summary{cursor:pointer;font-size:.9rem;color:var(--accent);font-weight:700}.fs-adv-body{padding:12px 4px 0}.fs-check{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;color:#444}.fs-check input{margin-top:3px}.fs-check .fs-check-hint{display:block;font-size:.8rem;color:#999;margin-top:2px}.fs-actions{text-align:center;margin:22px 0 6px}#fsRunBtn{background-color:var(--accent);color:#fff;border:none;padding:13px 48px;font-size:1.05rem;border-radius:6px;cursor:pointer;font-weight:700}#fsRunBtn:hover:not(:disabled){background-color:var(--accent-hover)}#fsRunBtn:disabled{background-color:#ccc;cursor:not-allowed}.fs-status{display:none;text-align:center;margin:10px 0;font-size:.95rem;color:#555}.fs-status.error{color:#c0392b;font-weight:700}#fsResult{display:none;margin-top:22px}.fs-reduction{background:linear-gradient(135deg,#e6f7f4,#f0f9ff);border:1px solid #bfe6de;border-radius:12px;text-align:center;padding:26px 20px 22px;margin-bottom:20px}.fs-reduction-num{font-size:3.6rem;font-weight:800;line-height:1;color:#1a8a76;letter-spacing:-1px}.fs-reduction-num span{font-size:1.8rem;margin-left:2px}.fs-reduction-label{font-size:1rem;color:#1a8a76;font-weight:700;margin-top:6px}.fs-reduction-sizes{font-size:1rem;color:#555;margin-top:10px}.fs-reduction-sizes strong{color:#1a8a76;font-size:1.15rem}.fs-compare{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.95rem}.fs-compare th,.fs-compare td{border:1px solid #e2e8f0;padding:9px 12px;text-align:right}.fs-compare thead th{background:#f8fafc;text-align:right;color:#64748b;font-weight:600}.fs-compare thead th:first-child{text-align:left}.fs-compare tbody th{text-align:left;background:#f8fafc;color:#334155;font-weight:600}.fs-compare .fs-after{color:#1a8a76;font-weight:700}.fs-downloads{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:8px}.fs-dl{border:1px solid var(--accent);background:#fff;color:var(--accent);border-radius:8px;padding:12px 22px;font-size:1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.fs-dl span{font-size:.8rem;font-weight:400;opacity:.8}.fs-dl:hover{background:var(--accent-bg)}.fs-dl-primary{background:var(--accent);color:#fff}.fs-dl-primary:hover{background:var(--accent-hover)}.fs-woff2-note{font-size:.85rem;color:#b45309;text-align:center;width:100%}.fs-css{margin-top:20px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.fs-css-head{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:8px 12px;font-size:.85rem;color:#475569;font-weight:600}.fs-css-head button{border:1px solid var(--accent);background:#fff;color:var(--accent);border-radius:5px;padding:4px 12px;font-size:.82rem;cursor:pointer}.fs-css pre{margin:0;padding:14px;background:#0f172a;color:#e2e8f0;font-size:.82rem;line-height:1.6;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}.fs-license-note{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px 16px;margin-top:26px;font-size:.88rem;color:#92400e;line-height:1.7}.fs-license-note strong{color:#78350f}
