:root,:root[data-theme=dark]{--px-bg: #16181d;--px-bg2: #1e2128;--px-fg: #e6e8ec;--px-dim: #9aa3b2;--px-line: #2e323b;--px-frame: rgba(154, 163, 178, .35);--px-accent: #4c8dff;color-scheme:dark}:root[data-theme=light]{--px-bg: #ffffff;--px-bg2: #f4f5f7;--px-fg: #1c2024;--px-dim: #667085;--px-line: #e2e5ea;--px-frame: rgba(100, 110, 130, .35);--px-accent: #2563eb;color-scheme:light}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--px-bg);color:var(--px-fg);font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.px-app{display:flex;flex-direction:column;height:100%;min-height:0}.px-grow{flex:1 1 auto;min-width:0;min-height:0}.px-dim{color:var(--px-dim)}.px-row{display:flex;align-items:center;gap:8px}.px-header{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--px-line);background:var(--px-bg2)}.px-title{font-weight:600}.px-kind{padding:1px 8px;border:1px solid var(--px-line);border-radius:999px;color:var(--px-dim);white-space:nowrap}.px-body{display:flex;flex:1 1 auto;min-height:0}.px-preview{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0}@media(max-width:720px){.px-body{flex-direction:column}}.px-player{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;position:relative}.px-stage{display:flex;flex:1 1 auto;align-items:center;justify-content:center;position:relative;min-height:0;overflow:hidden}.px-stage-box{position:relative}.px-player-error,.px-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;padding:16px;text-align:center;color:var(--px-dim)}.px-player-busy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--px-bg) 60%,transparent);pointer-events:none}.px-spinner{width:22px;height:22px;border:2px solid var(--px-line);border-top-color:var(--px-accent);border-radius:50%;animation:px-spin .8s linear infinite}@keyframes px-spin{to{transform:rotate(360deg)}}.px-player-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--px-line);background:var(--px-bg2)}.px-controls{display:flex;flex-direction:column;gap:2px;padding:4px 10px 6px;border-top:1px solid var(--px-line);background:var(--px-bg2)}.px-controls-row{display:flex;align-items:center;gap:6px;min-width:0}.px-segmented{display:inline-flex;border:1px solid var(--px-line);border-radius:6px;overflow:hidden}.px-segment{padding:3px 9px;border:none;border-right:1px solid var(--px-line);background:transparent;color:var(--px-dim);font:inherit;cursor:pointer;white-space:nowrap}.px-segment:last-child{border-right:none}.px-segment:hover{color:var(--px-fg)}.px-segment._active{background:var(--px-accent);color:#fff}.px-seek{accent-color:var(--px-accent)}.px-time{color:var(--px-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.px-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--px-fg);font:inherit;cursor:pointer}.px-btn:hover:not(:disabled){background:color-mix(in srgb,var(--px-fg) 10%,transparent)}.px-btn._active{border-color:var(--px-accent);color:var(--px-accent)}.px-btn:disabled{opacity:.4;cursor:default}.px-trigger{display:inline-flex;align-items:center;gap:5px;border-radius:6px}.px-trigger._flash{animation:px-flash 1s ease-out}@keyframes px-flash{0%{box-shadow:0 0 0 3px var(--px-accent);background:color-mix(in srgb,var(--px-accent) 35%,transparent)}to{box-shadow:0 0 0 3px transparent;background:transparent}}.px-rate{padding:3px 6px;border:1px solid var(--px-line);border-radius:5px;background:var(--px-bg);color:var(--px-fg);font:inherit}.px-source{display:flex;flex-direction:column;flex:2 1 0;min-width:0;min-height:0;border-right:1px solid var(--px-line)}@media(max-width:720px){.px-source{border-right:none;border-top:1px solid var(--px-line)}.px-preview{order:-1}}.px-source-head{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--px-line);background:var(--px-bg2)}.px-source-kind{color:var(--px-dim)}.px-code{position:relative;flex:1 1 auto;min-height:0;background:var(--px-bg)}.px-code-highlight{position:absolute;inset:0;overflow:hidden;pointer-events:none}.px-code-highlight pre{margin:0!important;background:transparent!important}.px-code-input{position:absolute;inset:0;width:100%;height:100%;overflow:auto;border:none;outline:none;resize:none;background:transparent;color:transparent;caret-color:var(--px-fg)}.px-code-input::selection{background:#4c8dff55}.px-app._embed .px-stage{padding:8px!important}