.bc-page{max-width:1600px;margin:auto;padding:24px}.bc-page header>span{color:#c89df5;font-size:.8rem;letter-spacing:.12em}.bc-page h1{font-size:clamp(1.8rem,3vw,2.6rem)}.bc-page p{color:#bfb0cf;line-height:1.6}.bc-workspace{background:#21182e;border:1px solid #59426d;border-radius:18px;padding:22px}.bc-command,.bc-playbar,.bc-exportbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.bc-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.bc-layout aside{background:#171021;border-radius:12px;padding:18px}.bc-page label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;margin:12px 0}.bc-page input,.bc-page select{width:100%;min-width:0;background:#291d39;border:1px solid #65507b;color:#f0e7fa;padding:10px;border-radius:8px;box-sizing:border-box}.bc-page input[type=checkbox]{width:auto}.bc-page input[type=range]{padding:0;accent-color:#bb8bf2}.bc-page input[type=color]{height:40px;padding:3px}.bc-page button,.bc-upload,.bc-page a#bcDownload{padding:11px 15px;border:1px solid #70518d;border-radius:8px;background:#3b2751;color:#f5ebff;cursor:pointer;font-size:.85rem}.bc-page button:hover,.bc-page button[aria-pressed=true]{background:#70479c}.bc-page button:disabled{opacity:.45;cursor:default}.bc-page button:focus-visible,.bc-page input:focus-visible{outline:2px solid #d0a6ff;outline-offset:3px}.bc-upload{position:relative;margin:0!important}.bc-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.bc-upload:focus-within{outline:2px solid #d0a6ff}.bc-sources{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bc-source{min-width:0}.bc-source>span{color:#caa8e8;font-size:.7rem;letter-spacing:.08em}.bc-source .bc-upload{display:block;margin:12px 0!important;text-align:center}.bc-source p{font-size:.72rem;overflow-wrap:anywhere}.bc-page nav{display:flex;gap:5px;margin:20px 0;padding:5px;background:#0e0a16;border-radius:10px}.bc-page nav button{flex:1;border:0;font-size:.78rem;padding:10px}.bc-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bc-stage{min-width:0}.bc-stage-head{display:flex;justify-content:space-between;gap:15px;padding:8px 0 18px;font-size:.8rem}.bc-stage-head span{color:#bd97df}#bcCanvas{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:12px;background:#100b18;touch-action:none;cursor:col-resize}.bc-playbar{margin-top:18px}.bc-playbar input{flex:1;min-width:100px}.bc-playbar span{font:12px monospace}#bcExport{background:#9860d2;font-weight:700}#bcStatus{padding:14px;background:#32223f;border-radius:9px}#bcResultVideo{width:100%;max-height:600px}#bcDownload{display:inline-block;margin:16px 0;text-decoration:none}.bc-page [hidden]{display:none!important}.bc-page progress{flex:1;accent-color:#b68bea}@media(max-width:950px){.bc-layout{grid-template-columns:270px minmax(0,1fr)}.bc-workspace{padding:15px}.bc-layout{gap:15px}.bc-layout aside{padding:12px}.bc-sources{grid-template-columns:1fr}.bc-page{padding:12px}}@media(max-width:650px){.bc-layout{display:flex;flex-direction:column}.bc-stage{order:-1}.bc-sources{grid-template-columns:1fr 1fr}.bc-command>*{flex:1 1 40%}.bc-stage-head{flex-direction:column;gap:6px}}