*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#4c4a44;background:#e7e2da;font-family:Arial,Microsoft YaHei,sans-serif}.pageShell{place-items:center;min-height:100vh;padding:32px;display:grid}.hero{grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);align-items:center;gap:28px;width:min(1080px,100%);display:grid}.heroText{gap:14px;display:grid}.eyebrow{color:#92a6b0;text-transform:uppercase;margin:0;font-size:14px}h1{margin:0;font-size:56px;line-height:1}.summary{color:#8b8578;margin:0;font-size:18px;line-height:1.6}.pixiStage{background:#e3ddd3;border:1px solid #4c4a4433;width:100%;height:420px;overflow:hidden}.pixiStage canvas{width:100%;height:100%;display:block}@media (max-width:760px){.pageShell{padding:20px}.hero{grid-template-columns:1fr}h1{font-size:40px}.pixiStage{height:320px}}.appShell{flex-direction:column;min-height:100vh;display:flex}.appTop{background:#f4f1ebd9;border-bottom:1px solid #d8d1c5;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.brand{letter-spacing:1px;font-size:16px;font-weight:700}.brand:before{content:"";background:#7d9184;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.wbEndpoint{color:#a59e90;word-break:break-all;text-align:right;font-size:12px}.appMain{flex-direction:column;flex:1;gap:16px;width:min(1440px,100%);min-height:0;margin:0 auto;padding:20px 28px 24px;display:flex}.wbBody{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;display:flex}.dropzone{text-align:center;background:#f4f1eb99;border:2px dashed #7d918480;border-radius:16px;justify-items:center;gap:10px;width:min(760px,100%);padding:72px 24px;display:grid}.dropzone.dragOver{background:#7d91841a;border-color:#7d9184}.dropTitle{margin:0;font-size:22px}.dropHint,.dropNote{color:#8b8578;margin:0;font-size:14px}.dropLimit{color:#b58383;font-weight:600}.progressCard,.errorCard{background:#f4f1eb;border:1px solid #d8d1c5;border-radius:12px;align-items:center;gap:18px;width:min(760px,100%);padding:20px 24px;display:flex}.errorCard{border-color:#b5838399;flex-direction:column;align-items:flex-start}.progressInfo{flex:1;gap:4px;display:grid}.progressStage{margin:0;font-size:18px}.progressHint,.progressMeta{color:#8b8578;margin:0;font-size:13px}.errorTitle{color:#a56666;margin:0;font-size:18px}.errorText{color:#a56a6a;margin:4px 0}.errorMeta{color:#a59e90;margin:0 0 12px;font-size:12px}.noticeText{color:#9a7b4f;margin:4px 0;font-size:14px}.spinner{border:3px solid #7d91844d;border-top-color:#7d9184;border-radius:50%;flex:none;width:28px;height:28px;animation:.9s linear infinite wbSpin}@keyframes wbSpin{to{transform:rotate(360deg)}}.reviewLayout{flex-direction:column;flex:1;align-items:center;gap:14px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.reviewHead{text-align:center;gap:6px;display:grid}.reviewTitle{margin:0;font-size:26px}.reviewDesc{color:#8b8578;max-width:640px;margin:0;font-size:14px;line-height:1.6}.reviewLayout .warnBanner{width:min(920px,100%)}.compareRow{flex:1;grid-template-columns:1fr 1fr;gap:20px;width:min(1180px,100%);min-height:0;display:grid}.compareCard{flex-direction:column;gap:8px;min-height:0;margin:0;display:flex}.compareFrame{background-color:#ede8df;border:1px solid #d8d1c5;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.compareFrame.checker{background-image:linear-gradient(45deg,#e0dacd 25%,#0000 25% 75%,#e0dacd 75%),linear-gradient(45deg,#e0dacd 25%,#0000 25% 75%,#e0dacd 75%);background-position:0 0,12px 12px;background-size:24px 24px}.compareFrame img{object-fit:contain;max-width:100%;max-height:100%;display:block}.videoComparison{gap:14px;width:min(1180px,100%);display:grid}.videoComparisonGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.videoCompareCard{gap:8px;min-width:0;margin:0;display:grid}.videoCompareFrame{aspect-ratio:16/9;background:#ede8df;border:1px solid #d8d1c5;border-radius:12px;justify-content:center;align-items:center;min-height:300px;display:flex;overflow:hidden}.videoCompareFrame.checker{background-image:linear-gradient(45deg,#e0dacd 25%,#0000 25% 75%,#e0dacd 75%),linear-gradient(45deg,#e0dacd 25%,#0000 25% 75%,#e0dacd 75%);background-position:0 0,12px 12px;background-size:24px 24px}.videoCompareFrame video{object-fit:contain;width:100%;height:100%;display:block}.originalVideoFrame{background:#6b675f}.videoCompareCaption{text-align:center;color:#6b675f;margin:0;font-size:14px}.comparisonControls{background:#f4f1eb;border:1px solid #d8d1c5;border-radius:12px;grid-template-columns:auto auto minmax(160px,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.comparisonTime,.comparisonSyncLabel{color:#6b675f;white-space:nowrap;font-size:12px}.comparisonSyncLabel{color:#8b8578}.comparisonRange{accent-color:#7d9184;width:100%}.compareEmpty{color:#a59e90;font-size:13px}.compareCaption{text-align:center;color:#6b675f;margin:0;font-size:14px}.swatchArea{justify-items:center;gap:6px;display:grid}.swatchTip{color:#8b8578;margin:0;font-size:12px}.swatchRow{background:#fbf9f5cc;border:1px solid #4c4a444d;border-radius:8px;gap:4px;padding:4px;display:flex}.swatch{cursor:pointer;border:1px solid #4c4a4459;border-radius:4px;width:36px;height:26px;padding:0}.swatch.checker{background-color:#fbf9f5;background-image:linear-gradient(45deg,#d8d1c5 25%,#0000 25% 75%,#d8d1c5 75%),linear-gradient(45deg,#d8d1c5 25%,#0000 25% 75%,#d8d1c5 75%);background-position:0 0,6px 6px;background-size:12px 12px}.swatch.active{outline-offset:1px;outline:2px solid #7d9184}.linkBtn{color:#8b8578;cursor:pointer;background:0 0;border:none;padding:10px 12px;font-size:14px;text-decoration:underline}.linkBtn:hover{color:#6a7f71}.metaLine{color:#a59e90;text-align:center;margin:0;font-size:12px}.warnBanner{background:#c4a8781f;border:1px solid #c4a8788c;border-radius:12px;padding:12px 16px}.warnTitle{color:#9a7b4f;margin:0 0 6px;font-size:14px}.warnBanner ul{color:#6b675f;gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.btn{cursor:pointer;color:#4c4a44;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;text-decoration:none;display:inline-flex}.btn input[type=file]{display:none}.btnPrimary{color:#f7f4ef;background:#7d9184}.btnPrimary:hover{background:#6a7f71}.btnGhost{color:#55524b;background:0 0;border-color:#4c4a444d}.btnGhost:hover{color:#6a7f71;border-color:#7d9184}.btn:disabled{opacity:.45;cursor:not-allowed}.btnRow{flex-wrap:wrap;gap:10px;display:flex}.btnRow.center{justify-content:center}.promptArea{resize:vertical;color:#4c4a44;background:#fbf9f5;border:1px solid #d0c8ba;border-radius:8px;width:100%;min-height:84px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.5}.promptArea:focus{border-color:#7d9184;outline:none}.checkRow{color:#55524b;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.checkRow input{accent-color:#7d9184;width:15px;height:15px}.bgInput{color:#4c4a44;background:#fbf9f5;border:1px solid #d0c8ba;border-radius:8px;width:110px;padding:6px 10px;font-family:inherit;font-size:13px}.bgInput:focus{border-color:#7d9184;outline:none}.paramCard{background:#f4f1eb;border:1px solid #d8d1c5;border-radius:12px;gap:10px;width:min(760px,100%);padding:16px 20px;display:grid}.paramTitle{color:#6a7f71;margin:0;font-size:15px}.paramRow{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.paramLabel{color:#8b8578;flex:none;width:64px;font-size:13px}.chipGroup{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#55524b;cursor:pointer;background:0 0;border:1px solid #4c4a4447;border-radius:999px;padding:6px 14px;font-size:13px}.chip:hover{color:#6a7f71;border-color:#7d9184}.chip.active{color:#f7f4ef;background:#7d9184;border-color:#7d9184;font-weight:700}.paramNote{color:#a59e90;margin:0;font-size:12px}.correctHint{color:#7a7290;background:#a8a0b81f;border:1px solid #a8a0b88c;border-radius:999px;margin:0;padding:8px 16px;font-size:13px}.compareFrame img.clickable{cursor:crosshair}.previewArea{background:#f4f1eb;border:1px solid #a8a0b880;border-radius:12px;justify-items:center;gap:10px;width:min(920px,100%);padding:14px 16px;display:grid}.previewTitle{color:#7a7290;margin:0;font-size:14px}.previewRow{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.previewRow .compareFrame{aspect-ratio:1}.correctMeta{color:#8b8578;margin:0;font-size:13px}.quoteLine{color:#55524b;margin:0;font-size:14px}.quoteWarnList{color:#9a7b4f;gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.frameNav{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.navLabel{color:#8b8578;align-items:center;gap:6px;font-size:13px;display:inline-flex}.navInput{width:64px}.vcCorrectCard{width:min(860px,100%)}.vcCorrectCard .compareFrame{min-height:360px}.vcPreviewCard{width:min(620px,100%)}.vcPreviewCard .compareFrame{aspect-ratio:16/9}.wbAdminLink{color:#6a7f71;text-decoration:underline}.wbAdminLink:hover{color:#7d9184}.adminGate{text-align:center;background:#f4f1eb;border:1px solid #d8d1c5;border-radius:12px;justify-items:center;gap:12px;width:min(480px,100%);padding:28px 24px;display:grid}.adminGateTitle{margin:0;font-size:20px}.adminTokenInput{width:100%}.adminGrid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;width:100%;display:grid}.adminCard{background:#f4f1eb;border:1px solid #d8d1c5;border-radius:12px;gap:10px;min-width:0;padding:14px 16px;display:grid}.adminCardHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.adminCardTitle{color:#6a7f71;margin:0;font-size:15px}.adminFilters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adminInput{color:#4c4a44;background:#fbf9f5;border:1px solid #d0c8ba;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:13px}.adminInput:focus{border-color:#7d9184;outline:none}.adminTableWrap{overflow-x:auto}.adminTable{border-collapse:collapse;width:100%;font-size:12px}.adminTable th,.adminTable td{text-align:left;white-space:nowrap;vertical-align:top;border-bottom:1px solid #4c4a441f;padding:6px 8px}.adminTable th{color:#8b8578;font-weight:400}.adminTable td.wrap{white-space:normal;word-break:break-all;min-width:140px;max-width:380px}.badge{color:#8b8578;border:1px solid #4c4a4440;border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.badge.running{color:#7f95a1;border-color:#92a6b099}.badge.completed{color:#7d9172;border-color:#929e868c}.badge.failed{color:#a56666;border-color:#b583838c}.badge.timeout{color:#9a7b4f;border-color:#c4a8788c}.stuckText{color:#a56666;margin-left:6px;font-size:11px}.mono{font-family:Consolas,Courier New,monospace}.jobIdBtn{color:#6a7f71;cursor:pointer;word-break:break-all;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:underline}.jobIdBtn:hover{color:#7d9184}.detailSummary{color:#8b8578;cursor:pointer;font-size:12px}.detailSummary:hover{color:#6a7f71}.detailPre{white-space:pre-wrap;word-break:break-all;color:#6b675f;max-width:420px;max-height:260px;margin:4px 0 0;font-size:11px;overflow:auto}.adminHint{color:#a59e90;margin:0;font-size:12px}.c2dCard{background:#f4f1eb;border:1px solid #d8d1c5;border-radius:14px;gap:14px;width:min(920px,100%);padding:18px 20px;display:grid}.c2dHead{align-items:center;gap:10px;display:flex}.numBadge{color:#f7f4ef;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.c2dHeadText{gap:2px;display:grid}.c2dTitle{margin:0;font-size:16px}.c2dSub{color:#8b8578;margin:0;font-size:12px}.c2dSection{border-top:1px dashed #4c4a442e;gap:8px;padding-top:12px;display:grid}.secLabel{color:#6a7f71;margin:0;font-size:13px}.secLabel .req{color:#b58383;margin-left:6px;font-size:11px}.secLabel .opt{color:#a59e90;margin-left:6px;font-size:11px}.styleTiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.styleTile{color:#55524b;cursor:pointer;background:#fbf9f5;border:1px solid #d8d1c5;border-radius:8px;justify-items:center;gap:2px;padding:8px 4px;font-family:inherit;font-size:12px;display:grid}.styleTile:hover{color:#6a7f71;border-color:#7d9184}.styleTile.active{color:#5e7263;background:#7d918424;border-color:#7d9184;font-weight:700}.styleTileNote{color:#a59e90;font-size:10px;font-weight:400}.styleTile.active .styleTileNote{color:#6a7f71}.refDrop{text-align:center;color:#8b8578;cursor:pointer;border:1.5px dashed #7d91848c;border-radius:10px;justify-items:center;gap:4px;padding:16px 12px;font-size:13px;display:grid}.refDrop:hover{color:#6a7f71;border-color:#7d9184}.refDrop input{display:none}.refDropIcon{font-size:20px;line-height:1}.refThumbs{flex-wrap:wrap;gap:10px;display:flex}.refThumb{gap:4px;width:108px;display:grid}.refThumbBox{background:#ede8df;border:1px solid #d8d1c5;border-radius:8px;width:108px;height:80px;position:relative;overflow:hidden}.refThumbBox img{object-fit:cover;width:100%;height:100%;display:block}.refRemove{color:#f2efe9;cursor:pointer;background:#4c4a448c;border:none;border-radius:50%;width:18px;height:18px;font-size:12px;line-height:1;position:absolute;top:3px;right:3px}.refThumb .adminInput{width:100%;padding:4px 6px;font-size:11px}.outOptions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.outOption{cursor:pointer;color:#4c4a44;background:#fbf9f5;border:1px solid #d8d1c5;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.outOption.active{background:#7d91841f;border-color:#7d9184}.outOption input{accent-color:#7d9184;margin-top:2px}.outOptionName{font-weight:700}.outOptionNote{color:#a59e90;font-size:11px}.c2dCols{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:14px;width:100%;display:grid}.c2dPanel{background:#ede8df;border:1px solid #d8d1c5;border-radius:12px;gap:10px;min-width:0;padding:12px 14px;display:grid}.c2dSide{gap:14px;min-width:0;display:grid}.tabBar{flex-wrap:wrap;gap:6px;display:flex}.tabBtn{color:#55524b;cursor:pointer;background:0 0;border:1px solid #4c4a4447;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:12px}.tabBtn:hover{color:#6a7f71;border-color:#7d9184}.tabBtn.active{color:#f7f4ef;background:#7d9184;border-color:#7d9184;font-weight:700}.assetGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.assetGrid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.assetTile{aspect-ratio:1;cursor:pointer;background:#ede8df;border:1px solid #d8d1c5;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.assetTile.selected{border-color:#7d9184;box-shadow:0 0 0 1px #7d918499}.assetTile img{object-fit:contain;width:100%;height:100%;display:block}.tileEmpty{color:#a59e90;font-size:11px}.tileSpin{border:2px solid #7d91844d;border-top-color:#7d9184;border-radius:50%;width:18px;height:18px;animation:.9s linear infinite wbSpin}.assetTileLabel{text-align:center;color:#f2efe9;pointer-events:none;background:#4c4a44ad;padding:1px 0;font-size:10px;position:absolute;bottom:0;left:0;right:0}.detailBox{background:#fbf9f5;border:1px solid #d8d1c5;border-radius:10px;gap:8px;padding:10px 12px;display:grid}.detailRow{align-items:flex-start;gap:12px;display:flex}.detailPreview{background:#ede8df;border:1px solid #d8d1c5;border-radius:8px;flex:none;justify-content:center;align-items:center;width:112px;height:112px;display:flex;overflow:hidden}.detailPreview img{object-fit:contain;max-width:100%;max-height:100%}.detailMeta{flex:1;align-content:center;gap:6px;min-width:0;display:grid}.kvRow{color:#55524b;justify-content:space-between;gap:10px;font-size:12px;display:flex}.kvRow .k{color:#a59e90}.btnSm{padding:6px 12px;font-size:12px}.presetChips{flex-wrap:wrap;gap:6px;display:flex}.targetRow{align-items:center;gap:10px;display:flex}.targetThumb{background:#ede8df;border:1px solid #d8d1c5;border-radius:8px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.targetThumb img{object-fit:contain;max-width:100%;max-height:100%}.historyList{gap:8px;display:grid}.historyRow{cursor:pointer;text-align:left;background:#fbf9f5;border:1px solid #d8d1c5;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;font-family:inherit;display:flex}.historyRow:hover:not(:disabled){border-color:#7d9184}.historyRow:disabled{opacity:.6;cursor:wait}.historyThumb{background:#ede8df;border:1px solid #d8d1c5;border-radius:8px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.historyThumb img{object-fit:contain;max-width:100%;max-height:100%}.historyMeta{flex:1;gap:2px;min-width:0;display:grid}.historyJobId{color:#4c4a44;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.historyOpen{color:#7d9184;flex:none;font-size:12px}.historyLoading{align-items:center;gap:10px;display:flex}.rpgModeWrap{gap:14px;display:grid}.rpgModeGroup{gap:6px;display:grid}.rpgModeHeader{color:#55524b;margin:0;font-size:12px;font-weight:700}@media (max-width:1100px){.adminGrid{grid-template-columns:1fr}}@media (max-width:960px){.compareRow,.videoComparisonGrid,.previewRow{grid-template-columns:1fr}.compareFrame,.videoCompareFrame{min-height:320px}.appMain{padding:16px}}@media (max-width:980px){.c2dCols{grid-template-columns:1fr}.styleTiles{grid-template-columns:repeat(3,minmax(0,1fr))}.outOptions{grid-template-columns:1fr}}@media (max-width:640px){.reviewLayout{padding-right:0}.videoCompareFrame{min-height:210px}.comparisonControls{grid-template-columns:auto 1fr}.comparisonRange{grid-area:2/1/auto/-1}.comparisonSyncLabel{justify-self:end}}