.hanzi-stroke-gif-tool_page___LWHm{--hanzi-kai:"Kaiti SC","Kaiti TC","STKaiti","KaiTi","DFKai-SB","BiauKai","TW-Kai","Noto Serif SC","Noto Serif TC",serif;width:min(100% - 28px,1240px);margin:0 auto;padding:32px 0 64px;color:#101828}.hanzi-stroke-gif-tool_intro__N_Rur{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:center;overflow:hidden;margin-bottom:22px;padding:28px 32px;border:1px solid #dbeafe;border-radius:30px;background:radial-gradient(circle at 79% 20%,rgba(56,189,248,.18),transparent 27%),linear-gradient(135deg,#f8fbff,#edf7ff 58%,#e6fffb);box-shadow:0 18px 50px rgba(30,64,175,.08)}.hanzi-stroke-gif-tool_eyebrow__yN7tf{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:#0b57d0;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hanzi-stroke-gif-tool_intro__N_Rur h1{margin:0;font-size:clamp(32px,4.2vw,54px);line-height:1.03;letter-spacing:-.045em}.hanzi-stroke-gif-tool_intro__N_Rur p{max-width:760px;margin:14px 0 0;color:#52637a;font-size:16px;font-weight:600;line-height:1.7}.hanzi-stroke-gif-tool_brandCard__4xPat{position:relative;display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:0 16px 40px rgba(14,116,144,.1)}.hanzi-stroke-gif-tool_brandCard__4xPat strong{display:grid;width:90px;height:90px;place-items:center;border-radius:20px;background:linear-gradient(rgba(11,87,208,.08) 1px,transparent 0),linear-gradient(90deg,rgba(11,87,208,.08) 1px,transparent 0),#fff;background-size:50% 50%;color:#0b57d0;font-family:var(--hanzi-kai);font-size:58px;font-weight:500}.hanzi-stroke-gif-tool_brandCard__4xPat span{color:#0f3f70;font-size:14px;font-weight:900;line-height:1.55}.hanzi-stroke-gif-tool_workspace__c4jUW{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.hanzi-stroke-gif-tool_characterTable__GU6E_,.hanzi-stroke-gif-tool_controls__nr30X,.hanzi-stroke-gif-tool_guide__kFyYY,.hanzi-stroke-gif-tool_output__2UT4H{border:1px solid #e1e8f2;background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.06)}.hanzi-stroke-gif-tool_controls__nr30X{position:sticky;top:98px;padding:22px;border-radius:26px}.hanzi-stroke-gif-tool_outputHeading__pvTDD,.hanzi-stroke-gif-tool_panelHeading__nqUnq,.hanzi-stroke-gif-tool_tableHeading__dKllB{display:flex;align-items:center;justify-content:space-between;gap:16px}.hanzi-stroke-gif-tool_panelHeading__nqUnq{margin-bottom:22px}.hanzi-stroke-gif-tool_outputHeading__pvTDD span,.hanzi-stroke-gif-tool_panelHeading__nqUnq span,.hanzi-stroke-gif-tool_tableHeading__dKllB span{display:block;color:#0b57d0;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hanzi-stroke-gif-tool_outputHeading__pvTDD h2,.hanzi-stroke-gif-tool_panelHeading__nqUnq h2,.hanzi-stroke-gif-tool_tableHeading__dKllB h2{margin:4px 0 0;font-size:21px;line-height:1.2}.hanzi-stroke-gif-tool_panelHeading__nqUnq>button{display:grid;width:42px;height:42px;place-items:center;border:1px solid #dce5f1;border-radius:14px;background:#f8fafc;color:#54657b;cursor:pointer}.hanzi-stroke-gif-tool_field__5wnlg{display:grid;gap:8px}.hanzi-stroke-gif-tool_colorFields__aUoib span,.hanzi-stroke-gif-tool_field__5wnlg>span,.hanzi-stroke-gif-tool_rangeField__mSWvu b{color:#344054;font-size:13px;font-weight:900}.hanzi-stroke-gif-tool_field__5wnlg textarea{width:100%;resize:vertical;min-height:90px;padding:14px 16px;border:1px solid #ccd8e7;border-radius:16px;outline:none;background:#fbfdff;color:#0b57d0;font-family:var(--hanzi-kai);font-size:31px;line-height:1.35;transition:border-color .15s ease,box-shadow .15s ease}.hanzi-stroke-gif-tool_field__5wnlg textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(59,130,246,.11)}.hanzi-stroke-gif-tool_field__5wnlg small{color:#7b8a9e;font-size:11px;font-weight:700}.hanzi-stroke-gif-tool_rangeField__mSWvu{display:grid;gap:8px;margin-top:18px}.hanzi-stroke-gif-tool_rangeField__mSWvu>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.hanzi-stroke-gif-tool_rangeField__mSWvu output{color:#0b57d0;font-size:12px;font-weight:900}.hanzi-stroke-gif-tool_rangeField__mSWvu input[type=range]{width:100%;accent-color:#0b57d0}.hanzi-stroke-gif-tool_toggleGroup__bBn8q{display:grid;gap:4px;margin-top:15px}.hanzi-stroke-gif-tool_toggleRow__LzdIb{position:relative;display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eef2f7;color:#475467;font-size:12px;font-weight:800;cursor:pointer}.hanzi-stroke-gif-tool_toggleRow__LzdIb input{position:absolute;opacity:0;pointer-events:none}.hanzi-stroke-gif-tool_toggle__xw05M{position:relative;flex:0 0 auto;width:40px;height:23px;border-radius:99px;background:#cbd5e1;transition:background .16s ease}.hanzi-stroke-gif-tool_toggle__xw05M:after{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(15,23,42,.22);content:"";transition:transform .16s ease}.hanzi-stroke-gif-tool_toggleRow__LzdIb input:checked+.hanzi-stroke-gif-tool_toggle__xw05M{background:#0b57d0}.hanzi-stroke-gif-tool_toggleRow__LzdIb input:checked+.hanzi-stroke-gif-tool_toggle__xw05M:after{transform:translateX(17px)}.hanzi-stroke-gif-tool_advancedButton__PsL0S{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:18px;padding:13px 14px;border:1px solid #dce5f1;border-radius:15px;background:#f7faff;color:#274568;font-size:13px;font-weight:900;cursor:pointer}.hanzi-stroke-gif-tool_advancedButton__PsL0S span{display:flex;align-items:center;gap:8px}.hanzi-stroke-gif-tool_advancedButton__PsL0S svg:last-child{transition:transform .18s ease}.hanzi-stroke-gif-tool_chevronOpen__l1JK5{transform:rotate(180deg)}.hanzi-stroke-gif-tool_advancedPanel__5LGSu{margin-top:10px;padding:2px 13px 12px;border:1px solid #e4eaf2;border-radius:16px;background:#fbfcfe}.hanzi-stroke-gif-tool_colorFields__aUoib{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 6px}.hanzi-stroke-gif-tool_colorFields__aUoib label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.hanzi-stroke-gif-tool_colorFields__aUoib input{width:32px;height:28px;padding:0;border:0;background:transparent}.hanzi-stroke-gif-tool_sideActions__YJaYg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.hanzi-stroke-gif-tool_downloadAll__G6vy5,.hanzi-stroke-gif-tool_sideActions__YJaYg button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:8px;border:1px solid #d8e2ef;border-radius:14px;background:#fff;color:#344054;font-size:12px;font-weight:900;cursor:pointer}.hanzi-stroke-gif-tool_downloadAll__G6vy5{width:100%;min-height:50px;margin-top:10px;border-color:#0b57d0;background:#0b57d0;color:#fff;font-size:13px}.hanzi-stroke-gif-tool_downloadAll__G6vy5:disabled{border-color:#cbd5e1;background:#cbd5e1;cursor:not-allowed}.hanzi-stroke-gif-tool_copyright__W08sL{display:flex;align-items:flex-start;gap:7px;margin:12px 4px 0;color:#7c8da3;font-size:10px;font-weight:700;line-height:1.5}.hanzi-stroke-gif-tool_output__2UT4H{min-width:0;padding:24px;border-radius:26px}.hanzi-stroke-gif-tool_outputHeading__pvTDD{margin-bottom:20px}.hanzi-stroke-gif-tool_legend__RI_2w{display:flex;align-items:center;gap:12px}.hanzi-stroke-gif-tool_legend__RI_2w span{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:10px;letter-spacing:0;text-transform:none}.hanzi-stroke-gif-tool_legend__RI_2w i{width:9px;height:9px;border-radius:50%}.hanzi-stroke-gif-tool_notice__ZkQFu{margin:-4px 0 16px;padding:11px 13px;border:1px solid #bbf7d0;border-radius:13px;background:#f0fdf4;color:#067647;font-size:12px;font-weight:800}.hanzi-stroke-gif-tool_previewGrid__yrLow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hanzi-stroke-gif-tool_previewList__lyBLU{display:grid;grid-template-columns:minmax(0,520px);gap:16px;justify-content:center}.hanzi-stroke-gif-tool_previewCard__Np9Th{min-width:0;padding:14px;border:1px solid #e2e8f0;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.hanzi-stroke-gif-tool_previewCard__Np9Th:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.08)}.hanzi-stroke-gif-tool_previewCardSelected__Ms06e{border-color:#93c5fd;box-shadow:inset 0 0 0 1px rgba(59,130,246,.16)}.hanzi-stroke-gif-tool_previewCardTop__VZtWt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.hanzi-stroke-gif-tool_checkLabel__mtZdD{display:inline-flex;align-items:center;gap:7px;color:#52637a;font-size:10px;font-weight:900;cursor:pointer}.hanzi-stroke-gif-tool_checkLabel__mtZdD input{position:absolute;opacity:0}.hanzi-stroke-gif-tool_checkLabel__mtZdD span{display:grid;width:20px;height:20px;place-items:center;border:1px solid #cbd5e1;border-radius:7px;color:transparent;background:#fff}.hanzi-stroke-gif-tool_checkLabel__mtZdD input:checked+span{border-color:#0b57d0;background:#0b57d0;color:#fff}.hanzi-stroke-gif-tool_scriptBadge__M6p5_{padding:5px 8px;border-radius:999px;background:#eef6ff;color:#0b57d0;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.hanzi-stroke-gif-tool_writerShell__rwps1{--writer-size:220px;position:relative;display:grid;width:min(100%,var(--writer-size));aspect-ratio:1;place-items:center;overflow:hidden;margin:0 auto;border:1px solid #cbd5e1;border-radius:16px;background:#fff}.hanzi-stroke-gif-tool_writerGrid__cpLZ_{background:linear-gradient(45deg,transparent calc(50% - .5px),#dbe3ef 50%,transparent calc(50% + .5px)),linear-gradient(-45deg,transparent calc(50% - .5px),#dbe3ef 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),#cbd5e1 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#cbd5e1 50%,transparent calc(50% + .5px)),#fff}.hanzi-stroke-gif-tool_writerHost__tW4Qd,.hanzi-stroke-gif-tool_writerTarget__jggx6{width:100%;height:100%}.hanzi-stroke-gif-tool_writerTarget__jggx6>canvas,.hanzi-stroke-gif-tool_writerTarget__jggx6>svg{display:block;width:100%!important;height:100%!important}.hanzi-stroke-gif-tool_cardPinyin__aKx3U,.hanzi-stroke-gif-tool_watermark__LI3Nt{position:absolute;bottom:7px;z-index:2;color:rgba(15,23,42,.46);font-size:9px;font-weight:900;pointer-events:none}.hanzi-stroke-gif-tool_watermark__LI3Nt{left:9px}.hanzi-stroke-gif-tool_cardPinyin__aKx3U{right:9px}.hanzi-stroke-gif-tool_cardIdentity__dYuvV{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;align-items:center;margin-top:12px;padding:10px 11px;border-radius:14px;background:#f7faff}.hanzi-stroke-gif-tool_cardIdentity__dYuvV>strong{color:#0b57d0;font-family:var(--hanzi-kai);font-size:34px;font-weight:500;text-align:center}.hanzi-stroke-gif-tool_cardIdentity__dYuvV div{display:grid;gap:3px;min-width:0}.hanzi-stroke-gif-tool_cardIdentity__dYuvV b{color:#0b57d0;font-size:12px}.hanzi-stroke-gif-tool_cardIdentity__dYuvV span{overflow:hidden;color:#5f6f83;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.hanzi-stroke-gif-tool_cardActions__nwrxm{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:10px}.hanzi-stroke-gif-tool_cardActions__nwrxm button{display:grid;min-width:0;min-height:49px;place-items:center;gap:3px;padding:5px 2px;border:1px solid #e0e7f0;border-radius:11px;background:#fff;color:#52637a;font-size:8px;font-weight:900;cursor:pointer}.hanzi-stroke-gif-tool_cardActions__nwrxm button:hover{border-color:#93c5fd;color:#0b57d0;background:#eff6ff}.hanzi-stroke-gif-tool_cardActions__nwrxm button:disabled{opacity:.55;cursor:wait}.hanzi-stroke-gif-tool_details__fgUIZ,.hanzi-stroke-gif-tool_quizNotice__6v3yr{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;border-radius:12px;font-size:10px;font-weight:800}.hanzi-stroke-gif-tool_quizNotice__6v3yr{flex-wrap:wrap;background:#ecfeff;color:#0e7490}.hanzi-stroke-gif-tool_details__fgUIZ button,.hanzi-stroke-gif-tool_quizNotice__6v3yr button{display:inline-flex;align-items:center;gap:5px;margin-left:auto;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.hanzi-stroke-gif-tool_details__fgUIZ{background:#f8fafc;color:#5b6b7e}.hanzi-stroke-gif-tool_details__fgUIZ span{padding-right:8px;border-right:1px solid #dce4ee}.hanzi-stroke-gif-tool_cardError__x0cvh{margin:9px 2px 0;color:#b42318;font-size:10px;font-weight:800}.hanzi-stroke-gif-tool_emptyState__mlCkP{display:grid;min-height:390px;place-items:center;align-content:center;padding:30px;border:1px dashed #bfd0e3;border-radius:22px;background:#f8fbff;color:#718096;text-align:center}.hanzi-stroke-gif-tool_emptyState__mlCkP h3{margin:14px 0 5px;color:#243b5a}.hanzi-stroke-gif-tool_emptyState__mlCkP p{margin:0;font-size:13px}.hanzi-stroke-gif-tool_characterTable__GU6E_{margin-top:20px;padding:18px;border-radius:20px;box-shadow:none}.hanzi-stroke-gif-tool_tableHeading__dKllB{margin-bottom:14px}.hanzi-stroke-gif-tool_tableHeading__dKllB h2{font-size:18px}.hanzi-stroke-gif-tool_characterTable__GU6E_ td button,.hanzi-stroke-gif-tool_tableHeading__dKllB button{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e2ed;border-radius:10px;background:#fff;color:#53647a;font-size:10px;font-weight:900;cursor:pointer}.hanzi-stroke-gif-tool_tableHeading__dKllB button{padding:9px 11px}.hanzi-stroke-gif-tool_tableScroll__wLpn1{overflow-x:auto;border:1px solid #e2e8f0;border-radius:14px}.hanzi-stroke-gif-tool_characterTable__GU6E_ table{width:100%;min-width:650px;border-collapse:collapse}.hanzi-stroke-gif-tool_characterTable__GU6E_ td,.hanzi-stroke-gif-tool_characterTable__GU6E_ th{padding:10px 11px;border-bottom:1px solid #edf1f6;color:#52637a;font-size:11px;font-weight:700;text-align:left}.hanzi-stroke-gif-tool_characterTable__GU6E_ th{background:#f7faff;color:#64748b;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.hanzi-stroke-gif-tool_characterTable__GU6E_ tr:last-child td{border-bottom:0}.hanzi-stroke-gif-tool_characterTable__GU6E_ input{accent-color:#0b57d0}.hanzi-stroke-gif-tool_tableCharacter__E9R58{color:#0b57d0!important;font-family:var(--hanzi-kai);font-size:25px!important;font-weight:500!important}.hanzi-stroke-gif-tool_characterTable__GU6E_ td button{padding:7px 9px;color:#0b57d0}.hanzi-stroke-gif-tool_guide__kFyYY{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:20px;border-radius:22px;background:#e6edf6}.hanzi-stroke-gif-tool_guide__kFyYY>div{display:flex;align-items:center;gap:11px;padding:18px;background:#fff;color:#617187;font-size:12px;font-weight:700;line-height:1.5}.hanzi-stroke-gif-tool_guide__kFyYY svg{flex:0 0 auto;color:#0b57d0}.hanzi-stroke-gif-tool_guide__kFyYY b{color:#243b5a}.hanzi-stroke-gif-tool_spin__Lj_AK{animation:hanzi-stroke-gif-tool_spin__Lj_AK .8s linear infinite}@keyframes hanzi-stroke-gif-tool_spin__Lj_AK{to{transform:rotate(1turn)}}@media (max-width:1000px){.hanzi-stroke-gif-tool_workspace__c4jUW{grid-template-columns:1fr}.hanzi-stroke-gif-tool_controls__nr30X{position:static}.hanzi-stroke-gif-tool_intro__N_Rur{grid-template-columns:1fr}.hanzi-stroke-gif-tool_brandCard__4xPat{display:none}}@media (max-width:720px){.hanzi-stroke-gif-tool_page___LWHm{width:min(100% - 18px,1240px);padding-top:18px}.hanzi-stroke-gif-tool_controls__nr30X,.hanzi-stroke-gif-tool_intro__N_Rur,.hanzi-stroke-gif-tool_output__2UT4H{padding:19px;border-radius:22px}.hanzi-stroke-gif-tool_previewGrid__yrLow{grid-template-columns:1fr}.hanzi-stroke-gif-tool_outputHeading__pvTDD{align-items:flex-start;flex-direction:column}.hanzi-stroke-gif-tool_guide__kFyYY{grid-template-columns:1fr}}