.skill-page{padding:8px 0 32px}.skill-hero{color:#fff;background:linear-gradient(135deg,#1e1b4b,#312e81 55%,#2563eb);border-radius:10px;grid-template-columns:96px 1fr;align-items:center;gap:24px;padding:36px;display:grid;box-shadow:0 24px 60px #2563eb38}.skill-hero-icon{background:#ffffff29;border-radius:10px;place-items:center;width:96px;height:96px;font-size:44px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38}.skill-kicker{color:#bfdbfe;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.skill-hero h1{margin:0 0 10px;font-size:34px;line-height:1.15}.skill-hero p{color:#dbeafe;max-width:820px;margin:0;font-size:16px}.skill-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.skill-primary,.skill-secondary{border-radius:10px;justify-content:center;align-items:center;padding:11px 18px;font-size:14px;font-weight:800;display:inline-flex}.skill-primary{color:#1e1b4b;background:#fff}.skill-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff73}.skill-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:18px;margin-top:22px;display:grid}.skill-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px;box-shadow:0 12px 36px #0f172a0d}.skill-command-card{grid-row:span 3}.skill-card-title{align-items:center;gap:10px;margin-bottom:12px;display:flex}.skill-card-title span{background:#eff6ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.skill-card h2{margin:0;font-size:18px}.skill-card p{color:#64748b;margin:0 0 14px}.skill-card pre{white-space:pre-wrap;word-break:break-word;color:#dbeafe;background:#0f172a;border-radius:10px;margin:0;padding:18px;font-size:14px;line-height:1.75}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tags span{color:#1d4ed8;background:#eff6ff;border-radius:10px;padding:7px 11px;font-size:12px;font-weight:800}.skill-card ul{color:#334155;margin:0;padding-left:18px;line-height:1.9}.skill-cta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:22px;padding:26px}.skill-cta h2{margin:0 0 8px;font-size:20px}.skill-cta p{color:#475569;margin:0 0 14px;line-height:1.8}.skill-cta a{color:#2563eb;font-weight:800;display:inline-flex}.writing-tool-page{padding:0 0 28px}.tool-panel-shell{flex-direction:column;gap:16px;display:flex}.tool-panel-head{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex;box-shadow:0 18px 45px #0f172a0f}.tool-title-group{align-items:center;gap:14px;display:flex}.tool-icon-dark{color:#fff;background:#020617;border-radius:10px;place-items:center;width:58px;height:58px;font-size:26px;display:grid;box-shadow:0 16px 32px #02061729}.tool-title-group p{color:#64748b;margin:0 0 4px;font-size:13px;font-weight:800}.tool-title-group h1{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:28px}.tool-title-group h1 em{color:#2563eb;margin-left:8px;font-size:17px;font-style:normal}.tool-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-head-actions a,.status-pill{border-radius:10px;padding:9px 13px;font-size:13px;font-weight:900}.status-pill{color:#1d4ed8;background:#eff6ff}.tool-head-actions a{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.stage-progress{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;padding:18px 24px;display:flex;box-shadow:0 12px 30px #0f172a0a}.stage-step{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex;position:relative}.stage-step.pending{opacity:.5;cursor:default}.stage-num{color:#64748b;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:900;display:grid}.stage-step.active .stage-num{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 14px #2563eb4d}.stage-step.done .stage-num{color:#fff;background:#10b981;border-color:#10b981}.stage-label b{color:#0f172a;font-size:14px;display:block}.stage-label small{color:#64748b;font-size:12px}.stage-step.active .stage-label b{color:#2563eb}.stage-connector{background:#e2e8f0;flex:1;min-width:30px;height:2px;margin:0 12px}.stage-step.done+.stage-step .stage-connector,.stage-step.done .stage-connector{background:#10b981}.writing-workbench{grid-template-columns:minmax(280px,.78fr) minmax(480px,1.25fr) minmax(270px,.72fr);align-items:start;gap:16px;display:grid}.panel-card{background:#fffffff5;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 18px 44px #0f172a0f}.panel-titlebar{background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:14px 16px;display:flex}.panel-titlebar div{align-items:center;gap:10px;display:flex}.panel-titlebar span{color:#2563eb;background:#eff6ff;border-radius:10px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.panel-titlebar h2{color:#0f172a;margin:0;font-size:17px}.panel-titlebar>b,.editor-meta b{color:#64748b;background:#f1f5f9;border-radius:10px;padding:5px 9px;font-size:11px}.stage-label-active{color:#2563eb!important;background:#eff6ff!important}.writing-config{padding-bottom:16px}.writing-config label,.field-block{margin:14px 16px 0;display:block}.writing-config label span,.field-block>span{color:#334155;margin-bottom:7px;font-size:13px;font-weight:900;display:block}.writing-config input,.writing-config select,.writing-config textarea{color:#0f172a;background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-size:13px}.writing-config textarea{resize:vertical;min-height:92px;line-height:1.6}.field-row{grid-template-columns:1fr;gap:0;display:grid}.segmented,.tag-grid{flex-wrap:wrap;gap:8px;display:flex}.segmented button,.tag-grid button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:8px 11px;font-weight:800}.segmented button.active,.tag-grid button.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:0;border-radius:10px;width:calc(100% - 32px);margin:16px;padding:14px 16px;font-size:14px;font-weight:900;box-shadow:0 14px 28px #2563eb38}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.error-text{color:#ef4444;margin:8px 16px 0;font-size:13px}.outline-editor{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.outline-empty{color:#94a3b8;text-align:center;padding:24px 0;font-size:14px}.outline-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.outline-handle{color:#2563eb;-webkit-user-select:none;user-select:none;background:#eff6ff;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.outline-item input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:13px;font-weight:600}.outline-actions{flex:none;align-items:center;gap:4px;display:flex}.outline-actions button,.outline-add-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;font-weight:900;transition:all .15s}.outline-actions button{place-items:center;width:26px;height:26px;font-size:12px;display:grid}.outline-actions button:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#93c5fd}.outline-actions button:disabled{opacity:.35;cursor:not-allowed}.outline-actions .outline-del:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.outline-add-btn{height:32px;padding:0 12px;font-size:12px}.outline-add-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.ai-suggestion-bubble{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;border-radius:12px;gap:10px;margin:14px 16px;padding:14px;display:flex}.bubble-avatar{background:#2563eb;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.bubble-content p{color:#1e3a8a;margin:0 0 10px;font-size:13px;line-height:1.6}.bubble-actions{gap:8px;display:flex}.bubble-accept,.bubble-adjust{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800}.bubble-accept{color:#fff;background:#2563eb}.bubble-adjust{color:#475569;background:#fff;border:1px solid #e2e8f0}.bubble-adjust-panel{flex-direction:column;gap:8px;margin-top:10px;display:flex}.bubble-adjust-panel textarea{resize:vertical;color:#1e3a8a;background:#ffffffd1;border:1px solid #bfdbfe;border-radius:10px;outline:none;min-height:72px;padding:9px 10px;font-size:12px;line-height:1.6}.bubble-adjust-panel textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.bubble-adjust-actions{justify-content:flex-end;gap:8px;display:flex}.bubble-adjust-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800}.bubble-adjust-actions button:first-child{color:#fff;background:#2563eb;border-color:#2563eb}.writing-stats{flex-direction:column;gap:10px;margin:14px 16px;display:flex}.writing-stats>div{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.writing-stats span{color:#64748b;font-size:12px}.writing-stats b{color:#0f172a;font-size:14px;font-weight:800}.score-inline.green{color:#10b981}.score-inline.blue{color:#2563eb}.score-inline.red{color:#ef4444}.version-actions{flex-direction:column;gap:8px;padding:14px 16px 4px;display:flex}.version-actions .publish-btn{width:100%}.publish-options{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.publish-btn{cursor:pointer;text-align:center;border:none;border-radius:10px;padding:13px 16px;font-size:14px;font-weight:800}.publish-btn:not(.secondary){color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 20px #2563eb33}.publish-btn.secondary{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.editor-titlebar{align-items:center}.editor-tabs-inline{gap:4px;display:flex}.editor-tabs-inline button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:800}.editor-tabs-inline button.active{color:#2563eb;background:#eff6ff}.editor-meta{gap:8px;display:flex}.markdown-toolbar{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;display:flex}.markdown-toolbar b,.markdown-toolbar span{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;place-items:center;min-width:28px;height:28px;padding:0 6px;font-size:12px;display:inline-grid}.toolbar-right{gap:6px;margin-left:auto;display:flex}.toolbar-right button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700}.draft-paper{color:#1f2937;min-height:550px;margin:0;padding:22px 26px 30px;line-height:1.9}.draft-paper h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 14px;font-size:25px}.draft-paper h3{color:#1d4ed8;margin:24px 0 8px;font-size:18px}.draft-paper p{margin:0 0 12px}.draft-paper ul{padding-left:20px}.draft-paper blockquote{color:#1e3a8a;background:#eff6ff;border-left:4px solid #2563eb;border-radius:10px;margin:16px 0;padding:12px 14px}.draft-textarea{resize:vertical;color:#1e293b;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;outline:none;width:100%;min-height:500px;padding:0;font-family:inherit;font-size:15px;line-height:1.8}.writing-insight{padding-bottom:16px}.insight-module{border-bottom:1px solid #f1f5f9;padding:14px 16px}.insight-module:last-child{border-bottom:none}.module-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.module-header h3{color:#0f172a;margin:0;font-size:14px}.btn-recheck,.btn-manage{color:#2563eb;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:800}.credibility-score{border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.credibility-score.green{background:#ecfdf5}.credibility-score.blue{background:#eff6ff}.credibility-score.red{background:#fef2f2}.score-badge{border-radius:6px;padding:4px 10px;font-size:13px;font-weight:900}.credibility-score.green .score-badge{color:#fff;background:#10b981}.credibility-score.blue .score-badge{color:#fff;background:#2563eb}.credibility-score.red .score-badge{color:#fff;background:#ef4444}.credibility-score p{color:#475569;margin:0;font-size:12px;line-height:1.5}.ref-list{flex-direction:column;gap:8px;display:flex}.ref-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ref-num{color:#2563eb;background:#eff6ff;border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.ref-info b{color:#0f172a;font-size:12px;line-height:1.4;display:block}.ref-info small{color:#94a3b8;font-size:11px}.annotation-list{flex-direction:column;gap:8px;display:flex}.annotation{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:12px 1fr auto;align-items:start;gap:10px;padding:10px 12px;display:grid;position:relative}.annotation i{background:#2563eb;border-radius:50%;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 4px #dbeafe}.annotation.violet i{background:#7c3aed;box-shadow:0 0 0 4px #ede9fe}.annotation.green i{background:#10b981;box-shadow:0 0 0 4px #d1fae5}.annotation.amber i{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7}.annotation.rose i{background:#f43f5e;box-shadow:0 0 0 4px #ffe4e6}.annotation.cyan i{background:#06b6d4;box-shadow:0 0 0 4px #cffafe}.annotation b{color:#0f172a;font-size:12px}.annotation p{color:#64748b;margin:3px 0 0;font-size:11px;line-height:1.5}.annotation.accepted{opacity:.5;background:#f0fdf4;border-color:#d1fae5}.guide-item-actions{gap:4px;display:flex}.guide-item-actions button{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.guide-item-actions button:first-child:hover{color:#10b981;background:#ecfdf5;border-color:#10b981}.guide-item-actions button:last-child:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.guide-toggle{color:#64748b;cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.guide-toggle input{display:none}.guide-toggle i{background:#e2e8f0;border-radius:10px;width:34px;height:20px;transition:background .2s;display:block;position:relative}.guide-toggle i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.guide-toggle input:checked+i{background:#2563eb}.guide-toggle input:checked+i:after{transform:translate(14px)}.bottom-action-bar{justify-content:center;padding:8px 0;display:flex}.next-stage-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:12px;padding:16px 48px;font-size:15px;font-weight:900;transition:transform .15s;box-shadow:0 16px 40px #6366f140}.next-stage-btn:hover{transform:translateY(-2px)}.next-stage-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.writing-toast{color:#fff;z-index:9999;background:#0f172a;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;animation:.25s ease-out toastIn;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000002e}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.wechat-preview{max-height:600px;padding:24px;overflow-y:auto}.wechat-preview h1,.wechat-preview h2,.wechat-preview h3{margin:20px 0 10px}.wechat-preview p{margin:0 0 12px;line-height:1.8}@media (max-width:1280px){.writing-workbench{grid-template-columns:300px minmax(0,1fr)}.writing-insight{grid-column:1/-1}}@media (max-width:900px){.skill-hero,.skill-grid,.writing-workbench{grid-template-columns:1fr}.skill-command-card{grid-row:auto}.tool-panel-head{flex-direction:column;align-items:flex-start}.stage-progress{flex-direction:column;gap:12px}.stage-connector{display:none}}
.image-tool-page{background:#f8fafc;min-height:100vh;padding:0}.image-tool-shell{padding:24px 32px}.image-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.image-breadcrumb a{color:#64748b;text-decoration:none}.image-breadcrumb a:hover{color:#2563eb}.image-breadcrumb span{color:#94a3b8}.image-breadcrumb .breadcrumb-right{margin-left:auto}.usage-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:13px}.usage-btn:hover{color:#2563eb;border-color:#2563eb}.image-tool-header{margin-bottom:28px}.image-tool-header h1{color:#0f172a;margin:0 0 8px;font-size:28px;font-weight:800}.image-tool-header p{color:#64748b;margin:0;font-size:15px}.image-tool-layout{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}.image-config-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;position:sticky;top:24px}.config-section{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:20px}.config-section:last-of-type{border-bottom:none;margin-bottom:16px}.config-section h3{color:#1e293b;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;font-weight:700;display:flex}.section-num{font-size:14px}.source-tabs{border:1px solid #e2e8f0;border-radius:8px;gap:0;margin-bottom:14px;display:flex;overflow:hidden}.source-tabs button{color:#64748b;cursor:pointer;background:#f8fafc;border:none;flex:1;padding:9px 12px;font-size:13px;font-weight:600;transition:all .2s}.source-tabs button.active{color:#fff;background:#2563eb}.source-article label,.source-manual label{color:#64748b;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.source-article select,.source-manual input,.source-manual textarea{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:10px;padding:10px 12px;font-size:13px}.source-article select:focus,.source-manual input:focus,.source-manual textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb14}.source-manual textarea{resize:vertical;min-height:80px}.article-meta{color:#94a3b8;gap:12px;font-size:12px;display:flex}.config-field{margin-bottom:16px}.config-field label{color:#475569;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.config-field select{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:9px 12px;font-size:13px}.ratio-btns{gap:8px;display:flex}.ratio-btns button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.ratio-btns button.active{color:#fff;background:#2563eb;border-color:#2563eb}.style-btns{flex-wrap:wrap;gap:8px;display:flex}.style-btns button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s}.style-btns button.active{color:#fff;background:#2563eb;border-color:#2563eb}.color-dots{flex-wrap:wrap;gap:8px;display:flex}.color-dot{cursor:pointer;border:3px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .2s}.color-dot.active{border-color:#1e293b;transform:scale(1.15);box-shadow:0 2px 8px #00000026}.color-dot:hover{transform:scale(1.1)}.element-checks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.check-item{color:#475569;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.check-item input[type=checkbox]{accent-color:#2563eb;width:16px;height:16px}.generate-cover-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #2563eb4d}.generate-cover-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.generate-cover-btn:disabled{opacity:.6;cursor:not-allowed}.image-results-panel{min-height:600px}.results-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.results-header h3{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.refresh-btn:hover{color:#2563eb;border-color:#2563eb}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.results-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.result-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.result-card:hover{border-color:#2563eb;box-shadow:0 4px 16px #2563eb1a}.badge-recommend{color:#fff;z-index:2;background:#2563eb;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.result-preview{aspect-ratio:900/383;background:#f1f5f9;width:100%;position:relative;overflow:hidden}.result-preview-canvas{transform-origin:0 0;position:absolute;top:0;left:0}.result-preview-canvas>*{box-sizing:border-box!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important}.result-actions{border-top:1px solid #f1f5f9;justify-content:center;gap:4px;padding:10px 12px;display:flex}.result-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .15s}.result-actions button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.result-card.skeleton{animation:1.5s ease-in-out infinite pulse}.skeleton-img{aspect-ratio:16/9;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;width:100%;animation:1.5s infinite shimmer}.skeleton-actions{background:#f8fafc;height:42px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.results-empty{color:#94a3b8;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px 24px;display:flex}.empty-icon{margin-bottom:16px;font-size:48px}.results-empty p{font-size:14px}.results-bottom{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ai-thoughts-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.ai-thoughts-card h4{color:#1e293b;margin:0 0 8px;font-size:15px;font-weight:700}.ai-thoughts-card>p{color:#64748b;margin:0 0 12px;font-size:13px}.ai-thoughts-card ul{margin:0;padding:0;list-style:none}.ai-thoughts-card li{color:#334155;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.thought-check{color:#10b981;font-weight:700}.history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.history-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.history-header h4{color:#1e293b;margin:0;font-size:15px;font-weight:700}.history-header button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.history-empty{color:#94a3b8;margin:0;font-size:13px}.image-toast{color:#fff;z-index:9999;background:#1e293b;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s fadeUp;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a33}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:1024px){.image-tool-layout{grid-template-columns:1fr}.image-config-panel{position:static}.results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.image-tool-shell{padding:16px}.results-grid,.results-bottom{grid-template-columns:1fr}}
.video-tool-page{color:#0f172a;background:#f6f8fb;min-height:100vh}.video-tool-shell{padding:24px 30px 34px}.video-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.video-breadcrumb a,.video-breadcrumb strong{color:#334155;text-decoration:none}.video-breadcrumb-actions{gap:8px;margin-left:auto;display:flex}.video-breadcrumb-actions button,.video-result-head button,.video-panel-title button,.video-subtitle-row button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700}.video-tool-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.video-tool-header p{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.video-tool-header h1{margin:0 0 7px;font-size:28px;line-height:1.15}.video-tool-header span{color:#64748b;font-size:14px}.video-header-primary,.video-generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#16a34a);border:0;border-radius:8px;font-weight:800;box-shadow:0 14px 24px #2563eb33}.video-header-primary{padding:11px 17px}.video-header-primary:disabled,.video-generate-btn:disabled{opacity:.65;cursor:not-allowed}.video-stepper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:14px;display:grid;box-shadow:0 14px 34px #0f172a0a}.video-step{align-items:center;gap:10px;min-width:0;display:flex}.video-step b{color:#64748b;background:#f1f5f9;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.video-step strong,.video-step small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.video-step strong{color:#0f172a;font-size:13px}.video-step small{color:#94a3b8;font-size:12px}.video-step.active b{color:#fff;background:#2563eb}.video-step.done b{color:#fff;background:#16a34a}.video-workbench{grid-template-columns:minmax(300px,.8fr) minmax(520px,1.45fr) minmax(280px,.72fr);align-items:start;gap:16px;display:grid}.video-panel,.video-main-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 16px 38px #0f172a0d}.video-left-panel,.video-right-panel{overflow:hidden}.video-panel-title,.video-result-head{background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:14px 16px;display:flex}.video-panel-title div,.video-result-head>div:first-child{align-items:center;gap:10px;min-width:0;display:flex}.video-panel-title b,.video-result-head span{color:#2563eb;background:#eff6ff;border-radius:999px;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-weight:900;display:grid}.video-panel-title h2,.video-result-head h2{margin:0;font-size:16px}.video-panel-title>span,.video-result-head b{color:#64748b;background:#f1f5f9;border-radius:999px;padding:5px 9px;font-size:11px}.video-upload-zone{background:#f8fbff;border:1px dashed #bfdbfe;border-radius:8px;margin:16px}.video-upload-zone input{display:none}.video-upload-zone label{color:#1d4ed8;text-align:center;cursor:pointer;align-content:center;place-items:center;gap:7px;min-height:128px;padding:18px;display:grid}.video-upload-zone strong{color:#0f172a;font-size:14px}.video-upload-zone small{color:#64748b;max-width:240px;line-height:1.5}.video-file-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 16px 14px;display:grid}.video-file-list span{color:#475569;white-space:nowrap;text-overflow:ellipsis;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:8px 9px;font-size:12px;overflow:hidden}.video-field{margin:13px 16px 0;display:block}.video-field span{color:#334155;margin-bottom:7px;font-size:13px;font-weight:800;display:block}.video-field input,.video-field select,.video-field textarea,.video-prompt-box textarea{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-size:13px}.video-field textarea{resize:vertical;min-height:126px;line-height:1.65}.video-field .video-small-textarea{min-height:72px}.video-field input:focus,.video-field select:focus,.video-field textarea:focus,.video-prompt-box textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.video-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.video-prompt-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:14px 16px 0;padding:13px}.video-prompt-box textarea{resize:vertical;min-height:144px;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.65}.video-subtitle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.video-subtitle-row h3{margin:0;font-size:14px}.video-generate-btn{width:calc(100% - 32px);margin:16px;padding:13px 16px;font-size:14px}.video-error{color:#dc2626;margin:0 16px 16px;font-size:13px}.video-main-panel{overflow:hidden}.video-result-head>div:last-child{gap:8px;display:flex}.video-preview-card{padding:16px}.video-preview-screen{color:#fff;background:radial-gradient(circle at 18% 22%,#22c55e38,#0000 26%),linear-gradient(135deg,#101827 0%,#172033 52%,#050816 100%);border-radius:8px;min-height:320px;position:relative;overflow:hidden}.video-person-frame{background:linear-gradient(#dbeafe,#60a5fa 42%,#111827 43%);border-radius:8px 8px 0 0;width:210px;height:220px;position:absolute;bottom:52px;left:42px;box-shadow:0 20px 42px #00000047}.video-avatar-face{color:#1e3a8a;background:#fff7ed;border-radius:50%;place-items:center;width:86px;height:86px;font-weight:900;display:grid;position:absolute;top:28px;left:50%;transform:translate(-50%)}.video-wave{background:#0f172a;border-radius:999px 999px 12px 12px;height:54px;position:absolute;bottom:42px;left:38px;right:38px}.video-script-overlay{width:min(46%,360px);padding:20px;position:absolute;top:30px;right:28px}.video-script-overlay small{color:#93c5fd;font-weight:800}.video-script-overlay h3{margin:8px 0 16px;font-size:22px;line-height:1.45}.video-script-overlay ul{color:#dbeafe;margin:0;padding-left:18px;line-height:1.9}.video-player-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:12px;display:grid;position:absolute;bottom:15px;left:18px;right:18px}.video-player-bar i{background:linear-gradient(90deg,#2563eb 45%,#ffffff52 45%);border-radius:999px;height:4px}.video-variants{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.video-variants button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:62px;padding:10px}.video-variants button.active{border-color:#2563eb;box-shadow:inset 0 3px #2563eb}.video-variants span,.video-variants small{display:block}.video-variants span{color:#0f172a;font-weight:800}.video-variants small{color:#64748b;margin-top:5px}.video-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px 16px;display:grid}.video-plan-grid article{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.video-plan-grid span,.video-plan-grid strong{display:block}.video-plan-grid span{color:#64748b;margin-bottom:6px;font-size:12px}.video-plan-grid strong{color:#0f172a;font-size:13px;line-height:1.5}.video-segment-panel{border:1px solid #e2e8f0;border-radius:8px;margin:0 16px 16px;overflow:hidden}.video-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:6px;padding:10px 12px;display:flex}.video-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:800}.video-tabs button.active{color:#2563eb;background:#eff6ff}.video-segment-list{flex-direction:column;display:flex}.video-segment-row{border-bottom:1px solid #f1f5f9;grid-template-columns:72px 98px minmax(0,1fr) 180px;align-items:center;gap:12px;padding:12px 14px;display:grid}.video-segment-row:last-child{border-bottom:0}.video-segment-row b,.video-segment-row time{color:#64748b;font-size:12px}.video-segment-row p{color:#334155;margin:0;font-size:13px;line-height:1.55}.video-segment-row div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.video-segment-row span{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.video-template-list{flex-direction:column;gap:10px;padding:14px 14px 8px;display:flex}.video-template-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.video-template-list button.active{background:#f8fbff;border-color:#93c5fd;box-shadow:inset 3px 0 #2563eb}.video-template-list strong,.video-template-list small,.video-template-list span,.video-template-list i{display:block}.video-template-list strong{color:#0f172a;font-size:14px}.video-template-list small{color:#64748b;margin-top:4px;line-height:1.5}.video-template-list span{color:#334155;margin-top:7px;font-size:12px;line-height:1.5}.video-template-list i{color:#2563eb;margin-top:8px;font-size:11px;font-style:normal}.video-agent-card,.video-history-card,.video-raw-output{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:14px;padding:14px}.video-agent-state{color:#64748b;background:#e2e8f0;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.video-agent-state.running{color:#92400e;background:#fef3c7}.video-agent-state.done{color:#166534;background:#dcfce7}.video-agent-step{color:#475569;align-items:center;gap:9px;margin-top:12px;font-size:13px;display:flex}.video-agent-step b{color:#16a34a;background:#dcfce7;border-radius:999px;place-items:center;width:21px;height:21px;display:grid}.video-history-card article{border-bottom:1px solid #e2e8f0;padding:10px 0}.video-history-card article:last-child{border-bottom:0}.video-history-card strong,.video-history-card span{display:block}.video-history-card strong{color:#0f172a;font-size:13px}.video-history-card span{color:#94a3b8;margin-top:4px;font-size:12px}.video-raw-output summary{color:#334155;cursor:pointer;font-size:13px;font-weight:800}.video-raw-output pre{white-space:pre-wrap;word-break:break-word;color:#e2e8f0;background:#0f172a;border-radius:8px;max-height:260px;margin:12px 0 0;padding:12px;font-size:12px;line-height:1.6;overflow:auto}.video-toast{z-index:9999;color:#fff;background:#0f172a;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:800;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0f172a38}@media (max-width:1320px){.video-workbench{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)}.video-right-panel{grid-column:1/-1}}@media (max-width:980px){.video-tool-shell{padding:18px}.video-tool-header,.video-breadcrumb{flex-direction:column;align-items:flex-start}.video-breadcrumb-actions{margin-left:0}.video-stepper,.video-workbench,.video-plan-grid{grid-template-columns:1fr}.video-script-overlay{width:auto;padding:190px 18px 70px;position:relative;top:auto;right:auto}.video-person-frame{width:150px;height:160px;bottom:60px;left:24px}.video-variants,.video-config-grid,.video-segment-row{grid-template-columns:1fr}.video-segment-row div{justify-content:flex-start}}