:root{font-family:Blueaka,Microsoft YaHei UI,Noto Sans SC,Arial,sans-serif;color:#f5f7f7;background:#111315;font-synthesis:none;color-scheme:dark;--panel: rgba(24, 27, 29, .94);--line: rgba(255, 255, 255, .14);--muted: #a7aeb0;--accent: #76d4d0;--accent-strong: #2da39f;--warm: #f08c86}@font-face{font-family:Blueaka;src:url(../default-assets/blueaka.woff2) format("woff2"),url(../default-assets/blueaka.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#111315}button{font:inherit;letter-spacing:0}button:focus-visible,.stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.player-shell{position:relative;width:100%;height:100%;min-width:280px;min-height:320px;background:#0c0d0f;overflow:hidden}.stage,.render-host,.module-host,.choice-host,.transition,.loading{position:absolute;inset:0}.stage{cursor:default}.render-host{z-index:1}.render-host canvas{display:block;width:100%;height:100%}.module-host{z-index:20;pointer-events:none}.module-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;pointer-events:auto}.choice-host{z-index:30;pointer-events:none;display:flex;flex-direction:column;gap:var(--choice-gap, 1.8%);width:var(--choice-width, 42%);height:auto;left:var(--choice-x, 50%);top:var(--choice-y, 50%);right:auto;bottom:auto;transform:translate(-50%,-50%)}.choice-host.active{pointer-events:auto}.choice-button{width:100%;height:var(--choice-height, 56px);min-height:1px;box-sizing:border-box;padding:10px 22px;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:var(--choice-color, #fff);background:#121618e0;box-shadow:0 8px 24px #0000003d;font-size:var(--choice-font-size, 22px);line-height:1.35;cursor:pointer;opacity:0;transform:scale(.88);animation:choice-enter .26s ease-out var(--choice-delay, 0ms) forwards;transition:background-color .14s ease,border-color .14s ease,transform .1s ease}.choice-button:hover{background:#2da39feb;border-color:#a8efec}.choice-button:active{transform:scale(.97)}.choice-button.question{border-color:transparent;color:#29415a;background-color:transparent;background-image:url(../default-assets/decision_choice.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:none}.choice-button.question:hover{filter:brightness(1.06)}@keyframes choice-enter{to{opacity:1;transform:scale(1)}}.transition{z-index:40;background:#000;opacity:0;pointer-events:none;transition:opacity .24s ease}.transition.active{opacity:1}.loading{z-index:50;display:none;align-items:center;justify-content:center;gap:14px;color:#f1f4f4;background:#090a0b;font-size:14px;letter-spacing:0}.loading.active{display:flex}.loading.error{color:#ffc1bc}.spinner{width:26px;height:26px;border:2px solid rgba(255,255,255,.22);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.loading.error .spinner{border-top-color:var(--warm);animation-duration:1.4s}@keyframes spin{to{transform:rotate(360deg)}}.topbar,.controlbar{position:absolute;z-index:60;left:0;right:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.topbar{top:0;min-height:58px;padding:max(10px,env(safe-area-inset-top)) 14px 8px;background:#0c0e0fb8;border-bottom:1px solid var(--line)}.controlbar{bottom:0;min-height:58px;padding:8px 14px max(8px,env(safe-area-inset-bottom));background:#0c0e0fc7;border-top:1px solid var(--line)}.brand-block{min-width:0;display:grid;gap:2px}.brand-block strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}.brand-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.top-actions,.transport,.playback-options{display:flex;align-items:center;gap:7px;pointer-events:auto}.icon-button,.text-button{display:inline-flex;align-items:center;justify-content:center;height:36px;border:1px solid var(--line);border-radius:6px;color:#edf1f1;background:#222628db;cursor:pointer;transition:background-color .13s ease,border-color .13s ease,color .13s ease}.icon-button{width:36px;padding:0}.icon-button svg{width:17px;height:17px;stroke-width:1.8}.text-button{min-width:48px;padding:0 12px;font-size:12px}.icon-button:hover,.text-button:hover{background:#343a3c;border-color:#ffffff4d}.icon-button.primary{color:#071313;background:var(--accent);border-color:var(--accent)}.icon-button.primary:hover{background:#99e8e4}.icon-button.selected,.text-button.selected{color:#071313;background:var(--accent);border-color:var(--accent)}.toast{position:absolute;z-index:80;left:50%;bottom:76px;max-width:min(560px,calc(100% - 32px));padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;background:#202426f5;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .16s ease,transform .16s ease;font-size:13px}.toast.active{opacity:1;transform:translate(-50%)}.flow-dialog{width:min(520px,calc(100% - 32px));max-height:min(680px,calc(100% - 32px));padding:0;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f5f7f7;background:#1b1e20;box-shadow:0 24px 70px #0000007a}.flow-dialog::backdrop{background:#0000009e}.flow-dialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.flow-dialog header strong{font-size:14px}.flow-list{display:grid;max-height:560px;overflow-y:auto;padding:8px}.flow-entry{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:8px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.08);color:#f4f6f6;background:transparent;cursor:pointer}.flow-entry:hover{background:#292e30}.flow-entry svg{width:16px;color:var(--accent)}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.control-entry{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;color:#f4f6f6;background:#24282a;cursor:pointer}.control-entry:hover{background:#303638;border-color:#ffffff4d}.control-entry svg{width:17px;color:var(--accent)}.mixer-panel{display:grid;gap:8px;padding:10px 14px 14px;border-top:1px solid var(--line)}.mixer-heading{display:flex;align-items:center;justify-content:space-between;min-height:32px}.mixer-heading strong{font-size:13px}.mixer-heading .text-button{height:30px;font-size:12px}.mixer-row{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:28px;color:#edf1f1;font-size:13px}.mixer-row input[type=range]{width:100%;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.mixer-row output{color:#c8d0d0;text-align:right;font-variant-numeric:tabular-nums}.history-list{max-height:340px;overflow-y:auto;border-top:1px solid var(--line);padding:8px 12px 12px}.history-entry{padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.08)}.history-entry small{color:var(--accent);font-size:11px}.history-entry p{margin:4px 0 0;color:#eef1f1;white-space:pre-wrap;font-size:13px;line-height:1.55}.player-shell.dragging:after{content:"释放以打开 MTLS";position:absolute;z-index:100;inset:14px;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:8px;color:var(--accent);background:#0a1212e0;pointer-events:none}@media(max-width:640px){.topbar{min-height:52px;padding-inline:10px}.controlbar{min-height:54px;padding-inline:10px}.top-actions,.transport,.playback-options{gap:4px}.icon-button{width:34px;height:34px}.text-button{min-width:42px;height:34px;padding-inline:8px}.brand-block{max-width:calc(100% - 124px)}.choice-host{width:min(88%,var(--choice-width, 88%))}.choice-button{padding:9px 12px;font-size:min(var(--choice-font-size, 18px),18px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}