*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#15233a;letter-spacing:0;background:#eef4f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{grid-template-columns:minmax(320px,400px) minmax(360px,1fr) minmax(320px,440px);gap:18px;height:100vh;min-height:0;padding:18px;display:grid;overflow:hidden}.control-panel,.script-panel{overscroll-behavior:contain;scrollbar-gutter:stable;background:#ffffffe0;border:1px solid #5d76a02e;border-radius:8px;min-width:0;height:calc(100vh - 36px);min-height:0;overflow-y:auto;box-shadow:0 18px 48px #203e6014}.preview-panel{overscroll-behavior:contain;background:#ffffffe0;border:1px solid #5d76a02e;border-radius:8px;min-width:0;height:calc(100vh - 36px);min-height:0;overflow:hidden;box-shadow:0 18px 48px #203e6014}.control-panel::-webkit-scrollbar{width:10px}.preview-panel::-webkit-scrollbar{width:10px}.preview-stage::-webkit-scrollbar{width:10px}.script-panel::-webkit-scrollbar{width:10px}.storyboard::-webkit-scrollbar{width:10px}.control-panel::-webkit-scrollbar-thumb{background:#5d76a057 padding-box content-box;border:3px solid #0000;border-radius:999px}.preview-panel::-webkit-scrollbar-thumb{background:#5d76a057 padding-box content-box;border:3px solid #0000;border-radius:999px}.preview-stage::-webkit-scrollbar-thumb{background:#5d76a057 padding-box content-box;border:3px solid #0000;border-radius:999px}.script-panel::-webkit-scrollbar-thumb{background:#5d76a057 padding-box content-box;border:3px solid #0000;border-radius:999px}.storyboard::-webkit-scrollbar-thumb{background:#5d76a057 padding-box content-box;border:3px solid #0000;border-radius:999px}.control-panel::-webkit-scrollbar-track{background:0 0}.preview-panel::-webkit-scrollbar-track{background:0 0}.preview-stage::-webkit-scrollbar-track{background:0 0}.script-panel::-webkit-scrollbar-track{background:0 0}.storyboard::-webkit-scrollbar-track{background:0 0}.control-panel,.script-panel{flex-direction:column;gap:18px;padding:18px;display:flex}.preview-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:16px;display:grid}.brand-row{align-items:center;gap:12px;display:flex}.brand-mark{color:#ffd84d;background:#1262d6;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;font-weight:900;display:flex;box-shadow:0 10px 24px #1262d642}.brand-row h1{margin:0;font-size:18px;line-height:1.2}.brand-row p{color:#5d6f89;margin:4px 0 0;font-size:13px}.auth-page{background:radial-gradient(circle at 18% 12%,#1262d61f,#0000 28%),linear-gradient(135deg,#eef4f8,#f8fbff);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fffffff0;border:1px solid #5d76a02e;border-radius:8px;flex-direction:column;gap:16px;width:min(100%,440px);padding:22px;display:flex;box-shadow:0 22px 70px #203e601f}.account-strip{background:#f8fbff;border:1px solid #5d76a024;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.account-strip span{color:#40536b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.panel-section{flex-direction:column;gap:12px;display:flex}.section-title{color:#15233a;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.upload-zone{color:#1262d6;cursor:pointer;background:#f5f9ff;border:1px dashed #1262d66b;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:76px;font-weight:800;transition:border-color .16s,background .16s,box-shadow .16s,color .16s;display:flex;position:relative}.upload-zone:hover{background:#edf6ff;border-color:#1262d6b8}.drop-upload{text-align:left;min-width:0}.drop-upload-active{background:#e8f3ff;border-color:#1262d6;box-shadow:0 0 0 3px #1262d61f}.drop-upload-disabled{cursor:not-allowed;opacity:.62}.drop-upload-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.drop-upload-copy{flex-direction:column;gap:2px;min-width:0;line-height:1.2;display:flex}.drop-upload-label,.drop-upload-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.drop-upload-hint{color:#52637a;font-size:11px;font-weight:700}.upload-zone input{display:none}.data-toolbar{grid-template-columns:minmax(0,1fr) 132px;gap:10px;display:grid}.ai-fill-toggle-button{justify-content:center;width:100%;min-height:34px}.ai-fill-panel{background:#f7fbff;border:1px solid #1262d624;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.ai-fill-upload{min-height:40px}.ai-fill-textarea{resize:vertical;color:#17233c;background:#fff;border:1px solid #d7e1ee;border-radius:8px;outline:none;width:100%;min-height:112px;padding:10px;font:700 12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.ai-fill-textarea:focus{border-color:#1262d6b8;box-shadow:0 0 0 3px #1262d61a}.ai-fill-actions{justify-content:flex-end;align-items:center}.ai-fill-step{color:#1759b8;background:#eef6ff;border:1px solid #b9d1f7;border-radius:8px;align-items:flex-start;gap:9px;padding:10px 11px;display:flex}.ai-fill-step>div{flex-direction:column;gap:3px;min-width:0;display:flex}.ai-fill-step strong{font-size:12px}.ai-fill-step span{color:#526d92;font-size:11px;line-height:1.45}.model-chip{color:#1262d6;background:#eaf3ff;border-radius:999px;margin-right:auto;padding:4px 8px;font-size:11px;font-weight:900}.compact-upload{min-height:44px;padding:0 12px;font-size:13px}.compact-upload .drop-upload-hint{font-size:10px}.bgm-upload{align-self:end;height:38px;min-height:38px;font-size:12px}.bgm-upload .drop-upload-copy{display:block}.background-upload{height:38px;min-height:38px;font-size:12px}.table-image-upload{border-style:solid;min-height:86px}.template-background-tools{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.background-reset-button{white-space:nowrap;height:38px}.template-background-note{color:#65758e;grid-column:1/-1;font-size:11px;font-weight:700}.toolbar-button{width:100%}.json-paste-panel,.form-card{background:#f8fbff;border:1px solid #5d76a02e;border-radius:8px;padding:12px}.json-paste-panel{flex-direction:column;gap:10px;display:flex}.paste-editor{min-height:180px}.mini-action-row,.table-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.small-button{height:36px;padding:0 12px;font-size:13px}.form-card{flex-direction:column;gap:10px;display:flex}.table-caption{color:#15233a;font-size:13px;font-weight:900}.template-carousel{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;display:grid}.template-nav-button,.template-page-dot{cursor:pointer;border:0}.template-nav-button{color:#1262d6;background:#eef6ff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:76px;display:inline-flex}.template-nav-button:disabled{cursor:not-allowed;color:#a4b2c7;background:#f3f6fa}.template-carousel-window{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:8px;min-width:0;overflow-x:auto}.template-carousel-window::-webkit-scrollbar{display:none}.template-carousel-track{display:flex}.template-slide{color:#15233a;text-align:left;cursor:pointer;scroll-snap-align:center;background:#fff;border:1px solid #5d76a02e;border-radius:8px;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:flex-start;gap:5px;min-height:96px;padding:12px 14px;display:flex}.template-kicker{color:#1262d6;font-size:11px;font-weight:900}.template-slide strong{font-size:15px;font-weight:900}.template-slide>span:last-child{color:#60718a;font-size:12px;font-weight:700;line-height:1.3}.template-page-dots{justify-content:center;align-items:center;gap:7px;padding-top:8px;display:flex}.template-page-dot{background:#c7d2e4;border-radius:999px;width:7px;height:7px;transition:width .16s,background .16s}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.compact-field{color:#53657d;flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}.full-field{width:100%}.compact-field input,.compact-field select,.compact-field textarea,.manual-table-row input{color:#15233a;background:#fff;border:1px solid #5d76a038;border-radius:8px;outline:none;width:100%;min-width:0}.compact-field input,.compact-field select,.manual-table-row input{height:38px;padding:0 10px;font-size:13px}.compact-field select{cursor:pointer}.compact-field textarea{resize:vertical;min-height:66px;padding:9px 10px;font-size:13px;line-height:1.45}.check-field{color:#40536b;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:900;display:flex}.check-field input{accent-color:#1262d6;width:16px;height:16px}.field-with-color{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.field-style-controls{flex-direction:column;gap:6px;min-width:104px;display:flex}.field-style-controls-compact{grid-template-columns:1fr;gap:4px;min-width:0;display:grid}.color-control,.font-size-control{color:#53657d;background:#fff;border:1px solid #5d76a033;border-radius:8px;align-items:center;gap:5px;min-width:0;height:30px;padding:0 6px;display:flex}.color-control-compact,.font-size-control-compact{border-radius:7px;gap:3px;height:26px;padding:0 4px}.color-control input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;width:24px;height:22px;padding:0}.color-control-compact input[type=color]{width:20px;height:18px}.color-reset-button{color:#1262d6;cursor:pointer;background:#eef6ff;border:0;border-radius:6px;height:22px;padding:0 6px;font-size:11px;font-weight:900}.color-control-compact .color-reset-button{height:19px;padding:0 4px;font-size:10px}.color-reset-button:disabled{cursor:not-allowed;color:#9aa8ba;background:#f3f6fa}.font-size-control span{flex:none;font-size:11px;font-weight:900}.font-size-control input{color:#15233a;background:0 0;border:0;outline:none;width:54px;min-width:0;height:24px;padding:0;font-size:12px}.font-size-control-compact input{width:42px;height:20px;font-size:11px}.cell-editor{flex-direction:column;gap:5px;min-width:0;display:flex}.cell-editor input{width:100%}.compact-field input:focus,.compact-field select:focus,.compact-field textarea:focus,.manual-table-row input:focus{border-color:#1262d6cc;box-shadow:0 0 0 3px #1262d61f}.manual-table{flex-direction:column;gap:8px;display:flex}.dynamic-table-card{overflow:hidden}.dynamic-table-summary{color:#6c7b91;margin-top:2px;font-size:11px;font-weight:700}.dynamic-table-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.dynamic-table-title-field{color:#60718a;flex-direction:column;gap:5px;font-size:11px;font-weight:800;display:flex}.dynamic-table-title-field input{width:100%}.dynamic-table-scroll{width:100%;padding-bottom:4px;overflow-x:auto}.dynamic-table-editor{align-items:center;gap:7px;min-width:max-content;display:grid}.dynamic-table-column-head{background:#edf5ff;border:1px solid #1262d626;border-radius:7px;flex-direction:column;gap:5px;min-width:0;padding:7px;display:flex}.dynamic-table-column-head input,.dynamic-table-column-head select,.dynamic-table-cell-input{width:100%;min-width:0}.dynamic-table-column-head input{font-weight:900}.dynamic-table-column-meta{grid-template-columns:minmax(0,1fr) 30px;gap:5px;display:grid}.dynamic-table-column-meta .icon-button{width:30px;height:30px}.dynamic-table-cell-input{height:38px}.dynamic-table-delete-row{width:34px;height:34px}.dynamic-table-footer{color:#6c7b91;justify-content:space-between;align-items:center;gap:8px;font-size:11px;line-height:1.45;display:flex}.dynamic-table-footer span{min-width:0}.dynamic-table-footer button{flex:none}.manual-table-head,.manual-table-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;align-items:center;gap:8px;display:grid}.manual-table-head{color:#60718a;font-size:12px;font-weight:900}.manual-table-head.ranking-two,.manual-table-row.ranking-two{grid-template-columns:minmax(0,1fr) 108px 36px}.manual-table-head.ranking-three,.manual-table-row.ranking-three{grid-template-columns:minmax(0,1.28fr) 84px 92px 36px}.manual-table-head.ranking-one,.manual-table-row.ranking-one{grid-template-columns:minmax(0,1fr) 36px}.icon-button,.icon-text-button{color:#1262d6;cursor:pointer;background:#eef6ff;border:1px solid #1262d63d;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button{width:36px;height:36px}.icon-text-button{gap:5px;height:32px;padding:0 10px;font-size:12px;font-weight:900}.icon-button:hover,.icon-text-button:hover,.secondary-button:hover{background:#e0f0ff}.icon-text-button:disabled{cursor:not-allowed;opacity:.52}.bgm-preview-button{align-self:end;height:38px}.bgm-preview-player{grid-column:1/-1;width:100%;height:34px}.bgm-preview-player-empty{display:none}.json-editor{resize:vertical;color:#e8f0ff;background:#0f1d31;border:1px solid #5d76a038;border-radius:8px;outline:none;width:100%;min-width:0;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55}.json-editor:focus,.field-label input:focus{border-color:#1262d6cc;box-shadow:0 0 0 3px #1262d61f}.input-editor{min-height:260px}.script-editor{flex:auto;min-height:300px}.field-label{color:#53657d;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.field-label input{color:#15233a;background:#fff;border:1px solid #5d76a038;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px}.toggle-row{color:#31435b;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.toggle-row input{accent-color:#1262d6;width:18px;height:18px}.primary-button,.secondary-button,.download-link{color:#fff;cursor:pointer;background:#1262d6;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.primary-button:hover{background:#0f55be}.secondary-button{color:#1262d6;background:#eef6ff;border:1px solid #1262d647}.download-link{background:#12213f}.download-link-disabled{cursor:not-allowed;opacity:.48;background:#6b778a}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.52}.side-page-button{width:100%}.side-page-button+.side-page-button{margin-top:-10px}.topbar,.action-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.topbar{min-width:0}.topbar>div:first-child{flex:none;min-width:0}.topbar strong{color:#15233a;font-size:18px;display:block}.topbar span{color:#65748a;font-size:13px}.status-pill{color:#4b5f7a;background:#f3f6f9;border-radius:8px;align-items:center;gap:8px;min-width:0;max-width:100%;min-height:36px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.3;display:flex}.preview-panel .status-pill{white-space:normal;text-overflow:ellipsis;flex:260px;max-width:min(100%,520px);overflow:hidden}.status-pill svg{flex:none}.status-pill .status-message{min-width:0;color:inherit;font-size:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-panel .status-pill .status-message{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.status-working{color:#1262d6;background:#edf5ff}.status-success{color:#0f7a53;background:#eaf8f1}.status-error{color:#b42318;background:#fff0ee}.preview-stage{overscroll-behavior:contain;scrollbar-gutter:stable;justify-content:center;align-items:center;min-height:0;padding:0 8px 4px;display:flex;overflow:auto}.phone-frame{aspect-ratio:9/16;background:#111827;border-radius:26px;flex:none;width:min(100%,360px,56.25vh - 106.875px);padding:9px;box-shadow:0 20px 54px #0f1d312e,inset 0 0 0 1px #ffffff14}.preview-loading{color:#fff7d6;background:radial-gradient(circle at 50% 36%,#ffe20042,#0000 26%),linear-gradient(#570909 0%,#b51312 58%,#ff3a17 100%);border-radius:24px;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:14px;font-weight:800;display:flex}.action-row{flex-wrap:wrap;flex:none;justify-content:center;gap:8px;padding-top:4px}.preview-panel .primary-button,.preview-panel .secondary-button,.preview-panel .download-link{white-space:nowrap;gap:4px;height:40px;padding:0 8px;font-size:12px}.script-title{flex:none}.output-panel{gap:14px}.output-title{justify-content:space-between}.queue-summary{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:stretch;gap:10px;display:grid}.queue-summary>div{background:#f8fbff;border:1px solid #5d76a029;border-radius:8px;min-width:0;padding:10px}.queue-summary strong{color:#15233a;font-size:18px;line-height:1;display:block}.queue-summary span{color:#60718a;margin-top:5px;font-size:12px;font-weight:800;display:block}.queue-refresh-button{width:82px;height:auto;padding:0 10px}.render-queue-list{flex-direction:column;flex:auto;gap:10px;min-height:0;padding-right:2px;display:flex;overflow:auto}.render-queue-list::-webkit-scrollbar{width:10px}.render-queue-list::-webkit-scrollbar-thumb{background:#5d76a057 padding-box content-box;border:3px solid #0000;border-radius:999px}.queue-empty,.render-job{background:#f8fbff;border:1px solid #5d76a029;border-radius:8px}.queue-empty{color:#60718a;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex}.queue-empty strong{color:#15233a;font-size:15px}.queue-empty span{font-size:12px;font-weight:800}.render-job{flex-direction:column;gap:10px;padding:12px;display:flex}.render-job-running{background:#f3f8ff;border-color:#1262d647}.render-job-completed{background:#f3fbf7;border-color:#0f7a533d}.render-job-failed{background:#fff7f5;border-color:#b423183d}.render-job-head{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.render-job-head strong{color:#15233a;overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.35}.render-job-badge{border-radius:999px;flex:none;padding:4px 8px;font-size:11px;font-weight:900}.render-job-badge-queued{color:#5d6f89;background:#e9eef6}.render-job-badge-running{color:#1262d6;background:#e1efff}.render-progress-row{grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:10px;display:grid}.render-progress-track{background:#5d76a029;border-radius:999px;height:10px;overflow:hidden}.render-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#1262d6,#ffd84d);height:100%;transition:width .26s;display:block}.render-progress-row b{color:#15233a;text-align:right;font-size:12px}.render-job-meta{color:#60718a;flex-wrap:wrap;gap:6px 10px;font-size:11px;font-weight:800;display:flex}.render-job-error{color:#b42318;overflow-wrap:anywhere;background:#ffe6e2;border-radius:8px;padding:8px;font-size:12px;line-height:1.4}.render-job-actions{flex-wrap:wrap;gap:8px;display:flex}.render-job-actions .download-link{height:34px;padding:0 12px;font-size:12px}.storyboard{flex-direction:column;gap:10px;max-height:230px;padding-right:2px;display:flex;overflow:auto}.storyboard-row{background:#f8fbff;border:1px solid #5d76a029;border-radius:8px;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:10px;display:grid}.storyboard-row>span{color:#fff;background:#1262d6;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:flex}.storyboard-row strong{color:#15233a;overflow-wrap:anywhere;font-size:13px;line-height:1.35;display:block}.storyboard-row small{color:#60718a;font-size:12px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.screenshot-page{grid-template-rows:auto minmax(0,1fr);gap:18px;height:100vh;min-height:0;padding:18px;display:grid;overflow:hidden}.screenshot-header,.screenshot-card{background:#ffffffe6;border:1px solid #5d76a02e;border-radius:8px;box-shadow:0 18px 48px #203e6014}.screenshot-header{justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:16px 18px;display:flex}.screenshot-workspace{grid-template-columns:minmax(320px,420px) minmax(420px,1fr);gap:18px;min-height:0;display:grid}.screenshot-card{flex-direction:column;gap:14px;min-width:0;min-height:0;padding:18px;display:flex;overflow:auto}.screenshot-upload-zone{justify-content:flex-start;min-height:62px;padding:0 16px}.screenshot-upload-zone .drop-upload-copy,.screenshot-upload-zone .drop-upload-label,.screenshot-upload-zone .drop-upload-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.screenshot-preview-box{background:#eef4f8;border:1px solid #5d76a02e;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:320px;max-height:min(58vh,620px);display:flex;overflow:hidden}.screenshot-preview-box img{object-fit:contain;width:100%;height:100%;max-height:min(58vh,620px);display:block}.screenshot-preview-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;width:100%;height:100%;max-height:min(58vh,620px);padding:10px;display:grid;overflow:auto}.screenshot-preview-grid figure{background:#fff;border:1px solid #5d76a02e;border-radius:8px;min-width:0;margin:0;overflow:hidden}.screenshot-preview-grid img{object-fit:contain;background:#eef4f8;width:100%;height:168px}.screenshot-preview-grid figcaption{color:#52637a;text-overflow:ellipsis;white-space:nowrap;padding:7px 8px;font-size:11px;font-weight:800;overflow:hidden}.screenshot-video-slicer{background:#f7fbff;border:1px solid #1e5fff24;border-radius:8px;gap:12px;padding:14px;display:grid}.screenshot-video-slicer .secondary-button{width:100%}.screenshot-preview-empty{color:#7a8aa1;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.screenshot-review-controls{background:#f6faff;border:1px solid #1262d624;border-radius:8px;flex-direction:column;gap:10px;padding:10px;display:flex}.screenshot-result-card{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:hidden auto}.screenshot-result-head{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #5d76a01f;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin:-18px -18px 0;padding:18px 18px 12px;display:flex;position:sticky;top:-18px}.screenshot-result-head .status-pill{white-space:nowrap;text-overflow:ellipsis;flex:260px;max-width:520px;overflow:hidden}.screenshot-json-editor{resize:none;flex:0 0 clamp(320px,46vh,560px);min-height:320px}.screenshot-template-summary{color:#40536b;background:#f3fbf7;border:1px solid #0f7a5333;border-radius:8px;flex-direction:column;gap:5px;padding:12px;display:flex}.screenshot-template-summary strong{color:#0f7a53;font-size:14px}.screenshot-template-summary span{font-size:12px;line-height:1.45}.generated-template-library,.generated-effect-panel,.template-revision-panel{background:#f8fbff;border:1px solid #5d76a029;border-radius:8px;padding:12px}.mini-section-head{color:#15233a;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.tiny-button{min-height:28px;padding:0 9px;font-size:12px}.generated-template-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px;display:grid}.generated-template-card{color:#15233a;text-align:left;background:#fff;border:1px solid #2563eb38;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.generated-template-card:hover{border-color:#2563eb7a;box-shadow:0 10px 22px #233e6614}.generated-template-card strong,.generated-template-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.generated-template-card strong{font-size:13px}.generated-template-card span{color:#60718a;font-size:11px;font-weight:800}.generated-template-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.generated-effect-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.generated-effect-panel label{color:#40536b;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:900;display:flex}.generated-effect-panel select,.generated-effect-panel input{color:#15233a;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #5d76a03d;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:800}.danger-button{color:#b91c1c;cursor:pointer;background:#fee2e2;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:900;display:inline-flex}.danger-button:disabled{cursor:not-allowed;opacity:.5}.admin-page{overflow:auto}.admin-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-grid{grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:18px;min-height:0;display:grid}.admin-metric-card,.admin-table-card{overflow:auto}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-metrics span{color:#40536b;background:#fff;border:1px solid #5d76a024;border-radius:8px;min-width:0;padding:10px;font-size:12px;font-weight:900}.admin-table{flex-direction:column;gap:8px;display:flex}.admin-row{background:#fff;border:1px solid #5d76a024;border-radius:8px;grid-template-columns:minmax(150px,1.4fr) minmax(90px,.8fr) minmax(120px,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.admin-row strong,.admin-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-row strong{color:#15233a;font-size:13px}.admin-row span{color:#60718a;font-size:12px;font-weight:800}.admin-row select{color:#15233a;background:#fff;border:1px solid #5d76a03d;border-radius:8px;min-width:96px;padding:6px 8px;font-size:12px;font-weight:800}.template-revision-panel{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.template-revision-panel textarea{min-height:74px}.screenshot-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.api-config-workspace{grid-template-columns:minmax(360px,480px) minmax(420px,1fr);gap:18px;min-height:0;display:grid}.api-config-card{overflow:auto}.api-config-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.api-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.api-config-grid>div{background:#f8fbff;border:1px solid #5d76a029;border-radius:8px;min-width:0;padding:12px}.api-config-grid span{color:#60718a;overflow-wrap:anywhere;font-size:12px;font-weight:900;line-height:1.35;display:block}.api-config-grid strong{color:#15233a;overflow-wrap:anywhere;margin-top:6px;font-size:15px;line-height:1.25;display:block}.api-config-hidden-prompt{color:#0f7a53;background:#f3fbf7;border:1px solid #0f7a5338;border-radius:8px;align-items:flex-start;gap:10px;padding:14px;display:flex}.api-config-hidden-prompt svg{flex:none;margin-top:2px}.api-config-hidden-prompt strong{font-size:14px;display:block}.api-config-hidden-prompt span{color:#40536b;margin-top:4px;font-size:12px;line-height:1.45;display:block}.api-config-files{background:#f8fbff;border:1px solid #5d76a029;border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.api-config-files span{color:#60718a;overflow-wrap:anywhere;font-size:12px;font-weight:800;line-height:1.4}.wx-channel-workspace{grid-template-columns:minmax(420px,.92fr) minmax(420px,1.08fr);gap:18px;min-height:0;display:grid}.wx-channel-source-card,.wx-channel-transcript-card{overflow:auto}.wx-channel-link-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.wx-channel-link-row input{min-width:0}.wx-channel-divider{color:#8a99ad;align-items:center;gap:10px;font-size:12px;font-weight:900;display:flex}.wx-channel-divider:before,.wx-channel-divider:after{content:"";background:#5d76a02e;flex:1;height:1px}.wx-channel-upload{min-height:98px}.wx-channel-empty{min-height:260px}.wx-channel-asset{border-top:1px solid #5d76a029;grid-template-columns:minmax(180px,.78fr) minmax(0,1.22fr);align-items:start;gap:14px;min-width:0;padding-top:14px;display:grid}.wx-channel-asset video{aspect-ratio:9/16;object-fit:contain;background:#101827;border-radius:8px;width:100%;max-height:420px}.wx-channel-asset-meta{min-width:0}.wx-channel-asset-meta strong{color:#15233a;overflow-wrap:anywhere;font-size:15px;line-height:1.45;display:block}.wx-channel-asset-meta span{color:#60718a;margin-top:6px;font-size:12px;font-weight:800;display:block}.wx-channel-asset-meta p{color:#40536b;white-space:pre-wrap;max-height:180px;margin:10px 0 0;font-size:13px;line-height:1.65;overflow:auto}.wx-channel-asset-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:10px;display:flex}.wx-channel-asset-actions a{text-decoration:none}.wx-channel-upstream-link{color:#60718a;align-self:flex-start;font-size:11px;font-weight:800;text-decoration:none}.wx-channel-transcript{resize:vertical;flex:1;width:100%;min-height:440px;font-family:Source Han Sans SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.7}.wx-channel-transcript-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.wx-channel-ai-note{margin-top:auto}@media (width<=1180px){body{overflow:auto}.app-shell{grid-template-columns:minmax(300px,380px) minmax(360px,1fr);height:auto;min-height:100vh;overflow:visible}.control-panel,.preview-panel,.script-panel,.screenshot-page,.screenshot-card{height:auto;max-height:none;overflow:visible}.screenshot-workspace,.api-config-workspace,.wx-channel-workspace,.generated-effect-panel,.template-revision-panel{grid-template-columns:1fr}.screenshot-result-card{overflow:visible}.screenshot-result-head{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;margin:0;padding:0;position:static}.script-panel{grid-column:1/-1}}@media (width<=780px){.app-shell{grid-template-columns:1fr;padding:10px}.preview-panel{min-height:auto}.phone-frame{width:min(100%,330px)}.screenshot-page{padding:10px}.screenshot-header{flex-direction:column;align-items:flex-start}.wx-channel-link-row,.wx-channel-asset{grid-template-columns:1fr}.wx-channel-asset-actions{grid-column:1}}.workspace-shell{--workspace-accent:#2768ee;--workspace-border:#e0e7f2;--workspace-muted:#687893;color:#13203a;background:#f7f9fd;grid-template-rows:74px minmax(0,1fr);grid-template-columns:270px minmax(0,1fr);width:100%;min-width:0;height:100dvh;display:grid;overflow:hidden}.workspace-header{z-index:5;border-bottom:1px solid var(--workspace-border);background:#fff;grid-area:1/1/auto/-1;grid-template-columns:270px auto minmax(0,1fr);align-items:center;min-width:0;display:grid}.workspace-brand{align-items:center;gap:12px;height:100%;padding:0 24px;display:flex}.workspace-brand-mark{background:var(--workspace-accent);color:#fff;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 18px #2768ee38}.workspace-brand>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.workspace-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.2;overflow:hidden}.workspace-brand span{color:var(--workspace-muted);white-space:nowrap;font-size:11px}.workspace-current-page{height:44px;color:var(--workspace-accent);background:#f2f6ff;border-radius:8px;align-items:center;gap:10px;margin-left:18px;padding:0 18px;font-size:15px;font-weight:800;display:flex}.workspace-header-tools{justify-self:end;align-items:center;gap:12px;min-width:0;padding-right:24px;display:flex}.workspace-search{border:1px solid var(--workspace-border);color:#7b8ba5;background:#f8fafe;border-radius:8px;align-items:center;gap:9px;width:230px;height:40px;padding:0 12px;display:flex}.workspace-search input{color:#23314a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.workspace-search input::placeholder{color:#96a3b8}.workspace-icon-button,.workspace-account-button{color:#4c5e79;cursor:pointer;background:0 0;border:0}.workspace-icon-button{border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:relative}.workspace-icon-button:hover,.workspace-account-button:hover{background:#f3f6fb}.workspace-notice span{color:#fff;background:#ef3434;border:2px solid #fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:900;display:grid;position:absolute;top:-2px;right:-2px}.workspace-account-button{border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 8px;display:flex}.workspace-account-button b{background:var(--workspace-accent);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.workspace-account-button span{color:#17233c;text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:13px;font-weight:700;overflow:hidden}.workspace-sidebar{border-right:1px solid var(--workspace-border);scrollbar-width:thin;background:#fff;grid-area:2/1;min-height:0;padding:18px 15px;overflow-y:auto}.workspace-nav{flex-direction:column;gap:5px;display:flex}.workspace-nav button{color:#526481;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:15px;width:100%;min-height:46px;padding:0 18px;font-size:14px;font-weight:700;display:flex}.workspace-nav button:hover{color:#24456f;background:#f5f8fd}.workspace-nav .workspace-nav-active{color:var(--workspace-accent);background:#eef3ff}.workspace-nav-label{border-bottom:1px solid var(--workspace-border);color:#687893;margin:22px 12px 10px;padding-bottom:10px;font-size:12px;font-weight:800}.workspace-sidebar-bottom{flex-direction:column;gap:10px;margin-top:22px;display:flex}.workspace-storage{border:1px solid var(--workspace-border);background:#fff;border-radius:8px;padding:13px;position:relative}.workspace-storage>div:first-child{color:#5d6f8b;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.workspace-storage small{color:#65758f;margin:8px 0 9px;font-size:10px;display:block}.workspace-storage-track{background:#e7ecf4;border-radius:999px;width:calc(100% - 38px);height:6px;overflow:hidden}.workspace-storage-track span{border-radius:inherit;background:var(--workspace-accent);height:100%;display:block}.workspace-storage b{color:#526481;font-size:10px;position:absolute;bottom:10px;right:13px}.workspace-user-email{color:#6f7f98;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;padding:0 12px;font-size:11px;overflow:hidden}.workspace-logout{color:#65758f;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:34px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.workspace-content{scroll-behavior:smooth;grid-area:2/2;grid-template-rows:minmax(560px,1fr) 190px;grid-template-columns:280px minmax(440px,1fr) minmax(360px,440px);gap:14px;min-width:0;min-height:0;padding:18px;display:grid;overflow:auto}.workspace-editor-card,.workspace-preview-card,.workspace-output-card,.workspace-recent-card,.workspace-stats-card{border:1px solid var(--workspace-border);background:#fff;border-radius:8px;min-width:0;box-shadow:0 8px 24px #3f557e0a}.workspace-editor-card{grid-area:1/1;min-height:0;padding:18px;overflow-y:auto}.workspace-card-heading{align-items:center;gap:9px;margin-bottom:19px;font-size:14px;font-weight:900;display:flex}.workspace-field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex;position:relative}.workspace-field>span{color:#596a85;font-size:12px;font-weight:800}.workspace-field input,.workspace-field textarea,.workspace-field select,.workspace-template-select{color:#1c2940;background:#fff;border:1px solid #dce4ef;border-radius:7px;outline:0;width:100%}.workspace-field input,.workspace-field select{height:40px;padding:0 11px;font-size:12px}.workspace-field textarea{resize:vertical;min-height:112px;padding:11px;font-size:12px;line-height:1.6}.workspace-field input:focus,.workspace-field textarea:focus,.workspace-template-select:focus-within{border-color:var(--workspace-accent);box-shadow:0 0 0 3px #2768ee17}.workspace-field>small{color:#8794a8;font-size:10px;position:absolute;bottom:9px;right:10px}.workspace-quick-editor{background:#f8faff;border:1px solid #dce4ef;border-radius:7px;margin-bottom:18px;padding:12px}.workspace-quick-heading{color:#324867;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;font-weight:900;display:flex}.workspace-copy-picker{grid-template-columns:108px minmax(0,1fr);gap:7px;display:grid}.workspace-copy-picker label,.workspace-effect-grid label{flex-direction:column;gap:5px;min-width:0;display:flex}.workspace-copy-picker span,.workspace-effect-grid span{color:#6a7890;font-size:10px;font-weight:800}.workspace-copy-picker input,.workspace-copy-picker select,.workspace-effect-grid select{color:#22324c;background:#fff;border:1px solid #d8e2f0;border-radius:6px;outline:0;width:100%;height:34px;padding:0 8px;font-size:11px}.workspace-copy-picker input:focus,.workspace-copy-picker select:focus,.workspace-effect-grid select:focus{border-color:var(--workspace-accent);box-shadow:0 0 0 3px #2768ee14}.workspace-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 7px;margin-top:9px;display:grid}.workspace-template-select{grid-template-rows:1fr 1fr;grid-template-columns:48px 1fr;align-items:center;gap:0 10px;min-height:66px;padding:7px;display:grid}.workspace-template-thumb{background:radial-gradient(circle at 50% 74%,#ffca36 0 5%,#0000 18%),linear-gradient(#5c0404,#f12e10);border-radius:5px;grid-row:1/-1;width:44px;height:52px}.workspace-template-select select{background:0 0;border:0;height:28px;padding:0 24px 0 0;font-size:12px;font-weight:900}.workspace-template-select small{color:#7d8ba0;text-overflow:ellipsis;white-space:nowrap;align-self:start;font-size:10px;overflow:hidden}.workspace-segments{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.workspace-segments button{color:#6c7d96;background:#fff;border:1px solid #dce4ef;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:0;height:34px;font-size:11px;font-weight:800;display:flex}.workspace-segments .workspace-segment-active{color:var(--workspace-accent);background:#f3f7ff;border-color:#7da8ff}.workspace-advanced-button{color:#536580;cursor:pointer;background:#f8fafe;border:1px solid #dce4ef;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;font-size:11px;font-weight:800;display:flex}.workspace-preview-card{grid-area:1/2;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:18px;display:grid}.workspace-preview-head{color:#63738d;align-items:center;gap:14px;font-size:11px;display:flex}.workspace-preview-head strong{color:#17243c;margin-right:4px;font-size:14px}.workspace-ready{color:#2871df;align-items:center;gap:6px;font-weight:800;display:inline-flex}.workspace-ready i{background:#25c989;border-radius:999px;width:7px;height:7px}.workspace-ready-error{color:#d64545}.workspace-ready-error i{background:#e74b4b}.workspace-ready-working i{background:#f0a000;animation:1s ease-in-out infinite workspace-pulse}@keyframes workspace-pulse{50%{opacity:.35}}.workspace-preview-stage{place-items:center;min-height:0;padding:12px;display:grid}.workspace-phone{aspect-ratio:9/16;background:#111925;border:8px solid #111925;border-radius:24px;width:auto;max-width:min(100%,300px);height:100%;max-height:100%;overflow:hidden;box-shadow:0 18px 36px #18284629}.workspace-phone>*{width:100%;height:100%}.workspace-preview-actions{justify-content:center;gap:12px;display:flex}.workspace-primary-button,.workspace-secondary-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 24px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.workspace-primary-button{border:1px solid var(--workspace-accent);background:var(--workspace-accent);color:#fff;cursor:pointer;box-shadow:0 8px 18px #2768ee2e}.workspace-secondary-button{color:var(--workspace-accent);background:#fff;border:1px solid #d5dfed}.workspace-secondary-button:disabled{color:#a0adbf;cursor:not-allowed}.workspace-primary-button:active,.workspace-secondary-button:active:not(:disabled),.workspace-nav button:active,.workspace-advanced-button:active{transform:translateY(1px)}.workspace-output-card{flex-direction:column;grid-area:1/3;min-height:0;padding:18px;display:flex}.workspace-card-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-card-title-row strong{font-size:14px}.workspace-card-title-row>button,.workspace-card-title-row>span{min-height:32px;color:var(--workspace-accent);cursor:pointer;background:#fff;border:1px solid #dce4ef;border-radius:7px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.workspace-card-title-row>span{color:#63738d}.workspace-queue-summary{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.workspace-queue-summary>div{border:1px solid var(--workspace-border);background:#fbfcff;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;min-height:78px;padding:14px;display:flex}.workspace-queue-summary b{font-size:20px}.workspace-queue-summary span{color:#7a899f;font-size:11px;font-weight:700}.workspace-queue-list{border:1px solid var(--workspace-border);background:#fcfdff;border-radius:8px;flex:1;min-height:0;overflow-y:auto}.workspace-empty{color:#8a98ad;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:34px 20px;display:flex}.workspace-empty-visual{color:#8097f4;background:#eef2ff;border-radius:8px;place-items:center;width:92px;height:64px;margin-bottom:14px;display:grid}.workspace-empty strong{color:#24324a;font-size:14px}.workspace-empty span{margin:6px 0 16px;font-size:11px}.workspace-empty button{background:var(--workspace-accent);color:#fff;cursor:pointer;border:0;border-radius:7px;min-height:36px;padding:0 20px;font-size:11px;font-weight:900}.workspace-job{border-bottom:1px solid var(--workspace-border);grid-template-columns:minmax(0,1fr) 42px 28px;align-items:center;gap:8px;padding:12px;display:grid}.workspace-job:last-child{border-bottom:0}.workspace-job>div:first-child{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;display:flex}.workspace-job strong{color:#28374f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.workspace-job span,.workspace-job small{color:#71819a;font-size:10px}.workspace-job-progress{background:#e8edf5;border-radius:999px;height:6px;overflow:hidden}.workspace-job-progress span{border-radius:inherit;background:var(--workspace-accent);height:100%;display:block}.workspace-job a{color:var(--workspace-accent);place-items:center;display:grid}.workspace-recent-card{grid-area:2/1/auto/span 2;padding:16px 18px}.workspace-recent-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;height:calc(100% - 38px);margin-top:10px;display:grid}.workspace-project{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;padding:0;display:grid}.workspace-project-media{color:#fff;background:#1e2b3f;border-radius:7px;place-items:center;height:64px;display:grid;position:relative;overflow:hidden}.workspace-project-media video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.workspace-project-media svg{z-index:1;filter:drop-shadow(0 2px 4px #00000080);position:relative}.workspace-project>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.workspace-project strong,.workspace-project span,.workspace-project small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-project strong{color:#223049;font-size:11px}.workspace-project span,.workspace-project small{color:#7d8ba0;font-size:10px}.workspace-recent-empty{color:#8694a9;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.workspace-stats-card{grid-area:2/3;padding:16px 18px}.workspace-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.workspace-metrics article{border:1px solid var(--workspace-border);background:#fbfcff;border-radius:7px;min-height:58px;padding:9px 74px 9px 10px;position:relative;overflow:hidden}.workspace-metrics article>span{color:#71819a;font-size:9px;font-weight:700;display:block}.workspace-metrics b{margin-top:5px;font-size:16px;display:block}.workspace-metrics b small{font-size:9px}.workspace-metrics em{color:#16a96b;font-size:8px;font-style:normal}.workspace-sparkline{width:66px;height:32px;position:absolute;bottom:7px;right:5px}.workspace-sparkline-blue{color:#2667ee}.workspace-sparkline-green{color:#16ae77}.workspace-sparkline-orange{color:#ff7b2d}.workspace-sparkline-violet{color:#a13aff}.workspace-stats-detail{display:none}.workspace-admin-shortcut{min-height:36px;color:var(--workspace-accent);cursor:pointer;background:#fff;border:1px solid #cddaf0;border-radius:8px;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:900;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 24px #2745751f}@media (width<=1450px){.workspace-shell{grid-template-columns:230px minmax(0,1fr)}.workspace-header{grid-template-columns:230px auto minmax(0,1fr)}.workspace-brand{padding:0 16px}.workspace-content{grid-template-columns:250px minmax(390px,1fr) minmax(330px,380px)}.workspace-phone{max-width:min(100%,270px)}}@media (width<=1180px){.workspace-shell{grid-template-columns:88px minmax(0,1fr)}.workspace-header{grid-template-columns:88px auto minmax(0,1fr)}.workspace-brand{justify-content:center;padding:0}.workspace-brand>div:last-child,.workspace-nav button:not(.workspace-nav-active):after,.workspace-nav button{font-size:0}.workspace-nav button{justify-content:center;padding:0}.workspace-nav button svg{width:20px;height:20px}.workspace-nav-label,.workspace-sidebar-bottom{display:none}.workspace-content{grid-template-rows:minmax(560px,1fr) auto auto;grid-template-columns:260px minmax(410px,1fr)}.workspace-output-card{grid-area:2/1/auto/-1;min-height:340px}.workspace-recent-card{grid-area:3/1/auto/-1;min-height:180px}.workspace-stats-card{grid-area:4/1/auto/-1}}@media (width<=820px){.workspace-shell{height:auto;min-height:100dvh;display:block;overflow:visible}.workspace-header{justify-content:space-between;height:64px;display:flex;position:sticky;top:0}.workspace-brand{padding-left:12px}.workspace-current-page,.workspace-search,.workspace-header-tools>.workspace-icon-button,.workspace-account-button span{display:none}.workspace-header-tools{padding-right:10px}.workspace-sidebar{display:none}.workspace-content{flex-direction:column;padding:10px;display:flex;overflow:visible}.workspace-editor-card,.workspace-preview-card,.workspace-output-card,.workspace-recent-card,.workspace-stats-card{min-height:auto}.workspace-preview-card{min-height:660px}.workspace-recent-list{grid-template-columns:1fr}.workspace-project{min-height:74px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--blue:#6cf;--blue-mid:#2a9fe0;--blue-deep:#0d6fb8;--blue-navy:#0a2a4a;--blue-100:#e8f5ff;--blue-150:#d0eaff;--blue-200:#a8d8f8;--blue-300:#6be;--white:#fff;--surface:#f2f8fd;--text:#0a2a4a;--text-mid:#2a5070;--text-dim:#5a88a8;--border:#66ccff4d;--border-mid:#2a9fe07a;--grad-main:linear-gradient(135deg, #a8daff 0%, #6cf 45%, #0d6fb8 100%);--grad-btn:linear-gradient(135deg, #6cf 0%, #2a9fe0 55%, #0d6fb8 100%);--grad-soft:linear-gradient(135deg, #e8f5ff 0%, #d0eaff 100%);--sh-card:0 4px 24px #2a78c81a, 0 1px 4px #0000000a;--sh-btn:0 8px 22px #2a9fe06b;--sh-focus:0 0 0 3px #66ccff47;--font-ui:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}body{color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:radial-gradient(900px 560px at 18% -8%,#66ccff38,#0000 55%),radial-gradient(700px 600px at 86% 108%,#0d6fb81f,#0000 55%),radial-gradient(500px 400px at 60% 30%,#2a9fe014,#0000 50%),#f0f8fd}.control-panel,.script-panel,.preview-panel{-webkit-backdrop-filter:blur(18px);box-shadow:var(--sh-card), inset 0 1px 0 #fffffff2;background:#ffffffeb;border:1.5px solid #66ccff42;border-radius:20px;position:relative}.preview-panel{overflow:hidden}.control-panel:before,.script-panel:before,.preview-panel:before{content:"";background:var(--grad-main);z-index:1;border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.brand-mark{background:var(--grad-btn);color:#fff;border-radius:14px;box-shadow:0 8px 24px #2a9fe070,inset 0 1px #ffffff40}.brand-row h1{color:var(--text);letter-spacing:-.01em}.brand-row p{color:var(--text-dim)}.auth-page{background:radial-gradient(700px 500px at 25% 10%,#66ccff40,#0000 55%),radial-gradient(600px 600px at 80% 90%,#0d6fb824,#0000 55%),#ecf6fd}.auth-card{box-shadow:var(--sh-card), 0 20px 60px #2a78c81f;background:#fffffff5;border:1.5px solid #66ccff47;border-radius:22px}.account-strip{border:1px solid var(--border);background:var(--blue-100);border-radius:12px}.account-strip span{color:var(--text-mid)}.section-title{color:var(--text);letter-spacing:.01em;padding-left:11px;position:relative}.section-title:before{content:"";background:var(--grad-btn);border-radius:3px;width:4px;height:15px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.upload-zone{border:2px dashed var(--blue);color:var(--blue-deep);background:linear-gradient(135deg,#f0f9ff 0%,#e6f4ff 100%);border-radius:14px;transition:border-color .18s,background .18s,box-shadow .18s,transform .16s}.upload-zone:hover{border-color:var(--blue-mid);background:linear-gradient(135deg,#e0f3ff 0%,#c8e6ff 100%);transform:translateY(-1px);box-shadow:0 0 0 4px #66ccff29}.drop-upload-active{border-color:var(--blue-deep);background:linear-gradient(135deg,#d0ecff 0%,#b8dcff 100%);box-shadow:0 0 0 4px #6cf3}.drop-upload-hint{color:var(--text-dim)}.json-paste-panel,.form-card,.ai-fill-panel,.generated-template-library,.generated-effect-panel,.template-revision-panel,.screenshot-video-slicer,.screenshot-review-controls{border:1.5px solid var(--border);box-shadow:var(--sh-card);background:#fff;border-radius:14px}.form-card{background:linear-gradient(#f6fbff 0%,#fff 100%)}.table-caption,.table-title-row{color:var(--text)}.ai-fill-step{background:var(--blue-100);color:var(--blue-deep);border:1.5px solid #66ccff6b;border-radius:12px}.ai-fill-step span{color:var(--text-mid)}.ai-fill-step-ready-to-generate{color:#16a34a;background:#f0fdf4;border-color:#16a34a59}.model-chip{background:var(--blue-100);color:var(--blue-deep);letter-spacing:.03em;font-weight:700}.template-nav-button{background:var(--blue-100);color:var(--blue-deep);border:1.5px solid var(--border);border-radius:12px;transition:background .16s,border-color .16s,transform .14s}.template-nav-button:hover:not(:disabled){background:var(--blue-150);border-color:var(--blue-mid);transform:scale(1.06)}.template-nav-button:disabled{color:var(--text-dim);background:var(--surface);border-color:#0000000f}.template-slide{color:var(--text);background:#fff;border:1.5px solid #66ccff38;border-radius:14px;transition:border-color .18s,box-shadow .18s,transform .16s}.template-slide:hover{border-color:var(--blue-mid);transform:translateY(-1px);box-shadow:0 6px 20px #2a9fe02e}.template-kicker{background:var(--grad-btn);-webkit-text-fill-color:transparent;letter-spacing:.04em;-webkit-background-clip:text;background-clip:text;font-weight:800}.template-slide>span:last-child{color:var(--text-dim)}.template-slide-active{background:linear-gradient(#fff, #fff) padding-box, var(--grad-btn) border-box;border-color:#0000;box-shadow:0 8px 26px #2a9fe038}.template-page-dot{background:#66ccff61}.template-page-dot-active{background:var(--grad-btn);width:22px}.compact-field input,.compact-field select,.compact-field textarea,.manual-table-row input,.field-label input,.dynamic-table-cell-input,.ai-fill-textarea,.generated-effect-panel select,.generated-effect-panel input,.wx-channel-link-row input{color:var(--text);background:#fff;border:1.5px solid #66ccff57;border-radius:10px;transition:border-color .16s,box-shadow .16s}.ai-fill-textarea{border-radius:12px}.compact-field input:focus,.compact-field select:focus,.compact-field textarea:focus,.manual-table-row input:focus,.field-label input:focus,.ai-fill-textarea:focus,.json-editor:focus{border-color:var(--blue);box-shadow:var(--sh-focus);outline:none}.check-field input,.toggle-row input{accent-color:var(--blue-mid)}.dynamic-table-column-head{border:1.5px solid var(--border);background:var(--blue-100);border-radius:10px}.color-control,.font-size-control{border:1.5px solid var(--border);color:var(--text-mid);background:#fff}.color-reset-button{background:var(--blue-100);color:var(--blue-deep)}.color-reset-button:disabled{background:var(--surface);color:var(--text-dim)}.font-size-control input{color:var(--text)}.json-editor{color:#9ad8f8;background:#071624;border:1.5px solid #66ccff47;border-radius:12px}.compact-field,.field-label,.check-field,.toggle-row,.dynamic-table-title-field{color:var(--text-mid)}.primary-button{background:var(--grad-btn);color:#fff;box-shadow:var(--sh-btn);letter-spacing:.02em;border:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .16s}.primary-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)scale(1.01);box-shadow:0 12px 32px #2a9fe080}.primary-button:active:not(:disabled){transform:translateY(0)scale(.99)}.secondary-button,.icon-button,.icon-text-button{border:1.5px solid var(--border);color:var(--blue-deep);background:#fff;transition:border-color .16s,background .16s,transform .14s,box-shadow .16s}.icon-button:hover,.icon-text-button:hover,.secondary-button:hover:not(:disabled){border-color:var(--blue-mid);background:var(--blue-100);box-shadow:0 4px 14px #66ccff38}.side-page-button:hover:not(:disabled){transform:translate(3px)}.icon-button svg,.icon-text-button svg,.secondary-button svg{color:var(--blue-mid)}.download-link{background:linear-gradient(135deg, var(--blue-mid), var(--blue-deep));color:#fff;border:none;box-shadow:0 8px 20px #2a9fe061}.download-link-disabled{background:var(--surface);color:var(--text-dim);box-shadow:none}.danger-button{color:#c0134a;background:#fff0f5;border:1.5px solid #c0134a38}.danger-button:hover:not(:disabled){background:#ffe0ec;border-color:#c0134a66}.status-pill{border:1.5px solid var(--border);background:var(--blue-100);color:var(--text-mid);border-radius:10px}.status-working{border-color:var(--border-mid);background:var(--blue-150);color:var(--blue-deep)}.status-success{color:#15803d;background:#f0fdf4;border-color:#16a34a59}.status-error{color:#c0134a;background:#fff0f5;border-color:#c0134a47}.topbar strong{font-family:var(--font-mono);letter-spacing:.05em;background:var(--grad-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:700}.topbar span{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase;font-size:11px}.preview-stage{background:#fff}.preview-loading{color:var(--blue-deep);background:linear-gradient(#e8f5ff 0%,#d0e8ff 100%)}.phone-frame{background:#0a1828;border-radius:28px;padding:9px;box-shadow:0 32px 72px #2a78c838,0 8px 24px #0d6fb829,0 0 0 1px #66ccff2e}.phone-frame:before{content:"";pointer-events:none;opacity:.88;background-image:linear-gradient(90deg,#a8daff,#6cf),linear-gradient(#a8daff,#6cf),linear-gradient(270deg,#6cf,#0d6fb8),linear-gradient(#6cf,#0d6fb8),linear-gradient(90deg,#6cf,#0d6fb8),linear-gradient(#6cf,#a8daff),linear-gradient(270deg,#a8daff,#6cf),linear-gradient(#0d6fb8,#6cf);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:24px 2px,2px 24px,24px 2px,2px 24px,24px 2px,2px 24px,24px 2px,2px 24px;position:absolute;inset:-14px}.queue-summary>div,.queue-empty,.render-job,.storyboard-row{border:1.5px solid var(--border);box-shadow:var(--sh-card);background:#fff;border-radius:13px}.queue-summary strong{font-family:var(--font-mono);background:var(--grad-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px}.queue-summary span,.queue-empty span,.storyboard-row small,.render-job-meta,.dynamic-table-summary,.dynamic-table-footer{color:var(--text-dim)}.render-job-running{border-left:3px solid var(--blue);background:var(--blue-100);border-color:#6cf6}.render-job-completed{background:#f0fdf4;border-color:#4ade8066;border-left-style:solid;border-left-width:3px}.render-job-failed{background:#fff0f5;border-color:#f43f5e59;border-left-style:solid;border-left-width:3px}.render-job-head strong{color:var(--text)}.render-job-badge-queued{background:var(--surface);color:var(--text-dim)}.render-job-badge-running{background:var(--blue-150);color:var(--blue-deep)}.render-job-badge-completed{color:#15803d;background:#dcfce7}.render-job-badge-failed{color:#c0134a;background:#ffe0ec}.render-progress-track{background:#66ccff29}.render-progress-track span{background:var(--grad-btn)}.render-progress-row b{font-family:var(--font-mono);background:var(--grad-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.render-job-error{color:#c0134a;background:#ffe0ec;border-radius:10px}.storyboard-row>span{background:var(--grad-btn);color:#fff;font-family:var(--font-mono);border-radius:10px}.screenshot-header,.screenshot-card,.api-config-card,.wx-channel-source-card,.wx-channel-transcript-card,.admin-metric-card,.admin-table-card{box-shadow:var(--sh-card);background:#fffffff0;border:1.5px solid #66ccff38;border-radius:18px}.screenshot-preview-box,.screenshot-preview-grid figure{border:1.5px solid var(--border);background:var(--surface);border-radius:13px}.screenshot-preview-grid img{background:var(--blue-100)}.screenshot-preview-grid figcaption,.screenshot-preview-empty,.api-config-grid span,.api-config-files span,.wx-channel-asset-meta span,.wx-channel-divider{color:var(--text-dim)}.screenshot-template-summary{background:#f0fdf4;border:1.5px solid #16a34a4d;border-radius:12px}.screenshot-template-summary strong{color:#16a34a}.screenshot-template-summary span{color:var(--text-mid)}.api-config-hidden-prompt{color:#16a34a;background:#f0fdf4;border:1.5px solid #16a34a4d;border-radius:12px}.api-config-hidden-prompt span{color:var(--text-mid)}.screenshot-result-head{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #6cf3}.api-config-grid>div,.api-config-files{border:1.5px solid var(--border);background:var(--blue-100);border-radius:12px}.api-config-grid strong,.wx-channel-asset-meta strong{color:var(--text)}.wx-channel-asset{border-top:1px solid var(--border)}.wx-channel-asset video{background:#0a1828;border-radius:14px;box-shadow:0 12px 32px #2a78c82e}.wx-channel-asset-meta p{color:var(--text-mid)}.wx-channel-upstream-link{color:var(--text-dim)}.wx-channel-upstream-link:hover{color:var(--blue-deep);text-decoration:underline}.admin-metrics span,.admin-row{border:1.5px solid var(--border);color:var(--text-mid);box-shadow:var(--sh-card);background:#fff;border-radius:11px}.admin-row strong{color:var(--text)}.generated-template-card{color:var(--text);box-shadow:var(--sh-card);background:#fff;border:1.5px solid #66ccff38;border-radius:13px;transition:border-color .16s,box-shadow .18s,transform .16s}.generated-template-card:hover{background:linear-gradient(#fff,#fff) padding-box, var(--grad-btn) border-box;border-color:#0000;transform:translateY(-2px);box-shadow:0 10px 28px #2a9fe038}.generated-template-card span{color:var(--text-dim)}.control-panel::-webkit-scrollbar-thumb{background:#66ccff61 padding-box content-box}.preview-panel::-webkit-scrollbar-thumb{background:#66ccff61 padding-box content-box}.preview-stage::-webkit-scrollbar-thumb{background:#66ccff61 padding-box content-box}.script-panel::-webkit-scrollbar-thumb{background:#66ccff61 padding-box content-box}.storyboard::-webkit-scrollbar-thumb{background:#66ccff61 padding-box content-box}.render-queue-list::-webkit-scrollbar-thumb{background:#66ccff61 padding-box content-box}@keyframes panel-rise{0%{opacity:0;filter:blur(6px);transform:translateY(24px)scale(.984)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes bracket-glow{0%,to{opacity:.75;filter:brightness()drop-shadow(0 0 #6cf0)}50%{opacity:1;filter:brightness(1.6)drop-shadow(0 0 5px #66ccff8c)}}@keyframes btn-shimmer{0%{transform:translate(-120%)skew(-12deg)}to{transform:translate(240%)skew(-12deg)}}@keyframes progress-sweep{0%{transform:translate(-100%)}to{transform:translate(500%)}}@keyframes working-beat{0%,to{opacity:1;box-shadow:0 0 #2a9fe000}50%{opacity:.72;box-shadow:0 0 0 4px #2a9fe024}}@keyframes section-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-shell>.control-panel{animation:.52s cubic-bezier(.22,1,.36,1) both panel-rise}.app-shell>.preview-panel{animation:.56s cubic-bezier(.22,1,.36,1) 80ms both panel-rise}.app-shell>.script-panel{animation:.6s cubic-bezier(.22,1,.36,1) .16s both panel-rise}.control-panel>.panel-section:first-child,.control-panel>.brand-row,.control-panel>.account-strip{animation:.38s cubic-bezier(.22,1,.36,1) .24s both section-fade}.control-panel>.panel-section:nth-child(2),.control-panel>.secondary-button:first-of-type{animation:.38s cubic-bezier(.22,1,.36,1) .31s both section-fade}.control-panel>.panel-section:nth-child(3),.control-panel>.secondary-button:nth-of-type(2){animation:.38s cubic-bezier(.22,1,.36,1) .37s both section-fade}.control-panel>.panel-section:nth-child(4),.control-panel>.secondary-button:nth-of-type(3){animation:.38s cubic-bezier(.22,1,.36,1) .42s both section-fade}.phone-frame:before{animation:2.8s ease-in-out infinite bracket-glow}.primary-button{position:relative;overflow:hidden}.primary-button:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff47 50%,#0000 100%);width:35%;animation:3.2s ease-in-out infinite btn-shimmer;position:absolute;top:0;bottom:0;left:0}.primary-button:hover:after{animation-duration:.8s}.render-progress-track span{position:relative;overflow:hidden}.render-progress-track span:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:28%;animation:2s ease-in-out infinite progress-sweep;position:absolute;top:0;bottom:0}.status-working{animation:1.8s ease-in-out infinite working-beat}.drop-upload-active{transform:scale(1.025)}.upload-zone{will-change:transform}.secondary-button,.icon-button,.icon-text-button{position:relative}@media (prefers-reduced-motion:reduce){.app-shell>.control-panel,.app-shell>.preview-panel,.app-shell>.script-panel,.control-panel>.panel-section,.control-panel>.brand-row,.control-panel>.account-strip,.control-panel>.secondary-button,.phone-frame:before,.primary-button:after,.render-progress-track span:after,.status-working{animation:none}}