.workspace-route .app-header{gap:18px}.workspace-route .brand small,.workspace-route .build-label{display:none}.sv-toolbar{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.p-main{background:#0f1416;grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}.p-host{touch-action:none;-webkit-user-select:none;user-select:none;min-height:0;position:relative;overflow:hidden}.p-host>canvas{cursor:grab;outline:none;width:100%;height:100%;display:block}.p-host>canvas:active{cursor:grabbing}.p-head{z-index:3;color:#17242e;pointer-events:none;background:#fffffff0;border-radius:10px;flex-direction:column;gap:2px;max-width:calc(100% - 300px);padding:9px 14px;font-size:12px;line-height:1.3;display:flex;position:absolute;top:14px;left:16px;box-shadow:0 6px 20px #0000002e}.p-head strong{color:#0f2a2f;font-size:16px;font-weight:650}.p-topright{z-index:4;align-items:flex-start;gap:8px;display:flex;position:absolute;top:14px;right:16px}.p-tool{color:#0f2a2f;cursor:pointer;background:#fffffff5;border:1px solid #c4cdd3;border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 6px 20px #0f2a2f2e}.p-tool svg{width:20px;height:20px}.p-tool:hover{background:#fff;border-color:#145c5d}.p-tool[aria-pressed=true]{color:#fff;background:#0f2a2f;border-color:#0f2a2f}.p-tool:focus-visible,.p-arrow:focus-visible,.p-play:focus-visible,.p-strip button:focus-visible{outline-offset:2px;outline:2px solid #2c7be5}.p-map{z-index:4;background:#fffffff5;border:1px solid #d5dde3;border-radius:12px;width:340px;padding:8px;position:absolute;bottom:16px;right:16px;box-shadow:0 10px 30px #00000040}.p-map[hidden]{display:none}.p-map canvas{cursor:pointer;touch-action:manipulation;width:100%;height:250px;display:block}.p-key{color:#3d4d59;align-items:center;gap:5px;margin:6px 2px 0;font-size:12px;line-height:1;display:flex}.p-key i{border:1.4px solid #0f2a2f;border-radius:50%;width:11px;height:11px;margin-left:8px}.p-key i:first-child{margin-left:0}.k-out{background:#fff}.k-in{background:#e8a93a}.k-air{background:#2c7be5}.p-key button{color:#0f2a2f;cursor:pointer;background:#f8fafc;border:1px solid #d5dde3;border-radius:8px;width:36px;height:36px;margin-left:auto;font-size:20px;line-height:1}.p-arrow{z-index:3;color:#0f2a2f;cursor:pointer;background:#fffffff0;border:1px solid #d5dde3;border-radius:14px;flex-direction:column;align-items:center;gap:3px;width:92px;min-height:104px;padding:10px 6px;font-size:12px;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 20px #00000038}.p-arrow:hover{background:#fff;border-color:#145c5d}.p-arrow svg{width:34px;height:34px}.p-arrow span{color:#5b6770}.p-arrow strong{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:11.5px;font-weight:650;line-height:1.2;display:-webkit-box;overflow:hidden}.p-prev{left:16px}.p-next{right:16px}.p-hint{z-index:3;color:#fff;text-align:center;pointer-events:none;background:#0f2a2fe0;border-radius:999px;width:max-content;max-width:calc(100% - 560px);margin:0;padding:8px 14px;font-size:13px;line-height:1.3;position:absolute;top:14px;left:50%;transform:translate(-50%)}.p-note{z-index:2;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;max-width:40%;margin:0;font-size:11px;line-height:1.3;position:absolute;bottom:10px;left:16px}.p-foot{background:#fff;border-top:1px solid #d5dde3;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex}.p-play{color:#fff;cursor:pointer;background:#145c5d;border:0;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:64px;height:88px;font-size:12px;font-weight:700;display:flex}.p-play:hover{background:#0f4849}.p-play svg{width:26px;height:26px}.p-play .i-pause,.p-play[aria-pressed=true] .i-play{display:none}.p-play[aria-pressed=true] .i-pause{display:block}.p-strip{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b9c5cd transparent;overscroll-behavior-x:contain;flex:1;gap:6px;min-width:0;padding:2px 2px 8px;display:flex;overflow-x:auto}.p-strip::-webkit-scrollbar{height:7px}.p-strip::-webkit-scrollbar-track{background:0 0}.p-strip::-webkit-scrollbar-thumb{background:#c9d3da;border-radius:4px}.p-strip::-webkit-scrollbar-thumb:hover{background:#9fb0bb}.p-strip button{cursor:pointer;text-align:left;scroll-snap-align:center;background:#eef2f5;border:2px solid #0000;border-radius:8px;flex:none;width:136px;padding:0;overflow:hidden}.p-strip img{object-fit:cover;background:#dfe6ea;width:100%;height:76px;display:block}.p-strip span{color:#17242e;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;padding:3px 6px 4px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.p-strip span i{border:1.2px solid #0f2a2f;border-radius:50%;flex:none;width:8px;height:8px}.p-strip button[aria-current=true]{border-color:#145c5d;box-shadow:0 0 0 2px #145c5d40}.p-strip button[aria-current=true] span{color:#0f4849}@media (width<=900px){.p-arrow{width:64px;min-height:80px}.p-arrow strong{display:none}.p-map{width:300px}.p-map canvas{height:220px}.p-hint{max-width:calc(100% - 460px)}}@media (width<=700px){.p-head{max-width:calc(100% - 132px);padding:7px 10px;top:8px;left:8px}.p-head strong{font-size:14px}.p-topright{gap:6px;top:8px;right:8px}.vc-fs .vc-fs-t,.p-tool span{display:none}.p-tool,.p-main .vc-fs{padding:8px 10px}.p-map{width:auto;inset:60px 8px auto}.p-map canvas{height:min(46vh,280px)}.p-arrow{width:52px;min-height:68px;padding:6px 4px;font-size:10.5px}.p-arrow svg{width:28px;height:28px}.p-prev{left:8px}.p-next{right:8px}.p-hint{max-width:calc(100% - 140px);font-size:12px;top:auto;bottom:10px}.p-note{display:none}.p-foot{gap:8px;padding:6px 6px 6px 8px}.p-play{width:52px;height:72px;font-size:11px}.p-strip button{width:108px}.p-strip img{height:60px}}@media (height<=500px) and (orientation:landscape){.p-head{max-width:calc(100% - 200px);padding:5px 10px;top:6px;left:8px}.p-head strong{font-size:13px}.p-topright{top:6px;right:8px}.vc-fs .vc-fs-t,.p-tool span{display:none}.p-map{width:280px;top:56px;bottom:auto}.p-map canvas{height:min(52vh,180px)}.p-arrow{width:48px;min-height:60px;padding:4px 2px}.p-arrow span{display:none}.p-arrow svg{width:26px;height:26px}.p-prev{left:8px}.p-next{right:8px}.p-hint,.p-note{display:none}.p-foot{padding:4px 6px}.p-play{width:48px;height:48px}.p-play-t{display:none}.p-strip{padding-bottom:3px}.p-strip button{width:84px}.p-strip img{height:44px}.p-strip span{display:none}}html.vc-full .p-main{grid-template-rows:minmax(0,1fr) auto}@media (prefers-reduced-motion:reduce){.p-strip{scroll-behavior:auto}}