:root{--fb:#1b64b0;--fb2:#3584c7;--ink:#1c2733}.fb-page{max-width:1180px}.fb-hero{background:linear-gradient(135deg,#edf5ff,#eef8fb)}.fb-notice{margin-bottom:18px;padding:13px 16px;border-left:4px solid var(--fb);background:#eef6ff;border-radius:0 10px 10px 0;color:#385c7d;font-size:.79rem}.fb-banner{display:none;margin-bottom:15px;padding:13px 16px;border:1px solid #ffc7c1;background:#fff0ef;color:#a82d25;border-radius:11px}.fb-banner.show{display:block}.fb-shell{overflow:hidden;background:#fff;border:1px solid #dce6ef;border-radius:20px;box-shadow:0 18px 55px #25384a17}.fb-upload{position:relative;margin:20px;padding:48px 20px;text-align:center;border:2px dashed #b8ccdf;border-radius:16px;background:linear-gradient(145deg,#fcfeff,#edf5fc);transition:.2s}.fb-upload.drag,.fb-upload:hover{border-color:var(--fb);background:#edf5ff}.fb-upload>input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.fb-mark{display:flex;justify-content:center;gap:7px}.fb-mark b{padding:11px;background:#dfeefa;color:var(--fb);border-radius:9px;font-size:.7rem}.fb-upload h2{margin:15px 0 5px}.fb-upload p{margin:0;color:#697a89}.fb-upload em{display:inline-block;margin:16px 0 8px;padding:10px 20px;background:var(--ink);color:#fff;border-radius:9px;font-style:normal;font-weight:700}.fb-upload small{display:block;color:#748493}.fb-editor{display:grid;grid-template-columns:1.3fr .78fr;gap:20px;padding:20px}.fb-stage{position:relative;min-height:560px;display:grid;place-items:center;background:#e8edf1;border-radius:14px;overflow:hidden;touch-action:none}.fb-stage canvas{max-width:100%;max-height:560px;box-shadow:0 12px 30px #20374b3b;cursor:grab}.fb-stage>div{position:absolute;inset:12% 18%;border:2px dashed #fff;pointer-events:none}.fb-stage>div span{padding:4px 7px;background:#122437b8;color:#fff;font-size:.65rem}.fb-editor section>p{text-align:center;color:#71818e;font-size:.7rem}.fb-controls{padding:18px;background:#f6f8fa;border-radius:14px}.fb-head{display:flex;justify-content:space-between}.fb-head span,.fb-output>div:first-child span,.fb-formats>div:first-child span{color:var(--fb);font-weight:700}.fb-head h2{max-width:230px;margin:3px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fb-head button{height:32px;border:0;background:#e7edf2;border-radius:7px}.fb-controls>label{display:block;margin-top:13px;font-size:.74rem;font-weight:700}.fb-controls select,.fb-controls input{box-sizing:border-box;width:100%;margin-top:5px;padding:8px;border:1px solid #cad7e1;border-radius:7px;background:#fff}.fb-controls input[type=range]{padding:0;accent-color:var(--fb)}.fb-controls input[type=color]{height:38px;padding:3px}.fb-controls output{float:right;color:var(--fb)}.fb-secondary{width:100%;margin-top:10px;padding:8px;border:1px solid #cad7e1;background:#fff;border-radius:7px}.fb-check{display:flex!important;gap:7px}.fb-check input{width:auto!important}.fb-controls>button:last-of-type{width:100%;margin-top:16px;padding:12px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--fb),var(--fb2));color:#fff;font-weight:700}.fb-controls>p{text-align:center;color:#748493;font-size:.67rem}.fb-output{margin:0 20px 20px;padding:18px;border:1px solid #dce6ef;border-radius:14px}.fb-output h2{margin:3px 0 13px}.fb-output canvas{display:block;max-width:100%;max-height:600px;margin:auto}.fb-output>div:nth-of-type(2){display:flex;gap:8px;margin-top:12px}.fb-output button{padding:10px 14px;border:0;border-radius:8px;background:var(--fb);color:#fff;font-weight:700}.fb-output button+button{background:#3479b5}.fb-output>p{color:#71818e;font-size:.73rem}.fb-formats,.fb-steps,.fb-faq{margin-top:50px}.fb-formats>div:first-child{text-align:center}.fb-formats>div:last-child,.fb-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.fb-formats article,.fb-steps article{padding:19px;border:1px solid #dce6ef;border-radius:14px}.fb-formats article>b,.fb-steps article>b{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 3px;background:#dfedfa;color:var(--fb);border-radius:8px}.fb-formats p,.fb-steps p,.fb-faq p{color:#687987;font-size:.84rem;line-height:1.6}.fb-faq{max-width:820px;margin-left:auto;margin-right:auto}.fb-faq details{padding:15px 3px;border-bottom:1px solid #dce6ef}.fb-faq summary{font-weight:700}@media(max-width:950px){.fb-editor{grid-template-columns:1fr}.fb-formats>div:last-child,.fb-steps>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.fb-upload{margin:10px;padding:38px 12px}.fb-editor{padding:10px}.fb-stage{min-height:410px}.fb-output{margin:0 10px 14px;padding:12px}.fb-output>div:nth-of-type(2){flex-direction:column}.fb-formats>div:last-child,.fb-steps>div{grid-template-columns:1fr}}