/* Annotation tools live above every editor panel, including floating windows. */
.annotation-overlay{position:fixed;inset:0;width:calc(100vw / var(--editor-ui-scale,1));height:calc(100dvh / var(--editor-ui-scale,1));z-index:2147483000;display:flex;flex-direction:column;gap:0;background:var(--wl-theme-panel,#14202e);color:var(--wl-text-panel,#edf3fa);font:14px/1.5 system-ui,sans-serif;overflow:hidden;overscroll-behavior:contain}
.annotation-overlay[hidden],.annotation-overlay [hidden]{display:none!important}
.annotation-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--wl-theme-border,#44576a);flex:none}
.annotation-header strong{font-size:17px;display:block}.annotation-header small{display:block;max-width:720px;font-size:12px;line-height:1.5;color:var(--wl-text-muted,#b7c8d9)}
.annotation-actions,.annotation-tools{display:flex;align-items:center;gap:8px}.annotation-actions{flex:none}.annotation-overlay button,.annotation-overlay select{min-height:40px;flex:none;font-size:13px;padding:8px 12px;white-space:nowrap;border:1px solid var(--wl-theme-border,#526a7f);color:var(--wl-text-panel,#edf3fa);background:var(--wl-theme-button,#26394d);border-radius:6px}.annotation-actions button:first-child{background:var(--editor-accent,#3c8678);color:var(--wl-text-selected,#fff)}
.annotation-tools{flex:none;overflow-x:auto;padding:10px 18px;border-bottom:1px solid var(--wl-theme-border,#44576a);scrollbar-width:thin}.annotation-tools button[aria-pressed=true]{outline:2px solid var(--editor-accent,#5de0d0);outline-offset:-2px;background:var(--wl-theme-header,#31566b)}
.annotation-tools input[type=color]{flex:none;width:42px;min-width:42px;height:40px;padding:3px;border:1px solid var(--wl-theme-border,#44576a);border-radius:5px;background:transparent}.annotation-tools select{width:auto;min-width:130px}
.annotation-stage{position:relative;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080e17;background-image:linear-gradient(45deg,#ffffff04 25%,transparent 25%),linear-gradient(-45deg,#ffffff04 25%,transparent 25%);background-size:18px 18px}
#annotationCanvas{flex:none;display:block;touch-action:none;cursor:crosshair;box-shadow:0 3px 26px #0008;max-width:100%;max-height:100%;outline:0}#annotationCanvas:focus-visible{outline:2px solid var(--editor-accent,#67dbd0)}
.annotation-note-row{padding:8px 18px;flex:none;border-bottom:1px solid var(--wl-theme-border,#44576a)}.annotation-note-row textarea{width:100%;max-width:900px;display:block;font:16px/1.4 system-ui;min-height:60px;max-height:120px;resize:vertical;background:var(--wl-theme-input,#132131);color:var(--wl-text-input,#edf3fa);border:1px solid var(--wl-theme-border,#536e83);padding:8px;border-radius:6px}
.annotation-footer{position:static;flex:none;padding:8px 18px;min-height:35px;font-size:12px;color:var(--wl-text-muted,#b7c8d9);border-top:1px solid var(--wl-theme-border,#44576a);padding-bottom:max(8px,env(safe-area-inset-bottom))}
.annotation-open{overscroll-behavior:none}.warlike-game-build .studio-annotate-button{display:none!important}
@media(max-width:700px){.annotation-header{padding:8px 10px;align-items:center;gap:8px}.annotation-header small{display:none}.annotation-header strong{font-size:14px}.annotation-actions{gap:5px}.annotation-overlay button,.annotation-overlay select{min-height:44px;font-size:13px;padding:8px 10px}.annotation-tools{padding:8px 10px}.annotation-footer{padding-inline:10px;font-size:11px;line-height:1.5}.annotation-note-row{padding:8px 10px}}