/* V0.6.5 - integrated right hand recognition panel */
#hat063Context.hat065-active #hat063Tools,#hat063Context.hat065-active #hat063SelectionControls{display:none!important}
#hat063Context.hat065-active .hat063-body{overscroll-behavior:contain}
#hat065Panel[hidden]{display:none!important}
#hat065Panel{font-size:12px;display:flex;flex-direction:column;gap:9px;line-height:1.48;min-width:0;color:#d7ecf2}
#hat065Panel .hat065-intro{border:1px solid #3d737b;border-radius:12px;background:#164a51;padding:12px}
#hat065Panel .hat065-intro b{font-size:14px;color:#a5f6e5}
#hat065Panel .hat065-intro p{margin:6px 0 0;color:#d1e6e9}
#hat065Panel .hat065-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:3px 0}
#hat065Panel button{border:1px solid #5d8390;border-radius:9px;padding:9px 6px;background:#244959;color:#e9fdff;font-weight:750;min-width:0;min-height:43px;cursor:pointer;font-size:11px}
#hat065Panel button:hover,#hat065Panel .hat065-active-button{border-color:#a0f8e4;background:#166871}
#hat065Panel .hat065-primary{background:#0f827c;color:white;border-color:#43c9b3}
#hat065Panel button:disabled{opacity:.5;cursor:wait}
#hat065Panel label{font-size:12px!important;font-weight:700;margin:7px 0 0!important;color:#c7e9ed}
#hat065Panel .hat065-check{display:flex!important;gap:8px;align-items:flex-start;line-height:1.5;margin:10px 0!important}
#hat065Panel .hat065-check input{flex:0 0 auto;margin-top:3px}
#hat065Panel .hat065-note{font-size:11px;color:#c0d6df;line-height:1.56;margin:4px 0 6px;overflow-wrap:anywhere}
#hat065Panel .hat065-warning{background:#4c3626;border:1px solid #cb9459;color:#f9e6cd;border-radius:9px;padding:11px;line-height:1.55;font-size:11px}
#hat065Panel .hat065-warning p{margin:8px 0 0}
#hat065Panel #hat065OnlineSection[hidden]{display:none}
#hat065Panel #hat065OnlineSection{display:flex;flex-direction:column;gap:7px}
#hat065Panel .hat065-keyline{display:flex;gap:5px}
#hat065Panel .hat065-keyline input{flex:1;min-width:0}
#hat065Panel #hat065ShowKey{min-width:36px;min-height:42px}
#hat065Panel a{color:#b0e5f9;text-decoration:underline}
#hat065Panel textarea{width:100%;min-height:85px;resize:vertical;padding:10px;box-sizing:border-box;background:#0e2936;color:#fff;border:1px solid #658f9c;border-radius:9px;font:14px/1.6 Consolas,'Segoe UI',monospace}
#hat065PreviewCanvas{max-width:100%;height:auto;background:white;border-radius:8px;display:block;box-sizing:border-box;border:1px solid #accaca;image-rendering:auto}
#hat065Rendered{min-height:38px;border:1px solid #628491;border-radius:9px;background:#f9fbfd;color:#202f37;overflow:auto;padding:12px;font-size:19px;white-space:pre-wrap;overflow-wrap:anywhere}
#hat065Rendered svg{max-width:100%}
#hat065Panel .hat065-error{color:#ffa5a5}
#hat065Panel #hat065Count{color:#99f4df}
#hat065Panel #hat065Model,#hat065Panel #hat065ApiKey,#hat065Panel #hat065ResultType{box-sizing:border-box;min-width:0;width:100%;height:44px}
#hat065OCRTool{border-color:#46908e!important}
#hat065OCRTool.hat062-active{background:#146e71!important;border-color:#7fe7d2!important}
@media(max-width:430px){#hat065Panel .hat065-two{grid-template-columns:1fr}#hat065Panel button{min-height:39px}}
@media print{#hat065Panel,#hat065OCRTool{display:none!important}}