/* Spacious handwriting review, shared by both toolkit modes. */
#handwriting-tool #hw-font-dialog{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--tool-rule);border-radius:12px;background:#fffdf9;color:var(--tool-ink);box-shadow:0 24px 100px #30274255;overflow:hidden}
#handwriting-tool #hw-font-dialog[open]{display:flex;flex-direction:column}
#hw-font-dialog::backdrop{background:#30274299;backdrop-filter:blur(4px)}
#hw-font-dialog .hw-dialog-header,#hw-font-dialog .hw-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;background:#f3eff9;flex-shrink:0}
#hw-font-dialog .hw-dialog-header{border-bottom:1px solid var(--tool-rule)}
#hw-font-dialog .hw-dialog-window-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;min-width:0;overflow-x:auto;padding:2px;scrollbar-width:thin}
#hw-font-dialog .hw-dialog-window-actions button{flex:none;white-space:nowrap}
#hw-font-dialog .hw-action-short{display:none}
#hw-font-dialog .hw-dialog-window-actions #hw-dialog-minimize{border:1px solid #c4cbc8;background:#fff;color:var(--tool-ink);min-width:190px}
#hw-font-dialog .hw-dialog-header p{font-size:10px;letter-spacing:.14em;color:var(--tool-teal);font-weight:800;margin:0 0 5px}
#hw-font-dialog .hw-dialog-header h2{font-size:26px;margin:0;letter-spacing:-.035em}
#hw-font-dialog .hw-dialog-body{flex:1;min-height:0;overflow:auto;padding:24px 28px;scrollbar-width:thin}
#hw-font-dialog .hw-dialog-footer{border-top:1px solid var(--tool-rule);font-size:12px;color:var(--tool-muted)}
#handwriting-tool #hw-font-dialog p,#handwriting-tool #hw-font-dialog .field-label,#handwriting-tool #hw-font-dialog .pdf-check{font-size:13px;line-height:1.6}
#hw-font-dialog .hw-photo-instructions{border-bottom:1px solid var(--tool-rule);padding-bottom:18px}
#hw-font-dialog summary{cursor:pointer;font-weight:700;font-size:15px}
#hw-font-dialog .hw-mapping-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
#hw-font-dialog .hw-mapping-sheet,#hw-font-dialog .hw-mapping-glyphs{min-width:0}
#hw-font-dialog .hw-sheet-toolbar{padding:10px 0;font-size:12px}
#hw-font-dialog .hw-sheet-toolbar label{display:flex;align-items:center;gap:12px}
#hw-font-dialog .hw-sheet-scroll{overflow:auto;max-height:480px;border:1px solid var(--tool-rule);background:#eae8ef}
#handwriting-tool #hw-sheet{max-width:none;border:0}
#hw-font-dialog #hw-glyphs{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));max-height:360px;overflow:auto;padding:3px;margin:10px 0;gap:8px}
#hw-font-dialog .hw-glyphs canvas{height:82px;width:100%;object-fit:contain}
#hw-font-dialog .hw-glyphs span{text-align:center;font-size:14px;padding:5px}
#hw-font-dialog #hw-imported-glyphs{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}
#hw-font-dialog .hw-font-glyph{border:1px solid var(--tool-rule);border-radius:4px;background:white}
#hw-font-dialog .hw-crop{align-items:center}
#hw-font-dialog #hw-selected-preview{width:112px;height:126px;flex:none;border:1px solid var(--tool-rule);background:white;object-fit:contain}
#handwriting-tool #hw-font-dialog .hw-crop .field-label{flex:1 1 90px}
#hw-font-dialog .hw-build-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
#hw-font-dialog .hw-build-action #hw-build{background:var(--tool-ink);color:white;margin:0}
#hw-font-dialog #hw-build-status{margin:0;padding:8px 11px;border-left:3px solid var(--tool-rule);border-radius:2px;color:var(--tool-muted);background:#f7f5f9}
#hw-font-dialog #hw-build-status[data-state=busy]{border-color:var(--tool-teal);color:var(--tool-teal);background:var(--tool-warm)}
#hw-font-dialog #hw-build-status[data-state=success]{border-color:#55a06d;color:#176535;background:#edf8ef}
#hw-font-dialog #hw-build-status[data-state=error]{border-color:#c64d5d;color:#a12030;background:#fff0f0}
#handwriting-tool .hw-font-overview{padding-bottom:10px;border-bottom:1px solid var(--tool-rule)}
#handwriting-tool .hw-editor-minimized{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px;border:1px solid #cfc7e4;border-left:4px solid var(--tool-teal);border-radius:5px;background:#f5f1fa;color:var(--tool-ink)}
#handwriting-tool .hw-editor-minimized[hidden]{display:none}
#handwriting-tool .hw-editor-minimized span{min-width:0}
#handwriting-tool .hw-editor-minimized b,#handwriting-tool .hw-editor-minimized small{display:block}
#handwriting-tool .hw-editor-minimized small{margin-top:3px;color:var(--tool-muted);font-size:11px;line-height:1.45}
#handwriting-tool .hw-editor-minimized button{flex:none;white-space:nowrap}
#handwriting-tool #hw-library-status[data-state=error]{color:#ad354b}
#handwriting-tool #hw-library-status[data-state=success]{color:var(--tool-teal)}
#handwriting-tool #hw-save{transition:background-color .18s,border-color .18s,color .18s,transform .18s}#handwriting-tool #hw-save[data-state=busy]{border-color:var(--tool-teal);color:var(--tool-teal);background:var(--tool-warm);cursor:wait}#handwriting-tool #hw-save[data-state=busy]::before{content:' ';display:inline-block;width:10px;height:10px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:hw-save-spin .7s linear infinite}@keyframes hw-save-spin{to{transform:rotate(360deg)}}#handwriting-tool #hw-save[data-state=success]{border-color:#76b98b;color:#176535;background:#edf8ef;transform:translateY(-1px)}#handwriting-tool #hw-save[data-state=error]{border-color:#c64d5d;color:#a12030;background:#fff0f0}
#handwriting-tool .hw-privacy{font-size:11px}
@media(max-width:760px){#handwriting-tool #hw-font-dialog{width:100vw;height:100dvh;border-radius:0;border:0}#hw-font-dialog .hw-dialog-header,#hw-font-dialog .hw-dialog-footer{padding:14px 16px;gap:10px}#hw-font-dialog .hw-dialog-header{align-items:stretch;flex-direction:column}#hw-font-dialog .hw-dialog-header h2{font-size:22px}#hw-font-dialog .hw-dialog-window-actions{width:100%;justify-content:space-between;gap:4px;overflow:visible;padding:0}#hw-font-dialog .hw-dialog-window-actions button{min-width:0!important;padding:8px 7px;font-size:9px}#hw-font-dialog .hw-action-long{display:none}#hw-font-dialog .hw-action-short{display:inline}#hw-font-dialog .hw-dialog-body{padding:16px}#hw-font-dialog .hw-mapping-layout{grid-template-columns:1fr;gap:16px}#hw-font-dialog #hw-glyphs{max-height:270px}#hw-font-dialog .hw-dialog-footer span{max-width:50%;font-size:10px}#handwriting-tool .hw-editor-minimized{align-items:stretch;flex-direction:column}#handwriting-tool .hw-editor-minimized button{width:100%}}