.error-page{box-sizing:border-box;color:#333;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;font-family:system-ui,sans-serif;font-size:14px;display:flex}.error-page-title{margin:0;font-size:20px;font-weight:600}.error-page-message{color:#666;max-width:44ch;margin:0}.error-page-action{font:inherit;cursor:pointer;background:#fff;border:1px solid #333;border-radius:4px;padding:8px 20px}.error-page-action:hover{background:#f0f0f0}.error-page-detail{text-align:left;white-space:pre-wrap;background:#f5f5f5;max-width:100%;max-height:30vh;margin:0;padding:8px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}.loader{z-index:1000;cursor:wait;background:#ffffffbf;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.loader-spinner{border:3px solid #d0d0d0;border-top-color:#666;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite loader-spin}.loader-message{color:#666;margin:0}@keyframes loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader-spinner{animation-duration:2.4s}}.player{flex-direction:column;height:100%;font-family:system-ui,sans-serif;font-size:14px;display:flex}.player-error{color:#8c1c1c;background:#fdecec;margin:0;padding:8px}.player-warning{color:#7a4100;background:#fff4e5;margin:0;padding:8px}.player-banner{color:#1e4620;background:#e8f4ea;align-items:center;gap:12px;padding:8px;display:flex}.player-banner button{font:inherit;padding:4px 12px}.player-banner-note{color:#4a4a4a}.player-content{flex:1;min-height:0;display:flex}.player-frame{border:0;flex:1}.player-log{background:#f5f5f5;border-top:1px solid #d0d0d0}.player-log summary{cursor:pointer;padding:8px}.player-log ol{max-height:30vh;margin:0;padding:0 8px 8px 32px;font-family:ui-monospace,monospace;font-size:12px;overflow-y:auto}html,body,#root{height:100%}body{margin:0}