/* A separate clickable presentation of screens.html. The source file is untouched. */
body.xo-prototype {background:#09090c;color:#f5f5f7;overflow:hidden}
body.xo-prototype .page {display:none}
.xo-shell {height:100dvh;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 16px 24px;box-sizing:border-box}
.xo-toolbar {width:min(900px,100%);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font:13px/1.3 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.xo-toolbar strong {font-size:15px}.xo-toolbar small {color:#aaaab2}
.xo-tools {display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.xo-toolbar #xo-debug-toggle {display:none}
.xo-tools button,.xo-tools select {background:#222228;color:#f5f5f7;border:1px solid #3a3a42;border-radius:9px;padding:7px 10px;font:inherit;cursor:pointer}
.xo-tools button:hover {border-color:#a78bfa}
.xo-stage {min-height:0;flex:1;width:100%;display:flex;align-items:center;justify-content:center;overflow:auto}
.xo-stage .fr {display:none!important;flex:none}
.xo-stage .fr.xo-active {display:block!important}
.xo-stage .fr-cap,.xo-stage .fr-act,.xo-stage .replay,.xo-stage .pseg {display:none!important}
.xo-stage .ph-wrap {margin:8px}
.xo-stage .fr.xo-active .ph-wrap {box-shadow:none}
.xo-toast {position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:9999;padding:9px 14px;border:1px solid #60547a;background:#25202f;border-radius:10px;color:white;font:13px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;opacity:0;pointer-events:none;transition:opacity .2s}
.xo-toast.on {opacity:1}
.xo-route {color:#bbb0d2;white-space:nowrap}
.xo-stage .scr button,.xo-stage .scr .card,.xo-stage .scr .w-item,.xo-stage .scr .gi,.xo-stage .scr .tg .l,.xo-stage .scr .ava {cursor:pointer}
.xo-visible-prompt {padding:12px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#b8b8c2;line-height:1.4}
.xo-visible-prompt b {display:block;color:#f5f5f7;margin-bottom:4px}
@media(max-width:540px){.xo-shell{padding:9px 6px 12px;gap:4px}.xo-toolbar{font-size:11px;justify-content:space-between}.xo-toolbar strong{font-size:12px}.xo-toolbar small{display:none}.xo-toolbar #xo-debug-toggle{display:block}.xo-tools{display:none;width:100%;padding:3px 0}.xo-debug-open .xo-tools{display:flex}.xo-tools button,.xo-tools select{padding:5px 6px}.xo-route{display:none}}