.player{flex-direction:column;height:100%;font-family:system-ui,sans-serif;font-size:14px;display:flex}.player-toolbar{background:#f5f5f5;border-bottom:1px solid #d0d0d0;gap:8px;padding:8px;display:flex}.player-toolbar-url{min-width:0;font:inherit;flex:1;padding:6px 8px}.player-toolbar select,.player-toolbar button{font:inherit;padding:6px 10px}.player-error{color:#8c1c1c;background:#fdecec;margin:0;padding:8px}.player-content{flex:1;min-height:0;display:flex}.player-frame{border:0;flex:1}.player-placeholder{color:#666;margin:auto}.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}