.fs-page{--fs-ink:#162443;--fs-blue:#365ff1;--fs-muted:#5b6b85;--fs-line:#dde5f1;--fs-soft:#f4f7fd;color:var(--fs-ink)}
.fs-page .fs-hero{padding:42px 0 30px;background:linear-gradient(120deg,#f5f8ff,#fff 65%)}
.fs-page .fs-hero-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:36px;align-items:center}
.fs-page h1{font-size:clamp(30px,3.6vw,48px);line-height:1.13;letter-spacing:-1.3px;max-width:760px;margin:15px 0 20px}
.fs-page .fs-hero p{font-size:18px;line-height:1.65;max-width:700px;color:#4f607d}
.fs-page .fs-tags,.fs-page .fs-actions,.fs-page .fs-presets{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.fs-page .fs-tags{margin-top:22px}.fs-page .fs-tags span{font-size:13px;background:#fff;border:1px solid var(--fs-line);border-radius:100px;padding:7px 12px}
.fs-page .fs-example{background:#192b50;color:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 45px #19325b1c}
.fs-page .fs-example .fs-label{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#c3d0f4}
.fs-page .fs-example strong{display:block;font-size:42px;letter-spacing:-1.5px;margin:8px 0 4px;color:#fff}
.fs-page .fs-example p{font-size:14px;color:#d2dcf3;margin:0 0 22px}
.fs-page .fs-example-parts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.fs-page .fs-example-parts div{background:#ffffff12;border:1px solid #ffffff35;border-radius:12px;padding:13px 10px}
.fs-page .fs-example-parts b{display:block;font-size:18px;color:#a5f0cf}.fs-page .fs-example-parts span{font-size:11px;color:#d3def7}
.fs-page .fs-workspace{margin:10px auto 36px;border:1px solid var(--fs-line);border-radius:24px;padding:28px;background:white;box-shadow:0 12px 38px #192b500b;scroll-margin-top:100px}
.fs-page .fs-workspace h2{font-size:25px;margin:0 0 8px;line-height:1.3}.fs-page .fs-workspace .fs-intro{color:var(--fs-muted);margin:0 0 24px}
.fs-page .fs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.fs-page .fs-wide{grid-column:1/-1}
.fs-page .fs-drop{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:var(--fs-soft);border:1.5px dashed #bac9e6;border-radius:16px;padding:24px}
.fs-page .fs-drop.is-dragging{border-color:var(--fs-blue);background:#edf2ff}.fs-page .fs-drop strong{display:block;font-size:17px;overflow-wrap:anywhere}.fs-page .fs-drop small{display:block;color:var(--fs-muted);margin-top:6px}
.fs-page .fs-file-label{display:inline-flex;position:relative;cursor:pointer}.fs-page .fs-file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.fs-page .fs-file-label:focus-within{outline:3px solid #93aaff;outline-offset:4px}
.fs-page label.fs-field{display:block;font-size:14px;font-weight:650}.fs-page .fs-field input,.fs-page .fs-field select{display:block;width:100%;height:46px;margin-top:9px;border:1px solid #c9d5e8;border-radius:10px;padding:10px 12px;background:#fff;font:inherit;color:var(--fs-ink)}
.fs-page .fs-field input:focus-visible,.fs-page .fs-field select:focus-visible,.fs-page button:focus-visible,.fs-page summary:focus-visible{outline:3px solid #94abff;outline-offset:3px}
.fs-page .fs-limit{display:grid;grid-template-columns:1fr 110px;gap:10px}.fs-page .fs-field small{display:block;color:var(--fs-muted);font-size:12px;font-weight:400;line-height:1.6;margin-top:8px}
.fs-page .fs-presets{margin-top:10px}.fs-page .fs-presets button{border:1px solid var(--fs-line);border-radius:7px;background:#f7f9fe;color:#354e82;padding:5px 10px;font-size:12px;cursor:pointer}
.fs-page .fs-check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.fs-page .fs-check input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--fs-blue)}
.fs-page .fs-notice{background:#f0f6ff;border:1px solid #dce7fa;border-radius:12px;padding:14px 17px;color:#40577c;font-size:13px;line-height:1.7}
.fs-page .fs-status{border-top:1px solid var(--fs-line);padding-top:20px;margin-top:24px}.fs-page progress{display:block;width:100%;height:8px;accent-color:var(--fs-blue);border:0;border-radius:10px;margin-bottom:14px}.fs-page [data-status]{font-size:14px;line-height:1.65;margin:0}.fs-page [data-error=true]{color:#a82b35}
.fs-page .fs-results{margin-top:26px;border-top:1px solid var(--fs-line);padding-top:26px}.fs-page .fs-integrity{color:#176747;background:#eef9f2;border-radius:10px;padding:12px 15px;font-size:13px;line-height:1.6}.fs-page .fs-warning{background:#fff8e9;color:#795718;padding:12px 15px;border-radius:10px;font-size:13px;line-height:1.6}
.fs-page .fs-table-wrap{overflow:auto;border:1px solid var(--fs-line);border-radius:12px;margin:18px 0}.fs-page table{border-collapse:collapse;width:100%;font-size:13px}.fs-page td,.fs-page th{padding:16px;text-align:left;border-bottom:1px solid #e8edf6;vertical-align:middle}.fs-page th{background:#f7f9fd;color:#596a86;font-weight:500}.fs-page td:first-child{max-width:330px;overflow-wrap:anywhere}.fs-page td small{display:block;white-space:nowrap;color:var(--fs-muted);margin-top:4px}.fs-page td .btn{font-size:12px;padding:8px 13px}
.fs-page .fs-result-lead{color:var(--fs-muted);font-size:14px}.fs-page .fs-actions{margin-top:18px}.fs-page .fs-actions .btn{font-size:14px;min-height:44px}.fs-page button:disabled{opacity:.5;cursor:wait}
.fs-page .fs-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.fs-page .fs-panel{border:1px solid var(--fs-line);border-radius:18px;padding:26px;background:#fff}.fs-page .fs-panel h2{font-size:23px;margin:0 0 16px}.fs-page .fs-panel h3{font-size:16px;margin:22px 0 10px}.fs-page .fs-panel p,.fs-page .fs-panel li{font-size:15px;line-height:1.8;color:#52617c}.fs-page .fs-panel ol,.fs-page .fs-panel ul{padding-left:22px}.fs-page .fs-panel li+li{margin-top:10px}
.fs-page .fs-toc{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;margin:10px 0 28px}.fs-page .fs-toc a{color:#355be0}
.fs-page .fs-faq{max-width:900px;margin:24px auto 50px}.fs-page .fs-faq h2{font-size:30px;margin-bottom:20px}.fs-page .fs-faq details{border-bottom:1px solid var(--fs-line);padding:18px 0}.fs-page .fs-faq summary{cursor:pointer;font-weight:650;font-size:16px;line-height:1.55}.fs-page .fs-faq p{font-size:15px;line-height:1.8;color:#52617c;margin:14px 0 0}.fs-page .fs-related{background:var(--fs-soft);border-radius:16px;padding:22px 26px;margin:24px 0 42px}.fs-page .fs-related h2{font-size:21px;margin:0 0 10px}.fs-page .fs-related p{font-size:14px;line-height:1.9}
.fs-page [hidden]{display:none!important}.fs-page .fs-workspace input,.fs-page .fs-workspace button,.fs-page .fs-workspace select{max-width:100%}
@media(max-width:760px){.fs-page .fs-hero{padding-top:25px}.fs-page .fs-hero-grid{grid-template-columns:1fr;gap:22px}.fs-page .fs-example{padding:22px}.fs-page .fs-example strong{font-size:34px}.fs-page .fs-workspace{padding:20px 16px;border-radius:18px}.fs-page .fs-form-grid,.fs-page .fs-content{grid-template-columns:1fr}.fs-page .fs-drop{padding:18px}.fs-page .fs-panel{padding:22px}.fs-page .fs-actions{align-items:stretch}.fs-page .fs-actions>.btn{flex:1 1 200px;text-align:center}.fs-page h1{letter-spacing:-.8px}.fs-page .fs-faq h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.fs-page *{scroll-behavior:auto!important;transition:none!important}}