.annotation-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:9000;pointer-events:none;touch-action:none}
.annotation-canvas.is-drawing{pointer-events:auto;cursor:crosshair}
.annotation-toolbar{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:9010;display:flex;align-items:center;gap:7px;padding:9px;background:rgba(20,33,43,.94);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 12px 35px rgba(0,0,0,.25);font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR",sans-serif;backdrop-filter:blur(12px)}
.annotation-toolbar button,.annotation-toolbar label{min-height:38px;border:0;border-radius:9px;padding:7px 10px;background:#314550;color:#fff;font:inherit;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}
.annotation-toolbar button:hover,.annotation-toolbar button:focus{background:#47616e;outline:2px solid #9ed2e5;outline-offset:1px}.annotation-toolbar button.active{background:#e76f37}.annotation-toolbar button:disabled{opacity:.42;cursor:not-allowed}
.annotation-toolbar .annotation-colors{display:flex;gap:5px}.annotation-color{width:28px!important;min-width:28px!important;min-height:28px!important;height:28px;padding:0!important;border-radius:50%!important;border:2px solid rgba(255,255,255,.45)!important}.annotation-color.active{outline:3px solid #fff!important;outline-offset:2px}.annotation-size input{width:72px;accent-color:#e76f37}.annotation-more{display:flex;gap:7px}.annotation-file{display:none}
.annotation-status{position:fixed;left:50%;bottom:max(78px,calc(env(safe-area-inset-bottom) + 78px));transform:translateX(-50%);z-index:9020;padding:9px 14px;border-radius:999px;background:#17252e;color:#fff;font-size:.8rem;box-shadow:0 8px 25px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:opacity .18s}.annotation-status.show{opacity:1}
@media(max-width:900px){.annotation-toolbar{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 16px);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;justify-content:flex-start;border-radius:13px}.annotation-toolbar button,.annotation-toolbar label{flex:0 0 auto;white-space:nowrap}.annotation-size input{width:56px}}
@media print{.annotation-toolbar,.annotation-status{display:none}.annotation-canvas{position:absolute}}