/* Lightweight shared feedback; resolves colors from the currently active theme. */
:root{--feedback-bg:var(--panel,#101010);--feedback-ink:var(--text,#fff);--feedback-muted:var(--muted,#aaa);--feedback-line:var(--line,#444);--feedback-accent:var(--accent,#fff)}
html[data-acbs-style=bitmap]{--feedback-bg:#f6f6f2;--feedback-ink:#111;--feedback-muted:#666;--feedback-line:#d4d4cf;--feedback-accent:#111}
html[data-acbs-style=cinema]{--feedback-bg:#0b0b0b;--feedback-ink:#f5f5f3;--feedback-muted:#aaa;--feedback-line:#ffffff30;--feedback-accent:#eee}
html[data-acbs-style=white]{--feedback-bg:#fff;--feedback-ink:#111;--feedback-muted:#666;--feedback-line:#ddd;--feedback-accent:#111}
html[data-acbs-style=studio]{--feedback-bg:#f4eddf;--feedback-ink:#111;--feedback-muted:#625e56;--feedback-line:#ccc3b2;--feedback-accent:#206146}
.lt-welcome,.live-tour-panel{background:var(--feedback-bg)!important;color:var(--feedback-ink)!important;border:1px solid var(--feedback-line)!important;box-shadow:0 8px 24px #0003!important;backdrop-filter:none!important;box-sizing:border-box}
.lt-welcome{position:fixed;inset:auto 16px max(16px,env(safe-area-inset-bottom)) auto;margin:0;z-index:100020;max-height:min(70dvh,600px);padding:18px}
.lt-welcome p,.live-tour-panel p{color:var(--feedback-muted)!important}.lt-welcome>small,.live-tour-panel small{color:var(--feedback-accent)!important}.lt-welcome h2{font-size:24px}.lt-welcome #ltWelcomePurpose{font-size:14px;line-height:1.45;margin:10px 0}.lt-welcome>.lt-interface-preview{display:block;margin-top:12px;min-height:80px;padding:12px;border:1px solid var(--feedback-line)!important;background:transparent!important;max-height:130px}.lt-preview-step{display:grid;gap:7px;padding-right:22px}.lt-preview-step small{font:10px ui-monospace,monospace;color:var(--feedback-muted)}.lt-preview-step strong{font-size:15px;line-height:1.3;color:var(--feedback-ink)}.lt-preview-step span{font-size:12px;color:var(--feedback-muted)}.lt-interface-preview:after,.live-tour-ring:after{box-shadow:none!important;border-color:var(--feedback-accent)!important;animation:feedback-pointer 1s ease-in-out infinite!important;will-change:transform}.lt-welcome>div:last-child{position:sticky;bottom:-18px;padding:10px 0;background:var(--feedback-bg);margin-top:10px}.lt-welcome button,.live-tour-panel button{background:var(--feedback-bg)!important;color:var(--feedback-ink)!important;border:1px solid var(--feedback-line)!important;touch-action:manipulation;min-height:44px}.lt-welcome button.primary{background:var(--feedback-ink)!important;color:var(--feedback-bg)!important}
#labActivity{background:var(--feedback-bg)!important;color:var(--feedback-ink)!important;border:1px solid var(--feedback-line)!important;backdrop-filter:none!important;box-shadow:none!important;gap:12px!important;padding:12px 14px!important;width:min(320px,calc(100vw - 24px));z-index:990!important;contain:layout paint}#labActivity .lab-activity-copy small,#labActivity .lab-activity-copy strong{color:var(--feedback-ink)!important}#labActivity .lab-activity-copy span{color:var(--feedback-muted)!important}#labActivity .lab-loader{width:28px;height:28px;perspective:none}#labActivity .lab-loader i{animation:none!important;display:none}#labActivity .lab-loader i:first-child{display:block;border:2px solid var(--feedback-line)!important;border-top-color:var(--feedback-accent)!important;border-radius:50%;animation:feedback-spin .7s linear infinite!important;will-change:transform}#labActivity .lab-loader-mark{display:none}#labActivity .lab-activity-line{animation:lab-scan 1s linear infinite!important;background:var(--feedback-accent)!important;height:2px}
html[data-acbs-style=bitmap] :is(.lt-welcome,.live-tour-panel,#labActivity,.lt-interface-preview,.lt-welcome button){border-radius:0!important}html[data-acbs-style=bitmap] #labActivity .lab-loader i:first-child{border-radius:0!important}
@keyframes feedback-spin{to{transform:rotate(360deg)}}@keyframes feedback-pointer{50%{transform:translate(-6px,-4px)}}
@media(max-width:600px){.lt-welcome{inset:auto 12px max(12px,env(safe-area-inset-bottom));width:auto;max-height:62dvh;padding:14px}.lt-welcome h2{font-size:22px}.lt-welcome #ltWelcomePurpose{max-height:90px;overflow:auto}.lt-welcome>div:last-child{bottom:-14px}.lt-welcome .lt-welcome-caption{font-size:12px;margin:8px 0}.lt-interface-preview{min-height:74px!important}.live-tour-panel{max-height:40dvh}#labActivity{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:10px 12px!important}#labActivity .lab-activity-copy small{font-size:8px;margin-bottom:3px}#labActivity .lab-activity-copy span{display:none}}
@media(prefers-reduced-motion:reduce){#labActivity .lab-loader i:first-child,#labActivity .lab-activity-line,.lt-interface-preview:after,.live-tour-ring:after{animation:none!important}}
/* Keep dismiss controls outside the scrolling copy, including short iPhone viewports. */
.lt-welcome[hidden],.live-tour-panel[hidden]{display:none!important}
.lt-welcome[open],.live-tour-panel[open],.live-tour-panel:popover-open{display:flex!important;flex-direction:column;gap:0;overflow:hidden!important;pointer-events:auto!important;touch-action:pan-y;overscroll-behavior:contain}
.lt-welcome{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)!important}
.lt-welcome::backdrop{background:#0007;pointer-events:auto}
.lt-welcome>.lt-welcome-head,.live-tour-panel>.live-tour-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex:none;margin:0;padding:0 0 10px;position:relative;z-index:2;background:var(--feedback-bg)}
.lt-welcome-head>button{flex:none!important;width:44px;height:44px;padding:0;font-size:24px}
.lt-welcome>.lt-welcome-content,.live-tour-panel>.live-tour-content{display:block!important;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0;padding:0 2px 4px}
.lt-welcome-content>.lt-interface-preview{min-height:74px;max-height:130px;padding:12px;border:1px solid var(--feedback-line);background:transparent}
.lt-welcome>.lt-welcome-actions,.live-tour-panel>.live-tour-buttons{display:flex!important;flex:none;gap:8px;position:relative;bottom:auto!important;margin:0;padding:12px 0 0!important;background:var(--feedback-bg);z-index:2}
:is(.lt-welcome,.live-tour-panel) button{pointer-events:auto!important;touch-action:manipulation;min-width:44px;min-height:44px;white-space:normal}
.live-tour-panel{inset:auto 16px max(16px,env(safe-area-inset-bottom)) auto;margin:0;max-height:min(65dvh,550px)!important;padding:14px}
.live-tour-panel::backdrop{background:transparent}
@media(max-width:600px){.lt-welcome,.live-tour-panel{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px!important;width:auto!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)!important}.live-tour-panel{max-height:65dvh!important}.lt-welcome #ltWelcomePurpose{max-height:none;overflow:visible}.lt-welcome-content>h2{font-size:22px}.lt-welcome-content>p{font-size:13px}}
.lt-welcome-head>small{font-size:11px;font-weight:750;letter-spacing:.08em;color:var(--feedback-accent)}