/* Only the selected example is presented; full standalone demos remain available. */
html[data-gym-module] #demo-shell :is(.demo-guide,.demo-preferences,.app-topline,.app-tabs){display:none!important}
html[data-gym-module] #demo-shell [data-gym-app]{border:0;border-radius:0}
html[data-gym-module] #demo-shell .app-panel{padding:0;scroll-margin-top:0}
html[data-gym-module] #demo-shell :is([data-gym-tab],[data-find-exercise],[data-review-exercise],[data-gym-action="start"],[data-gym-action="review"],[data-gym-action="pass-next"]){display:none!important}
html[data-gym-module="workout"] #demo-shell .app-tabs{display:flex!important;margin-bottom:24px;padding:0 0 12px}
html[data-gym-module="workout"] #demo-shell :is([data-gym-tab="workout"],[data-gym-tab="progress"]){display:inline-flex!important}
html[data-gym-module="map"] #demo-shell [data-gym-panel]:not([data-gym-panel="map"]),
html[data-gym-module="workout"] #demo-shell [data-gym-panel]:not([data-gym-panel="workout"]):not([data-gym-panel="progress"]),
html[data-gym-module="nutrition"] #demo-shell [data-gym-panel]:not([data-gym-panel="nutrition"]),
html[data-gym-module="checker"] #demo-shell [data-gym-panel]:not([data-gym-panel="checker"]),
html[data-gym-module="pass"] #demo-shell [data-gym-panel]:not([data-gym-panel="pass"]),
html[data-gym-module="progress"] #demo-shell [data-gym-panel]:not([data-gym-panel="progress"]),
html[data-gym-module="community"] #demo-shell [data-gym-panel]:not([data-gym-panel="community"]){display:none!important}
html[data-gym-module] #demo-shell [data-gym-panel][hidden]{display:none!important}
html[data-gym-module] #demo-shell .exercise-links{display:none}

/* The movement example remains a phone, including inside its focused view. */
html[data-gym-module="checker"] #demo-shell .execution-player{width:100%;max-width:320px;justify-self:center}
html[data-gym-module="checker"] #demo-shell .execution-frame{
 width:min(264px,100%);height:528px;max-height:none;flex:none;align-self:center;
 padding:7px;border:1px solid #737779;border-radius:39px;
 background:linear-gradient(135deg,#424648,#111315 18%,#070808 75%,#3b3e40);
 box-shadow:inset 0 0 0 2px #131516,0 0 0 1px #ffffff14,0 16px 40px #0005;
}
html[data-gym-module="checker"] #demo-shell .execution-crop{
 width:100%;height:100%;flex:1 1 100%;border-radius:31px;background:#111214;
}
html[data-gym-module="checker"] #demo-shell .execution-frame::before{
 content:"";position:absolute;z-index:3;top:17px;left:50%;transform:translateX(-50%);
 width:72px;height:18px;border-radius:12px;background:#020303;box-shadow:inset 0 1px 2px #ffffff10;
 pointer-events:none;
}
html[data-gym-module="checker"] #demo-shell .execution-frame::after{
 content:"";position:absolute;z-index:3;bottom:16px;left:50%;transform:translateX(-50%);
 width:72px;height:3px;border-radius:4px;background:#e4e7e9a8;pointer-events:none;
}
html[data-gym-module="checker"] #demo-shell .execution-caption{
 left:8px;right:8px;bottom:8px;border-radius:0 0 30px 30px;
 padding:42px 16px 27px;gap:5px;pointer-events:none;
}
html[data-gym-module="checker"] #demo-shell .execution-caption>span{font-size:9px}
html[data-gym-module="checker"] #demo-shell .execution-caption>strong{font-size:18px;line-height:1.2}
html[data-gym-module="checker"] #demo-shell .execution-count{top:44px;right:18px;font-size:9px;padding:5px 7px}
html[data-gym-module="checker"] #demo-shell .execution-controls{gap:10px;align-items:center}
html[data-gym-module="checker"] #demo-shell .execution-controls>span{font-size:10px}
@media(max-width:640px){
 html[data-gym-module="checker"] #demo-shell .execution-player{max-width:288px;margin-inline:auto}
 html[data-gym-module="checker"] #demo-shell .execution-frame{width:244px;height:488px}
}

/* The panorama leads; search and viewing controls form small, quiet utilities. */
html[data-gym-module="map"] #demo-shell .gym-tour :is(.gym-tour-search,.gym-tour-bottom button,.gym-tour-quick button){
 --control-bg:transparent;--control-ink:#e9edf0;--control-line:transparent;--control-hover:#ffffff12;--control-hover-line:transparent;
 box-shadow:none;font-size:12px;font-weight:400;
}
html[data-gym-module="map"] #demo-shell .gym-tour button.gym-tour-search{
 flex:0 1 auto;width:auto;min-width:0;min-height:34px;height:34px;padding:7px 10px;gap:7px;border:1px solid #ffffff24;border-radius:7px;
 --control-bg:#0b1014ad;--control-line:#ffffff24;--control-hover:#151c22db;--control-hover-line:#ffffff45;
 background:var(--control-bg);color:var(--control-ink);backdrop-filter:blur(10px);
}
html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-search kbd{display:none}
html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-badge{
 background:transparent;border:0;padding:0;color:#eef1f3;font-size:10px;text-shadow:0 1px 6px #000;
}
html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-bottom>span{
 background:transparent;border:0;padding:0;color:#eef1f3;font-size:11px;text-shadow:0 1px 6px #000;
}
html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-bottom>div{
 gap:0;padding:2px;border:1px solid #ffffff24;border-radius:8px;background:#0b1014ad;backdrop-filter:blur(10px);
}
html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-bottom button{
 width:36px;min-width:36px;height:36px;min-height:36px;padding:9px;border:0;border-radius:5px;background:transparent;
}
html[data-gym-module="map"] #demo-shell .gym-tour :is(.gym-tour-search,.gym-tour-bottom button) svg{
 width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
html[data-gym-module="map"] #demo-shell [data-tour-expand] .gym-module-reduce-icon{display:none}
html[data-gym-module="map"] #demo-shell [data-tour-expand][aria-expanded="true"] .gym-module-expand-icon{display:none}
html[data-gym-module="map"] #demo-shell [data-tour-expand][aria-expanded="true"] .gym-module-reduce-icon{display:inline}
html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-quick{gap:10px;margin-top:10px;padding-top:0;border:0}
html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-quick>div{gap:8px;padding-block:4px}
html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-quick button{
 min-height:32px;padding:5px 2px;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;white-space:nowrap;
 --control-hover:transparent;--control-hover-line:transparent;
}
html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-quick button[aria-pressed="true"]{
 --control-bg:transparent;--control-ink:#fff;--control-line:#ffffff80;--control-hover:transparent;--control-hover-line:#ffffffa0;
 background:transparent;color:#fff;border-bottom-color:var(--control-line);
}
html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-quick>[data-tour-all]{margin-left:4px;color:#c0c8ce}
@media(max-width:640px){
 html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-bottom>span{max-width:calc(100% - 92px);font-size:10px}
 html[data-gym-module="map"] #demo-shell .gym-tour .gym-tour-quick>div{gap:12px}
}