.shell-mock{display:flex;flex-direction:column;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.shell-mock__header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background-color:#1a1a2e;color:#fff}.shell-mock__logo{font-weight:600;font-size:1rem}.shell-mock__badge{padding:.25rem .5rem;font-size:.75rem;font-weight:500;background-color:#e94560;border-radius:.25rem;text-transform:uppercase;letter-spacing:.05em}.shell-mock__user{margin-left:auto;font-size:.875rem;color:#a0a0a0}.shell-mock__main{flex:1;display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.slide-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0a0a0a;overflow:hidden;min-width:768px}.slide-canvas__frame{width:100%;max-height:100%;aspect-ratio:16 / 9;position:relative;background-color:#1a1a1a;overflow:hidden}.slide-canvas__content{position:absolute;top:0;right:0;bottom:0;left:0}.slide-canvas__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffbf;font-family:system-ui,sans-serif;font-size:1rem}.slide-player-layout{display:grid;grid-template-areas:"toolbar  toolbar" "preview  canvas";grid-template-columns:280px 1fr;grid-template-rows:auto 1fr;height:100%;min-height:0}.slide-player-layout__toolbar{grid-area:toolbar}.slide-player-layout__preview{grid-area:preview;overflow-y:auto;border-right:1px solid #e0e0e0}.slide-player-layout__canvas{grid-area:canvas;overflow:hidden}