.vue-aliplayer-v2[data-v-cf852d0d]{width:100%}*{box-sizing:border-box}body{color:oklch(24% .018 235);background:linear-gradient(oklch(97% .012 225),oklch(94% .018 210) 58%,oklch(95% .011 145));min-width:320px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}.demo-page[data-v-308d3b6d]{width:min(1500px,100vw - 32px);margin:0 auto;padding:22px 0 40px}.app-header[data-v-308d3b6d],.status-strip[data-v-308d3b6d],.player-panel[data-v-308d3b6d],.event-panel[data-v-308d3b6d],.config-panel[data-v-308d3b6d],.inspector[data-v-308d3b6d]{background:oklch(99% .006 225);border:1px solid oklch(84% .018 225);box-shadow:0 18px 48px oklch(40% .05 230/.1)}.app-header[data-v-308d3b6d]{border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.brand-block[data-v-308d3b6d]{gap:4px;display:grid}.version[data-v-308d3b6d]{color:oklch(40% .06 170);background:oklch(94% .045 165);border-radius:999px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:700}h1[data-v-308d3b6d],h2[data-v-308d3b6d],p[data-v-308d3b6d]{margin:0}h1[data-v-308d3b6d]{color:oklch(21% .02 235);font-size:26px;line-height:1.2}h2[data-v-308d3b6d]{color:oklch(25% .018 235);font-size:16px;line-height:1.3}.header-actions[data-v-308d3b6d],.transport[data-v-308d3b6d],.section-head[data-v-308d3b6d],.tabs[data-v-308d3b6d],.segmented[data-v-308d3b6d]{align-items:center;display:flex}.header-actions[data-v-308d3b6d],.transport[data-v-308d3b6d]{flex-wrap:wrap;gap:8px}.button[data-v-308d3b6d],.text-button[data-v-308d3b6d],.tabs button[data-v-308d3b6d],.segmented button[data-v-308d3b6d]{color:oklch(27% .02 235);cursor:pointer;background:oklch(99% .004 225);border:1px solid oklch(78% .024 225);border-radius:7px;min-height:36px;transition:border-color .18s ease-out,color .18s ease-out,background .18s ease-out,transform .18s ease-out}.button[data-v-308d3b6d]{padding:0 14px;font-weight:700}.button[data-v-308d3b6d]:hover,.text-button[data-v-308d3b6d]:hover,.tabs button[data-v-308d3b6d]:hover,.segmented button[data-v-308d3b6d]:hover{color:oklch(36% .1 170);border-color:oklch(59% .13 170)}.button[data-v-308d3b6d]:active,.text-button[data-v-308d3b6d]:active,.tabs button[data-v-308d3b6d]:active,.segmented button[data-v-308d3b6d]:active{transform:translateY(1px)}.button[data-v-308d3b6d]:disabled{cursor:not-allowed;opacity:.45}.primary[data-v-308d3b6d]{color:oklch(98% .006 170);background:oklch(48% .12 170);border-color:oklch(53% .13 170)}.secondary[data-v-308d3b6d]{background:oklch(97% .01 225)}.icon-button[data-v-308d3b6d]{min-width:72px}.text-button[data-v-308d3b6d]{color:oklch(39% .06 170);background:0 0;min-height:30px;padding:0 10px;font-size:12px;font-weight:700}.status-strip[data-v-308d3b6d]{border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:14px;display:grid;overflow:hidden}.status-strip article[data-v-308d3b6d]{background:oklch(98% .007 225);gap:6px;min-height:72px;padding:14px 16px;display:grid}.status-strip span[data-v-308d3b6d],.player-panel-head p[data-v-308d3b6d],.field span[data-v-308d3b6d],.switch span[data-v-308d3b6d],.log-list time[data-v-308d3b6d]{color:oklch(48% .025 235);font-size:12px}.status-strip strong[data-v-308d3b6d]{color:oklch(24% .02 235);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;line-height:1.2;overflow:hidden}.workspace[data-v-308d3b6d]{grid-template-columns:minmax(0,1fr) 430px;gap:16px;margin-top:16px;display:grid}.stage-column[data-v-308d3b6d]{gap:16px;min-width:0;display:grid}.player-panel[data-v-308d3b6d],.event-panel[data-v-308d3b6d],.config-panel[data-v-308d3b6d],.inspector[data-v-308d3b6d]{border-radius:8px;min-width:0}.player-panel[data-v-308d3b6d]{overflow:hidden}.player-panel-head[data-v-308d3b6d]{border-bottom:1px solid oklch(87% .016 225);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.player-panel-head>div[data-v-308d3b6d]{gap:4px;min-width:0;display:grid}.player-panel-head p[data-v-308d3b6d]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-frame[data-v-308d3b6d]{background:radial-gradient(circle at 0 0,oklch(83% .06 172/.2),#0000 30%),oklch(18% .015 235);min-height:460px;padding:14px;overflow:hidden}.player-frame.is-multiple[data-v-308d3b6d]{min-height:360px}.player[data-v-308d3b6d]{background:oklch(13% .014 235);border:1px solid oklch(30% .025 235);border-radius:7px;width:100%;min-height:430px;overflow:hidden}.player-grid[data-v-308d3b6d]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.player-grid .player[data-v-308d3b6d]{min-height:250px}.empty-player[data-v-308d3b6d]{color:oklch(87% .01 225);background:oklch(17% .014 235);border:1px dashed oklch(43% .025 235);border-radius:7px;align-content:center;place-items:center;gap:8px;min-height:430px;display:grid}.empty-player span[data-v-308d3b6d]{color:oklch(70% .018 225);text-overflow:ellipsis;white-space:nowrap;max-width:70ch;font-size:12px;overflow:hidden}.transport[data-v-308d3b6d]{border-top:1px solid oklch(87% .016 225);padding:12px 14px 14px}.lower-grid[data-v-308d3b6d]{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;display:grid}.event-panel[data-v-308d3b6d],.config-panel[data-v-308d3b6d]{min-width:0;padding:16px}.section-head[data-v-308d3b6d]{justify-content:space-between;gap:12px;margin-bottom:12px}.log-list[data-v-308d3b6d]{gap:8px;max-height:290px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.log-list li[data-v-308d3b6d]{color:oklch(28% .02 235);background:oklch(97% .008 225);border:1px solid oklch(88% .014 225);border-radius:6px;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:10px;min-height:34px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:grid}.log-list span[data-v-308d3b6d]{overflow-wrap:anywhere;min-width:0}.muted-row[data-v-308d3b6d]{color:oklch(52% .02 235);font-family:inherit!important;display:block!important}.config-panel pre[data-v-308d3b6d]{color:oklch(88% .02 155);background:oklch(18% .018 235);border-radius:7px;max-height:290px;margin:0;padding:12px;font-size:12px;line-height:1.55;overflow:auto}.inspector[data-v-308d3b6d]{align-self:start;max-height:calc(100vh - 28px);position:sticky;top:14px;overflow:hidden}.tabs[data-v-308d3b6d]{background:oklch(96% .01 225);border-bottom:1px solid oklch(87% .016 225);gap:6px;padding:10px}.tabs button[data-v-308d3b6d]{flex:1;min-width:0;padding:0 8px;font-size:13px;font-weight:700}.tabs button.active[data-v-308d3b6d],.segmented button.active[data-v-308d3b6d]{color:oklch(31% .09 170);background:oklch(93% .04 165);border-color:oklch(54% .12 170)}.panel-section[data-v-308d3b6d]{gap:16px;max-height:calc(100vh - 92px);padding:16px;display:grid;overflow:auto}.segmented[data-v-308d3b6d]{background:oklch(96% .01 225);border:1px solid oklch(86% .016 225);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.segmented button[data-v-308d3b6d]{background:0 0;border-color:#0000;font-weight:700}.field-grid[data-v-308d3b6d],.switch-grid[data-v-308d3b6d]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field[data-v-308d3b6d]{gap:6px;min-width:0;display:grid}.field input[data-v-308d3b6d],.field select[data-v-308d3b6d],.field textarea[data-v-308d3b6d]{color:oklch(24% .018 235);background:oklch(99% .005 225);border:1px solid oklch(78% .024 225);border-radius:7px;outline:none;width:100%;min-height:38px;padding:0 10px;transition:border-color .16s ease-out,box-shadow .16s ease-out}.field textarea[data-v-308d3b6d]{resize:vertical;min-height:90px;padding:10px;line-height:1.45}.field input[data-v-308d3b6d]:focus,.field select[data-v-308d3b6d]:focus,.field textarea[data-v-308d3b6d]:focus{border-color:oklch(55% .12 170);box-shadow:0 0 0 3px oklch(78% .09 170/.22)}.switch[data-v-308d3b6d]{background:oklch(98% .007 225);border:1px solid oklch(86% .016 225);border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.compact-switch[data-v-308d3b6d]{min-width:112px}.switch input[data-v-308d3b6d]{accent-color:oklch(49% .12 170);width:18px;height:18px}.error-line[data-v-308d3b6d]{color:oklch(43% .13 28);background:oklch(95% .04 35);border:1px solid oklch(82% .06 35);border-radius:7px;padding:10px 12px;font-size:12px}@media (width<=1180px){.workspace[data-v-308d3b6d],.lower-grid[data-v-308d3b6d]{grid-template-columns:1fr}.inspector[data-v-308d3b6d]{max-height:none;position:static}.panel-section[data-v-308d3b6d]{max-height:none}}@media (width<=780px){.demo-page[data-v-308d3b6d]{width:min(100vw - 20px,740px);padding-top:10px}.app-header[data-v-308d3b6d]{flex-direction:column;align-items:stretch}.header-actions[data-v-308d3b6d],.transport[data-v-308d3b6d]{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.header-actions .primary[data-v-308d3b6d]{grid-column:1/-1}.button[data-v-308d3b6d],.icon-button[data-v-308d3b6d]{min-width:0;padding-inline:8px}.player-panel-head[data-v-308d3b6d]{flex-direction:column;align-items:stretch}.status-strip[data-v-308d3b6d],.field-grid[data-v-308d3b6d],.switch-grid[data-v-308d3b6d],.player-grid[data-v-308d3b6d]{grid-template-columns:1fr}.player-frame[data-v-308d3b6d],.player[data-v-308d3b6d],.empty-player[data-v-308d3b6d],.player-grid .player[data-v-308d3b6d]{min-height:260px}.tabs[data-v-308d3b6d]{overflow-x:auto}.tabs button[data-v-308d3b6d]{min-width:74px}}