.csRoot .edHead{box-sizing:border-box;max-width:72rem;margin:0 auto;padding:24px 16px 4px}@media (min-width:768px){.csRoot .edHead{padding:32px 16px 8px}}.csRoot .edMark{display:block;margin:0 auto 12px}.csRoot .edTool{box-sizing:border-box;max-width:72rem;margin:0 auto;padding:12px 12px 4px}@media (min-width:640px){.csRoot .edTool{padding:16px 16px 4px}}.csRoot .edGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media (min-width:768px){.csRoot .edGrid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}@media (min-width:1024px){.csRoot .edGrid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}.csRoot .edBoardCol{min-width:0}.csRoot .edSide{gap:16px;min-width:0}.csRoot .edSide,.csRoot .edStack{display:flex;flex-direction:column}.csRoot .edStack{align-items:center;gap:12px}.csRoot .edSlot{max-width:100%}.csRoot .edModes{display:flex;gap:8px}.csRoot .csKey .edKeyLabel{min-width:0}.csRoot .csKey.edModeKey{--csKeyPressPull:calc(1px - var(--csDepth));--csKeyInk:var(--csInkBody);--csKeyInkHi:var(--csInk);flex:1 1 0;min-width:0;min-height:44px;gap:8px;justify-content:center;padding:0 14px;border-radius:var(--csRadKeySm);font-size:14px;line-height:var(--csLeadFlat)}.csRoot .edPalette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.csRoot .csKey.edPieceKey{--csKeyPressPull:calc(1px - var(--csDepth));aspect-ratio:1;justify-content:center;padding:5px;border-radius:var(--csRadKeySm)}.csRoot .edPieceArt{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.csRoot .edBoard{box-sizing:border-box;position:relative;max-width:100%;overflow:hidden;background:var(--csWell);border-radius:var(--csRadKeySm);box-shadow:inset 0 0 0 1px var(--csBoardEdge),var(--csCutShadow);-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:pointer}.csRoot .edBoard[data-mode=hand]{cursor:grab}.csRoot .edFenRow{display:flex;align-items:center;gap:8px}.csRoot .edFenRow .csIconBtn{flex:none}.csRoot .csInput.edFen{min-width:0;font-family:var(--csMono);font-size:13px}@media (pointer:coarse){.csRoot .csInput.edFen{font-size:16px}}.csRoot .edCopyOk{color:var(--csSuccess)}.csRoot .edSides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.csRoot .csKey.edSideKey{--csKeyPressPull:calc(1px - var(--csDepth));--csKeyInk:var(--csInkBody);--csKeyInkHi:var(--csInk);min-width:0;min-height:44px;justify-content:center;padding:0 10px;border-radius:var(--csRadKeySm);font-size:13.5px;line-height:var(--csLeadFlat);text-align:center}.csRoot .edActions{display:flex;flex-direction:column;gap:8px}.csRoot .edArticle{box-sizing:border-box;display:flex;flex-direction:column;gap:44px;max-width:56rem;margin:0 auto;padding:48px 16px 96px}.csRoot .edSection{display:flex;flex-direction:column;gap:20px}.csRoot .edUses{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}@media (min-width:640px){.csRoot .edUses{grid-template-columns:repeat(2,minmax(0,1fr))}}.csRoot .edUses .csCardBody{font-size:15px;color:var(--csInkBody)}.csRoot .edFaq{display:flex;flex-direction:column;gap:8px}.csRoot .edFaqItem{box-sizing:border-box;background:var(--csPanel);border:1px solid var(--csLine);border-radius:var(--csRadPanel)}.csRoot .edFaqSummary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;cursor:pointer;list-style:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.csRoot .edFaqSummary::-webkit-details-marker{display:none}.csRoot .edFaqSummary:focus-visible{outline:var(--csFocusW) solid var(--csAmberHi);outline-offset:var(--csFocusGap);border-radius:var(--csRadPanel)}.csRoot .edFaqQ{font-family:var(--csDisplay);font-size:16px;font-weight:600;line-height:var(--csLeadTitle);color:var(--csInk);margin:0}.csRoot .edFaqMark{flex:none;color:var(--csInkMeta);transition:transform var(--csKeyMs) var(--csEase),color var(--csTintMs) var(--csEase)}.csRoot .edFaqSummary:hover .edFaqMark{color:var(--csInkBody)}.csRoot .edFaqItem[open] .edFaqMark{transform:rotate(45deg);color:var(--csInk)}.csRoot .edFaqA{padding:0 16px 18px;font-family:var(--csUi);font-size:15px;line-height:var(--csLeadBody);color:var(--csInkBody)}@media (pointer:coarse){.csRoot .edFaqSummary{min-height:44px}}.csRoot .edClose{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:16px;text-align:center}.csRoot .edCloseLine{max-width:38rem;margin:0;font-family:var(--csUi);font-size:14px;line-height:var(--csLeadBody);color:var(--csInkMeta)}