.HanziWriter_shell__Uz7uG{--hanzi-grid-bg:#0f172a;--hanzi-grid-border:rgba(103,232,249,.38);--hanzi-grid-line-color:rgba(34,211,238,.42);--hanzi-reset-color:#082f49;--hanzi-reset-bg:#67e8f9;display:inline-block;position:relative;max-width:100%;padding:8px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(2,6,23,.72);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.HanziWriter_hanziGrid__bPU2K{position:relative;max-width:100%;overflow:hidden;border:1px solid var(--hanzi-grid-border);border-radius:12px;background:var(--hanzi-grid-bg)}.HanziWriter_gridLine__b0WK_{position:absolute;z-index:1;pointer-events:none;opacity:.78}.HanziWriter_vertical__OUfGj{top:0;bottom:0;left:50%;border-left:1px dashed var(--hanzi-grid-line-color)}.HanziWriter_horizontal__Ts8lK{left:0;right:0;top:50%;border-top:1px dashed var(--hanzi-grid-line-color)}.HanziWriter_diagonal__Y9jp2{top:50%;left:50%;width:150%;border-top:1px dashed var(--hanzi-grid-line-color);transform-origin:center}.HanziWriter_diag1___CTbV{transform:translate(-50%,-50%) rotate(45deg)}.HanziWriter_diag2__UP5P1{transform:translate(-50%,-50%) rotate(-45deg)}.HanziWriter_diag3__TzU7H{transform:translate(-50%,-50%) rotate(135deg)}.HanziWriter_diag4__B5whY{transform:translate(-50%,-50%) rotate(-135deg)}.HanziWriter_writer__oY4j_{position:absolute;z-index:2;inset:0}.HanziWriter_resetBtn__hjxvc{position:absolute;z-index:10;top:10px;right:10px;width:38px;height:38px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;border:0!important;border-radius:12px!important;color:var(--hanzi-reset-color)!important;background:var(--hanzi-reset-bg)!important;box-shadow:0 8px 22px rgba(6,182,212,.24)!important;opacity:.92;transition:transform .16s ease,opacity .16s ease!important}.HanziWriter_resetBtn__hjxvc:focus-visible,.HanziWriter_resetBtn__hjxvc:hover{opacity:1;transform:rotate(-18deg) scale(1.04)}