/* The bitmap is viewport-sized; strokes use unzoomed coordinates in each study panel. */
#studyInkCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:70;pointer-events:none;background:transparent;}
#studyInkCanvas.ink-interactive{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;}
#studyInkCanvas.ink-eraser{cursor:cell;}
body.ink-palm-locked{touch-action:none;}
.study-ink-launcher{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;align-items:center;gap:7px;padding:12px 17px;border:1px solid var(--popup-border, #e7e9ed);border-radius:24px;background:var(--popup-bg, #fff);color:var(--popup-text, #252b33);box-shadow:0 4px 18px #18212b14;font:600 14px 'IBM Plex Sans KR',sans-serif;cursor:pointer;touch-action:manipulation;}
.study-ink-launcher span{font-size:21px;line-height:1;}
#studyInkBounds{position:fixed;inset:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));pointer-events:none;visibility:hidden;}
.study-ink-launcher{z-index:900;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;}
.study-ink-launcher.ink-positioned,.study-ink-toolbar.ink-positioned{right:auto;bottom:auto;transform:none;}
.study-ink-toolbar{position:fixed;z-index:80;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:600px;max-width:calc(100% - 24px);box-sizing:border-box;padding:12px 14px;border:1px solid var(--popup-border, #e7e9ed);border-radius:18px;background:var(--popup-bg, #fff);color:var(--popup-text, #252b33);box-shadow:0 6px 32px #18212b14;font:500 13px/1.5 'IBM Plex Sans KR',sans-serif;user-select:none;-webkit-user-select:none;}
.study-ink-toolbar.ink-at-top{top:calc(90px + env(safe-area-inset-top,0px));bottom:auto;}
.study-ink-toolbar header,.study-ink-row,.study-ink-tools,.study-ink-colors,.study-ink-footer{display:flex;align-items:center;gap:6px;}
.study-ink-toolbar header{justify-content:space-between;margin-bottom:8px;}
.study-ink-toolbar header strong{font-size:14px;}
.study-ink-toolbar header small{color:var(--popup-muted, #68717e);font-size:11px;margin-left:6px;}
.study-ink-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;box-sizing:border-box;padding:6px 10px;margin:0;border:1px solid var(--popup-border, #e7e9ed);border-radius:9px;background:var(--popup-soft, #f7f8fa);color:var(--popup-text, #252b33);font:600 13px 'IBM Plex Sans KR',sans-serif;white-space:nowrap;cursor:pointer;touch-action:manipulation;}
.study-ink-toolbar button[aria-pressed="true"]{background:var(--popup-accent, #29333d);border-color:var(--popup-accent, #29333d);color:var(--popup-accentText, #fff);}
.study-ink-toolbar button:disabled{opacity:.35;cursor:default;}
.study-ink-toolbar.popup-themed button:focus-visible,.study-ink-launcher.popup-themed:focus-visible{outline:3px solid var(--popup-text, #29333d);outline-offset:3px;}
.study-ink-toolbar header button{min-width:36px;min-height:32px;border:0;background:transparent;}
.study-ink-toolbar{z-index:900;max-height:var(--ink-available-height,calc(100vh - 16px));overflow-y:auto;overscroll-behavior:contain;}
.study-ink-toolbar header .study-ink-drag-handle{flex:1;justify-content:flex-start;min-width:0;min-height:44px;padding:2px 4px;text-align:left;white-space:normal;touch-action:none;cursor:grab;gap:8px;}
.study-ink-drag-handle small{display:block;margin:1px 0 0!important;}
.study-ink-grip{font-size:24px;color:var(--popup-muted, #68717e);}
.study-ink-launcher.ink-dragging,.study-ink-toolbar header .ink-dragging{cursor:grabbing;}
.study-ink-row{justify-content:space-between;flex-wrap:wrap;margin-bottom:8px;}
.study-ink-colors button{min-width:38px;width:38px;height:38px;min-height:38px;padding:7px;border-radius:50%;background:var(--popup-card, #fff);}
.study-ink-colors button span{display:block;width:22px;height:22px;border-radius:50%;background:var(--ink-swatch);}
.study-ink-colors button[aria-pressed="true"]{background:var(--popup-card, #fff);border:2px solid var(--popup-text, #29333d);}
.study-ink-size{display:flex;align-items:center;gap:6px;margin:0;color:var(--popup-text, #252b33);font-size:12px;}
.study-ink-size select{width:auto;min-height:40px;margin:0;padding:5px 24px 5px 9px;border:1px solid var(--popup-border, #e7e9ed);border-radius:8px;background:var(--popup-bg, #fff);color:var(--popup-text, #252b33);font:500 13px 'IBM Plex Sans KR',sans-serif;}
.study-ink-footer{justify-content:space-between;border-top:1px solid var(--popup-border, #e7e9ed);padding-top:7px;}
.study-ink-footer label{display:flex;align-items:center;gap:5px;margin:0;font-size:12px;font-weight:500;cursor:pointer;min-height:32px;}
.study-ink-footer input{width:17px;height:17px;margin:0;accent-color:var(--popup-accent, #29333d);}
.study-ink-touch-options{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 5px;}
.study-ink-touch-options label{display:flex;align-items:center;gap:6px;min-height:36px;margin:0;color:var(--popup-text, #252b33);font-size:12px;font-weight:500;cursor:pointer;}
.study-ink-touch-options input{width:17px;height:17px;margin:0;accent-color:var(--popup-accent, #29333d);}
.study-ink-footer button{min-height:32px;background:transparent;border:0;color:var(--popup-muted, #68717e);font-size:12px;}
.study-ink-hint{margin:0 0 5px;font-size:11px;line-height:1.5;color:var(--popup-muted, #68717e);}
#studyInkCanvas[hidden],.study-ink-launcher[hidden],.study-ink-toolbar[hidden]{display:none;}
@media(max-width:600px){
  .study-ink-toolbar{padding:10px;max-width:calc(100% - 16px);border-radius:14px;}
  .study-ink-toolbar header small{display:block;margin:1px 0 0;font-size:10px;}
  .study-ink-toolbar button{padding:5px 8px;}
  .study-ink-tools{gap:4px;}
  .study-ink-row{gap:7px;}
  .study-ink-toolbar .study-ink-tools:first-child{flex:1;}
  .study-ink-toolbar .study-ink-tools:first-child button{flex:1;}
}
#studyInkToolToggle,#studyInkQuickClear{display:none;}
.study-ink-toolbar.ink-minimized{width:300px;padding:7px 9px;border-radius:14px;}
.study-ink-toolbar.ink-minimized header{gap:4px;margin-bottom:4px;}
.study-ink-toolbar.ink-minimized header button{min-width:42px;min-height:42px;}
.study-ink-toolbar.ink-minimized header .study-ink-drag-handle{min-width:0;min-height:42px;padding:0 3px;gap:6px;}
.study-ink-toolbar.ink-minimized #studyInkToolToggle,
.study-ink-toolbar.ink-minimized #studyInkQuickClear{display:inline-flex;}
.study-ink-toolbar.ink-minimized .study-ink-main-row{flex-wrap:nowrap;margin:0;gap:6px;}
.study-ink-toolbar.ink-minimized .study-ink-tools:first-child{flex:1;}
.study-ink-toolbar.ink-minimized .study-ink-tools:first-child button{flex:1;}
.study-ink-toolbar.ink-minimized .study-ink-options-row,
.study-ink-toolbar.ink-minimized .study-ink-touch-options,
.study-ink-toolbar.ink-minimized .study-ink-hint,
.study-ink-toolbar.ink-minimized .study-ink-footer,
.study-ink-toolbar.ink-minimized .study-ink-drag-handle small,
.study-ink-toolbar.ink-minimized [data-ink-tool="pen"],
.study-ink-toolbar.ink-minimized [data-ink-tool="marker"],
.study-ink-toolbar.ink-minimized [data-ink-tool="eraser"],
.study-ink-toolbar.ink-minimized #studyInkRedo,
.study-ink-toolbar.ink-minimized #studyInkClear{display:none;}
@media print{#studyInkCanvas,.study-ink-launcher,.study-ink-toolbar{display:none!important;}}