.pc-canvas[data-v-b6067fb1]{overflow:hidden;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;background:#0b0b10f2;box-shadow:0 28px 70px -20px #0009}.pc-head[data-v-b6067fb1]{position:relative;display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;min-height:54px;padding:9px 14px 9px 18px;border-bottom:1px solid hsla(0,0%,100%,.07);background:transparent}.pc-head[data-v-b6067fb1]:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,185,122,.35),transparent);pointer-events:none}.pc-head-center-slot[data-v-b6067fb1]{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%)}.pc-head-center-slot[data-v-b6067fb1] .detail-head-action{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;background:#ffffff06;color:#cfd6e0;font-size:11px;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.pc-head-center-slot[data-v-b6067fb1] .detail-head-action:hover{border-color:#d9b97a80;background:#d9b97a1f;color:#f0dcae}.pc-head-center-slot[data-v-b6067fb1] .detail-head-action svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pc-head-center-slot[data-v-b6067fb1] .detail-head-action-muted{color:#8993a2}@media(max-width:1100px){.pc-head-center-slot[data-v-b6067fb1]{position:static;transform:none;order:3;width:100%;justify-content:center}}.pc-head-title[data-v-b6067fb1]{display:flex;align-items:center;gap:10px;min-width:0}.pc-live-dot[data-v-b6067fb1]{flex-shrink:0;width:8px;height:8px;border-radius:999px;background:#d9b97a;box-shadow:0 0 0 3px #d9b97a26,0 0 12px #d9b97ab3}.pc-head-eyebrow[data-v-b6067fb1]{display:block;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#8993a2}.pc-head-name[data-v-b6067fb1]{display:block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;color:#f4f6fa}.pc-head-tools[data-v-b6067fb1]{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto}.pc-head-tools[data-v-b6067fb1],.pc-seg[data-v-b6067fb1]{display:flex;align-items:center}.pc-seg[data-v-b6067fb1]{gap:2px;padding:3px;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;background:#ffffff06}.pc-tool[data-v-b6067fb1]{display:grid;place-items:center;width:34px;height:28px;border:1px solid transparent;border-radius:7px;background:transparent;color:#8f98a6;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}.pc-tool svg[data-v-b6067fb1]{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pc-tool[data-v-b6067fb1]:hover{background:#ffffff0f;color:#fff}.pc-tool.is-active[data-v-b6067fb1]{border-color:#d9b97a80;background:#d9b97a29;color:#f0dcae;box-shadow:0 0 14px #d9b97a2e}.pc-tool--solo[data-v-b6067fb1]{width:36px;height:36px;border-color:#ffffff1a;border-radius:10px;background:#ffffff06}.pc-tool--solo[data-v-b6067fb1]:hover{border-color:#d9b97a80;color:#f0dcae}.pc-swatch[data-v-b6067fb1]{display:block;width:16px;height:16px;border:1px solid hsla(0,0%,100%,.25);border-radius:5px}.html-apps-stage[data-v-b6067fb1]{overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.html-apps-stage[data-v-b6067fb1]::-webkit-scrollbar{display:none}.pc-device-bar[data-v-b6067fb1]{margin:3px 0 2px}.pc-dev-group[data-v-b6067fb1],.pc-dev-ratio[data-v-b6067fb1]{height:40px;padding:0 12px;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;background:#0b0b10e0;box-shadow:0 12px 30px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pc-dev-ratio[data-v-b6067fb1]{display:flex;flex-direction:column;justify-content:center}.pc-dev-ratio div[data-v-b6067fb1]{color:#cfd6e0;font-size:11px;font-variant-numeric:tabular-nums}.pc-dev-ratio div[data-v-b6067fb1]:first-child{color:#f0dcae;font-weight:600}.pc-dev-axis[data-v-b6067fb1]{color:#d9b97a;font-size:11px;font-weight:800;letter-spacing:.08em}.device-size-input[data-v-b6067fb1] .el-input__wrapper{background:#151920;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1a}.device-size-input[data-v-b6067fb1] .el-input__wrapper.is-focus{box-shadow:inset 0 0 0 1px #d9b97a99}.device-size-input[data-v-b6067fb1] .el-input__inner{color:#f4f6fa;font-variant-numeric:tabular-nums}.device-size-input[data-v-b6067fb1] .el-input-number__decrease,.device-size-input[data-v-b6067fb1] .el-input-number__increase{background:#ffffff0a;border-color:#ffffff1a;color:#aab3c0}.device-size-input[data-v-b6067fb1] .el-input-number__decrease:hover,.device-size-input[data-v-b6067fb1] .el-input-number__increase:hover{color:#f0dcae}.device-size-slider[data-v-b6067fb1]{--el-slider-main-bg-color:#d9b97a}.device-size-slider[data-v-b6067fb1] .el-slider__runway{background:#ffffff1a}.device-size-slider[data-v-b6067fb1] .el-slider__bar{background:linear-gradient(90deg,#c9a45c,#f0dcae)}.device-size-slider[data-v-b6067fb1] .el-slider__button{width:12px;height:12px;border-width:2px;border-color:#d9b97a;background:#14100a}.pe-editor[data-v-b6067fb1]{position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;background:#07070d;color:#f4f6fa;animation:pe-in-b6067fb1 .28s cubic-bezier(.22,1,.36,1) both}@keyframes pe-in-b6067fb1{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pe-editor[data-v-b6067fb1]{animation:none}}.pe-head[data-v-b6067fb1]{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:10px 16px 10px 20px;border-bottom:1px solid hsla(0,0%,100%,.08);background:#0b0b10f2}.pe-head[data-v-b6067fb1]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,185,122,.45),transparent);pointer-events:none}.pe-head-title[data-v-b6067fb1]{display:flex;align-items:center;gap:12px;min-width:0}.pe-logo[data-v-b6067fb1]{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#f0dcae,#d9b97a 55%,#c9a45c);color:#14100a;box-shadow:0 6px 18px #d9b97a40}.pe-icon-btn svg[data-v-b6067fb1],.pe-logo svg[data-v-b6067fb1]{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pe-eyebrow[data-v-b6067fb1]{display:block;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#d9b97a}.pe-name[data-v-b6067fb1]{margin:1px 0 0;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;color:#fff}.pe-head-tools[data-v-b6067fb1]{display:flex;gap:10px}.pe-badge[data-v-b6067fb1],.pe-head-tools[data-v-b6067fb1]{align-items:center;min-width:0}.pe-badge[data-v-b6067fb1]{display:inline-flex;gap:8px;max-width:420px;height:32px;padding:0 12px;overflow:hidden;border:1px solid rgba(217,185,122,.22);border-radius:999px;background:#d9b97a0f;color:#cfd6e0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.pe-badge-dot[data-v-b6067fb1]{flex-shrink:0;width:6px;height:6px;border-radius:999px;background:#d9b97a;box-shadow:0 0 10px #d9b97acc}@media(max-width:760px){.pe-badge[data-v-b6067fb1]{display:none}}.pe-icon-btn[data-v-b6067fb1]{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid hsla(0,0%,100%,.12);border-radius:10px;background:#ffffff08;color:#aab3c0;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.pe-icon-btn[data-v-b6067fb1]:hover{border-color:#d9b97a8c;background:#d9b97a24;color:#f0dcae}.pe-body[data-v-b6067fb1]{position:relative;flex:1;min-height:0;margin:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;background:#0b0b10f2;box-shadow:0 28px 70px -20px #0009}.pe-frame[data-v-b6067fb1]{display:block;width:100%;height:100%;border:0}.pe-loading[data-v-b6067fb1]{display:flex;height:100%;align-items:center;justify-content:center;gap:10px;color:#8993a2;font-size:12px}.pe-spinner[data-v-b6067fb1]{width:18px;height:18px;border:2px solid rgba(217,185,122,.2);border-top-color:#d9b97a;border-radius:999px;animation:pe-spin-b6067fb1 .8s linear infinite}@keyframes pe-spin-b6067fb1{to{transform:rotate(1turn)}}.fs-chip[data-v-b6067fb1],.fs-close[data-v-b6067fb1],.fs-zoom[data-v-b6067fb1]{border:1px solid rgba(217,185,122,.22);background:#0b0b10e0;box-shadow:0 14px 34px #00000080,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.fs-chip[data-v-b6067fb1]{max-width:min(420px,40vw);padding:9px 14px;overflow:hidden;color:#f4f6fa;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.fs-chip[data-v-b6067fb1],.fs-zoom[data-v-b6067fb1]{border-radius:12px}.fs-zoom[data-v-b6067fb1]{display:flex;align-items:center;gap:2px;padding:3px}.fs-close[data-v-b6067fb1],.fs-zoom-btn[data-v-b6067fb1]{display:grid;place-items:center;color:#aab3c0;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.fs-zoom-btn[data-v-b6067fb1]{width:38px;height:32px;border:0;border-radius:9px;background:transparent}.fs-zoom-btn+.fs-zoom-btn[data-v-b6067fb1]{border-left:1px solid hsla(0,0%,100%,.08);border-radius:0 9px 9px 0}.fs-zoom-btn[data-v-b6067fb1]:not(:disabled):hover{background:#d9b97a24;color:#f0dcae}.fs-zoom-btn[data-v-b6067fb1]:disabled{cursor:not-allowed;opacity:.35}.fs-close[data-v-b6067fb1]{width:40px;height:40px;border-radius:12px}.fs-close[data-v-b6067fb1]:hover{border-color:#d9b97a8c;background:#d9b97a24;color:#f0dcae}.fs-close svg[data-v-b6067fb1],.fs-zoom-btn svg[data-v-b6067fb1]{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.pc-player[data-v-b6067fb1]{padding:8px 14px 8px 8px;border:1px solid rgba(217,185,122,.22);border-radius:999px;background:#0b0b10e6;box-shadow:0 16px 40px #00000080,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pc-player-btn[data-v-b6067fb1]{background:linear-gradient(135deg,#f0dcae,#d9b97a 55%,#c9a45c);color:#14100a;box-shadow:0 4px 14px #d9b97a4d;transition:filter .15s,transform .15s}.pc-player-btn[data-v-b6067fb1]:hover{filter:brightness(1.08);transform:scale(1.05)}.vpp-slot[data-v-b6067fb1] .vpp,.vpp-slot[data-v-b6067fb1] .vpp-note,.vpp-slot[data-v-b6067fb1] .vpp-time{color:#cfd6e0}.vpp-slot[data-v-b6067fb1] .vpp-time{font-size:12px}.vpp-slot[data-v-b6067fb1] .vpp-range{accent-color:#d9b97a}.vpp-slot[data-v-b6067fb1] .vpp-mark:before{background:#d9b97a8c}.vpp-slot[data-v-b6067fb1] .vpp-mark:hover:before{background:#f0dcae}.vpp-slot[data-v-b6067fb1] .vpp-btn{display:none}.vpp-slot[data-v-b6067fb1] .vpp-note{display:none!important}.pc-seg.pc-seg--bar[data-v-b6067fb1]{padding:4px;border-color:#d9b97a38;background:#0b0b10e6;box-shadow:0 16px 40px #00000080}.pc-tool.pc-size-btn[data-v-b6067fb1]{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:40px;padding:0 9px 0 7px;font-size:11px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.pc-sb[data-v-b6067fb1]{display:flex;align-items:center;gap:12px;width:420px;min-width:0}.pc-sb-range[data-v-b6067fb1]{flex:1;min-width:0;height:4px;margin:0;border-radius:999px;background:linear-gradient(90deg,#d9b97a 0 calc(var(--pc-sb-p, 0)*100%),#ffffff24 calc(var(--pc-sb-p, 0)*100%));accent-color:#d9b97a;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.pc-sb-range[data-v-b6067fb1]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border:2px solid #d9b97a;border-radius:999px;background:#fbf3df}.pc-sb-range[data-v-b6067fb1]::-moz-range-thumb{width:10px;height:10px;border:2px solid #d9b97a;border-radius:999px;background:#fbf3df}.pc-sb-time[data-v-b6067fb1]{flex:none;min-width:11ch;color:#cfd6e0;font-size:12px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.pc-player-bar[data-v-b6067fb1]{margin:8px 0 2px}.vpp-slot[data-v-b6067fb1] .vpp{width:420px;min-width:420px;margin:0;padding:0;border:0;background:transparent}