.hand-editor{--he-line:var(--line,#d8dde6);--he-muted:var(--muted,#667085);--he-accent:var(--accent,#2f5bd3);--he-paper:#fff;--he-surface:var(--panel,var(--surface-card,#fff));color:var(--ink,#1d2433)}.hand-editor h2{margin:0 0 8px;font-size:17px}.hand-editor h3{color:var(--he-muted);margin:12px 0 6px;font-size:13px;font-weight:600}.he-cols{grid-template-columns:minmax(220px,300px) minmax(320px,380px) minmax(260px,1fr);align-items:start;gap:20px;display:grid}@media (max-width:1000px){.he-cols{grid-template-columns:1fr}}.he-grid{grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:4px;display:grid}.he-sym{border:1px solid var(--he-line);background:var(--he-surface);height:32px;color:inherit;cursor:pointer;border-radius:6px;font:16px/1 system-ui,sans-serif;position:relative}.he-sym.own{border-color:var(--he-accent);box-shadow:inset 0 -3px 0 var(--he-accent)}.he-sym.draft{border-style:dashed;border-color:var(--he-accent)}.he-sym.none{color:var(--danger,#b42318);border-color:color-mix(in srgb, var(--danger,#b42318) 45%, transparent)}.he-sym.current{outline:2px solid var(--he-accent);outline-offset:1px}.he-missing,.he-hint{color:var(--he-muted);margin:6px 0;font-size:12.5px;line-height:1.4}.he-area{aspect-ratio:340/300;background:var(--he-paper);border:1px solid var(--he-line);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border-radius:10px;width:100%;max-width:380px;display:block}.he-guide{stroke:#c9d3e6;stroke-width:1px}.he-guide.base{stroke:#7a8db3;stroke-width:1.5px}.he-guide.x{stroke-dasharray:5 5}.he-guide.desc,.he-guide.left{stroke:#e3e8f1}.he-ghost{fill:none;stroke:#c3cad6;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.he-ink{fill:none;stroke:#1a3b8f;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.he-actions,.he-try-list,.hand-editor .he-adjust{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.hand-editor .mini{border:1px solid var(--he-line);background:var(--he-surface);color:inherit;cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:13px;display:inline-flex}.hand-editor .mini:disabled{opacity:.45;cursor:default}.hand-editor .mini.primary{background:var(--he-accent);border-color:var(--he-accent);color:#fff}.hand-editor .mini.icon{padding:4px}.he-replay,.he-try-out{border:1px solid var(--he-line);background:var(--he-paper);color:#1a3b8f;border-radius:10px;min-height:80px;padding:10px;overflow-x:auto}.he-samples{flex-wrap:wrap;gap:6px;display:flex}.he-sample{border:1px solid var(--he-line);background:var(--he-paper);border-radius:8px;align-items:flex-start;gap:2px;padding:4px;display:flex}.he-sample.current{border-color:var(--he-accent)}.he-sample-view{color:#1a3b8f;cursor:pointer;background:0 0;border:0;min-width:52px;min-height:60px}.he-adjust label{color:var(--he-muted);gap:2px;font-size:12.5px;display:grid}.he-try-input{box-sizing:border-box;border:1px solid var(--he-line);background:var(--he-surface);width:100%;color:inherit;border-radius:7px;padding:7px 9px;font:14px ui-monospace,monospace}