
/* V1.0.2 unified left flyout – head actions, auto-hide, reopen and stylus. */
body.hat063-context-ui #hat063Context .hat063-head{gap:7px}
#hat063Context .hat102-head-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
#hat063Context .hat102-head-actions button{display:grid;place-items:center;min-width:30px;width:30px;height:33px;min-height:33px;padding:2px;font-size:19px;border-radius:8px;line-height:1;color:#d4e6f2;border:1px solid transparent;background:transparent;cursor:pointer}
#hat063Context .hat102-head-actions button:hover,#hat063Context .hat102-head-actions button:focus-visible{background:#28566f;border-color:#5c93ac}
#hat063Context #hat102Pin[aria-pressed="true"]{background:#255e74;border-color:#5ca8c1;color:#ffdf91}
#hat063Context .hat102-auto-row{display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-bottom:1px solid #ffffff17;font-size:11px;font-weight:550;color:#b8d4e2;background:#112b40;min-height:39px;box-sizing:border-box;cursor:pointer}
#hat063Context .hat102-auto-row input{height:17px;width:17px;flex:0 0 auto;accent-color:#59beeb}
#hat063Context .hat102-auto-row span{flex:1}
#hat063Context .hat102-auto-row small{font-size:10px;color:#9fb9c7;white-space:nowrap}
body.hat102-pinned #hat063Context .hat102-auto-row{opacity:.55;cursor:default}
body.hat102-panel-hidden #hat063Context{display:none!important}
#hat102Open{display:none;position:fixed;left:calc(var(--hat062-rail,63px) + 7px);top:var(--hat063-panel-top,72px);z-index:63;border:1px solid #5a91aa;color:#e6f6ff;background:#173b55eF;box-shadow:0 7px 18px #0006;border-radius:0 11px 11px 0;cursor:pointer;padding:10px 12px;gap:5px;align-items:center;justify-content:center;font-size:12px;writing-mode:horizontal-tb}
body.hat102-panel-hidden #hat102Open{display:flex}
#hat102Open span:first-child{font-size:17px}
body.hat063-context-ui #hat063Context .hat063-body{min-height:0}
body.hat063-context-ui #hat063Context{max-height:calc(100dvh - var(--hat063-panel-top) - 54px)}
#hat063Context button,#hat063Context input,#hat063Context select,#hat063Context textarea,#hat102Open{touch-action:manipulation}
#hat063Context .hat063-body{touch-action:pan-y}
@media (hover:none),(pointer:coarse){
  #hat063Context .hat102-head-actions button{width:42px;min-width:42px;height:42px;min-height:42px}
  #hat063Context .hat102-auto-row{min-height:48px;font-size:12px}
  #hat063Context .hat063-swatch{width:34px;height:34px;min-width:34px;min-height:34px}
  #hat063Context .hat063-widths button,#hat063Context .hat063-presets button{min-height:46px;min-width:43px}
  #hat063Context .hat063-shapes button{min-height:84px}
  #hat063Context select,#hat063Context input[type="number"],#hat063Context input[type="text"]{min-height:46px;font-size:16px}
  #hat102Open{min-height:48px;min-width:48px}
}
@media(max-width:450px){
  #hat063Context .hat063-head{padding:7px 6px!important}
  #hat063Context .hat063-mark{display:none}
  #hat063Context .hat102-head-actions{gap:1px}
  #hat063Context .hat102-head-actions button{min-width:30px;width:30px}
  #hat063Context .hat102-auto-row{padding:7px 9px}
  #hat063Context .hat102-auto-row small{display:none}
  #hat102Open{padding:8px;}
  #hat102Open span:last-child{display:none}
}
@media print{#hat102Open{display:none!important}}
/* Compact edge handle – no text label; never reserves layout space. */
#hat102Open{width:34px!important;height:40px!important;min-width:34px!important;min-height:40px!important;padding:0!important;left:calc(var(--hat062-rail,63px) + 2px)!important;top:var(--hat063-panel-top,72px)!important;border-radius:0 9px 9px 0!important;box-sizing:border-box!important;box-shadow:0 3px 9px #0004!important;overflow:hidden!important}
#hat102Open span:last-child{display:none!important}
#hat102Open span:first-child{font-size:19px!important;line-height:1}
#hat102Open:focus-visible{outline:2px solid #7bdaf4;outline-offset:2px}
body:not(.hat102-panel-hidden) #hat102Open{display:none!important}
@media (hover:none),(pointer:coarse){#hat102Open{width:42px!important;min-width:42px!important;height:44px!important;min-height:44px!important}}
