.watch-bar[hidden],.watch-cursor[hidden]{display:none!important}
.watch-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(940px,calc(100% - 32px));box-sizing:border-box;z-index:1001;display:flex;align-items:center;gap:24px;padding:16px 20px;border:1px solid #d5d9dc;border-radius:15px;background:#fffffff5;box-shadow:0 8px 36px #292e3222;color:#292e32;backdrop-filter:blur(12px)}
.watch-caption{flex:1}.watch-caption span{font-size:10px;letter-spacing:1.5px;color:#62696f}.watch-caption p{font-size:14px;line-height:1.45;margin:6px 0 0}.watch-controls{display:flex;gap:8px;flex-wrap:wrap}.watch-controls button{background:#fff;border:1px solid #d5d9dc;border-radius:9px;padding:10px 13px;min-height:42px;color:#292e32;font-size:12px;box-shadow:3px 3px 8px #292e3208,-3px -3px 8px #fff}.watch-controls button:disabled{opacity:.4}.watch-controls button:hover{border-color:#62696f}.watch-controls button:focus-visible{outline:2px solid #70818e;outline-offset:3px}
.watch-cursor{position:fixed;z-index:1002;width:27px;height:34px;pointer-events:none;transition:left .5s ease,top .5s ease;filter:drop-shadow(1px 2px 2px #292e3233)}.watch-cursor svg{width:100%;height:100%;fill:#fff;stroke:#62696f;stroke-width:1.8}.watch-cursor:before{content:'';position:absolute;width:110px;height:110px;left:3px;top:2px;transform:translate(-50%,-50%);background:radial-gradient(circle,#97bdb44d 0%,#97bdb426 40%,#97bdb400 72%);pointer-events:none}.watch-cursor.watch-click:before{animation:watch-click .65s ease-out}.watch-cursor.watch-drawing{transition:none}.watch-mode .watch-target,.watch-mode .tour-focus{outline:none!important;box-shadow:none!important}.watch-start{margin-bottom:15px}.watch-mode .watch-start{display:none}.watch-mode .tour-focus:not(.watch-target){outline:none!important;box-shadow:none!important}.watch-mode footer{visibility:hidden}.watch-mode .workspace{padding-bottom:112px}.watch-mode .sheet-card{padding-bottom:116px}.watch-paused .watch-cursor:before{animation-play-state:paused}
@keyframes watch-click{from{transform:translate(-50%,-50%) scale(.6);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:.6}}
@media(max-width:600px){.watch-bar{bottom:8px;gap:10px;flex-direction:column;align-items:stretch;padding:12px;width:calc(100% - 16px)}.watch-caption p{font-size:12px}.watch-controls{justify-content:space-between;gap:5px}.watch-controls button{flex:1;font-size:11px;padding:8px}.watch-mode .workspace{padding-bottom:170px}.watch-mode .sheet-card{padding-bottom:165px}.watch-mode .sheet-pages figure{min-width:0}.watch-mode aside{scroll-margin-bottom:180px}.watch-mode main{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.watch-cursor{transition:none}.watch-cursor.watch-click:before{animation:none}}

.tour-mode #watchEntry{display:none}

.watch-mode #tourCopy,.watch-mode.drawing-room #tourExtra{display:none}
.watch-mode #roomCanvas:focus{outline:none}
.watch-positioning .tour-card{display:none}

/* Red invitation pulses until the visitor selects a control. */
#watchEntry{background:#b83238;color:#fff;border-color:#b83238}
#watchEntry:hover{background:#a52b31;border-color:#a52b31;color:#fff}
body:not(.tour-mode):not(.watch-engaged) #watchEntry{animation:watch-welcome 1.8s ease-in-out .4s infinite}
@keyframes watch-welcome{0%,100%{background:#b83238;box-shadow:0 0 0 0 #b8323800}50%{background:#c13c43;box-shadow:0 0 16px 5px #b8323833}}
@media(prefers-reduced-motion:reduce){body:not(.tour-mode) #watchEntry{animation:none}}