:root{--bg:#edf4ff;--card:#ffffff;--ink:#0b1633;--muted:#62708a;--line:#d9e4f3;--blue:#246bff;--violet:#7638f0;--cyan:#22c7df;--green:#12a877;--orange:#f59e0b;--red:#dc2626;--shadow:0 18px 45px rgba(31,57,112,.12)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#eef6ff,#e8f0ff 45%,#f6fbff);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}a{color:var(--blue);text-decoration:none;font-weight:700}button,input,textarea,select{font:inherit}button{cursor:pointer}.appShell{min-height:100vh;display:grid;grid-template-columns:292px 1fr;gap:20px;padding:20px}.studioNav{position:sticky;top:20px;height:calc(100vh - 40px);border:1px solid rgba(255,255,255,.7);background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;overflow:auto}.brandMark{display:flex;gap:12px;align-items:center;padding:6px 4px 14px;border-bottom:1px solid var(--line)}.logo{width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#24d7e7,#2072ff);color:#fff;font-size:28px;font-weight:900;display:grid;place-items:center;box-shadow:0 14px 25px #226eff40}.brandMark strong{display:block;font-size:17px}.brandMark span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.startButton{border:0;border-radius:999px;background:#fff;padding:11px 18px;font-weight:900;box-shadow:0 8px 18px #0f172a1f}.studioNav nav{display:flex;flex-direction:column;gap:8px}.studioNav nav button{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;border:1px solid transparent;background:transparent;border-radius:16px;padding:11px;color:#172038;text-align:left}.studioNav nav button:hover,.studioNav nav button.active{background:linear-gradient(135deg,#eef5ff,#f7f2ff);border-color:#cfe0ff}.studioNav nav button span{font-size:22px}.studioNav nav button b{font-size:14px}.studioNav nav button em{font-style:normal;font-size:11px;background:#eff5ff;border-radius:999px;padding:4px 7px;color:var(--blue)}.miniStatus{margin-top:auto;border:1px solid var(--line);border-radius:18px;padding:14px;background:#f8fbff}.miniStatus span{display:block;color:var(--muted);font-size:12px}.miniStatus strong{display:block;font-size:18px;margin:3px 0}.miniStatus small{display:block;color:var(--muted);line-height:1.5}.greenText{color:var(--green)}.redText{color:var(--red)}.studioMain{min-width:0}.heroHeader{min-height:210px;border-radius:30px;background:linear-gradient(120deg,#1f63f2,#663bea 60%,#8b3df1);color:#fff;padding:34px;display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:center;box-shadow:0 25px 60px #4b43e040;overflow:hidden}.heroHeader h1{font-size:42px;line-height:1.08;margin:8px 0 14px;letter-spacing:-1.4px}.heroHeader p{max-width:880px;opacity:.9;margin:0;line-height:1.7}.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;opacity:.85}.scoreCard{border:1px solid rgba(255,255,255,.35);background:#ffffff21;border-radius:24px;padding:20px}.scoreCard span,.scoreCard small{display:block;opacity:.85}.scoreCard strong{display:block;font-size:52px;line-height:1;margin:8px 0}.globalError,.busy{margin:16px 0;border-radius:18px;padding:15px 18px;font-weight:800}.globalError{border:1px solid #fdba74;background:#fff7ed;color:#9a3412}.busy{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}.progressRail{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.stage{border:1px solid var(--line);background:#ffffffc7;border-radius:18px;padding:12px;min-height:96px;box-shadow:0 10px 25px #1f397012}.stage span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:var(--blue);font-weight:900}.stage.done span{background:#dcfce7;color:#15803d}.stage strong{display:block;margin:8px 0 5px}.stage em{font-style:normal;color:var(--muted);font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.moduleGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.moduleCard,.card{border:1px solid rgba(255,255,255,.85);background:#ffffffe6;box-shadow:var(--shadow);border-radius:26px}.moduleCard{min-height:190px;text-align:left;padding:22px;display:flex;flex-direction:column;gap:10px;color:var(--ink);transition:.18s}.moduleCard:hover{transform:translateY(-3px);box-shadow:0 24px 55px #1f397029}.moduleIcon{font-size:34px}.moduleCard strong{font-size:22px}.moduleCard p{color:var(--muted);line-height:1.55;margin:0}.moduleCard em{margin-top:auto;font-style:normal;color:var(--blue);font-weight:900}.card{padding:26px;margin-bottom:18px}.modulePanel{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}.sectionHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.sectionHeader h2,.card h2{font-size:26px;margin:0 0 6px}.sectionHeader p,.card>p{color:var(--muted);margin:0;line-height:1.6}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field span{font-weight:900;color:#26324f}.field em{font-style:normal;color:var(--muted);font-size:12px}input,textarea,select{width:100%;border:1px solid #cbd8ea;border-radius:16px;background:#fbfdff;color:var(--ink);padding:13px 14px;outline:none}textarea{min-height:112px;resize:vertical;line-height:1.6}.scriptArea{min-height:240px}input:focus,textarea:focus,select:focus{border-color:#6aa0ff;box-shadow:0 0 0 4px #2563eb1f}.btn{border:0;border-radius:16px;padding:13px 18px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 12px 25px #2563eb38}.btn.ghost{background:#fff;color:#1d4ed8;border:1px solid #cfe0ff;box-shadow:none}.btn.soft{background:#eef5ff;color:#1d4ed8;border:1px solid #cfe0ff;box-shadow:none}.btn.danger{background:#fee2e2;color:#b91c1c}.btn:disabled{opacity:.55;cursor:not-allowed}.buttonRow{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.stackButtons{display:flex;flex-direction:column;gap:8px}.resultBox,.mediaBox,.editChatBox,.timelineEditor{border:1px solid var(--line);background:#f8fbff;border-radius:20px;padding:18px;margin-top:16px}.resultTop{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.splitGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#eef5ff;color:#1d4ed8;padding:6px 10px;font-weight:900;font-size:12px;margin:3px}.pill.green{background:#dcfce7;color:#15803d}.pill.orange{background:#fff7ed;color:#c2410c}.pill.purple{background:#f3e8ff;color:#7e22ce}.pill.red{background:#fee2e2;color:#b91c1c}.chips{display:flex;flex-wrap:wrap;gap:4px}.warn{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:14px;padding:10px;margin-top:10px}.tips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tips span{background:#f8fafc;border:1px dashed #bfd0e8;border-radius:14px;padding:9px 11px;color:#3d4b66}.empty{padding:18px;border:1px dashed #cbd8ea;border-radius:16px;color:var(--muted);text-align:center;background:#f8fbff}.copyEditor{margin-top:16px}.assetList{display:flex;flex-direction:column;gap:9px}.assetRow,.assetButton{border:1px solid var(--line);background:#fff;border-radius:16px;padding:11px;display:flex;align-items:center;gap:9px;text-align:left}.assetRow span,.assetButton{font-weight:800}.assetRow em,.assetButton em{margin-left:auto;color:var(--muted);font-size:12px;font-style:normal}.assetButton.selected{border-color:var(--blue);background:#eef5ff}.segments{display:flex;flex-direction:column;gap:14px;margin-top:14px}.segmentCard{border:1px solid #dbeafe;background:#fff;border-radius:20px;padding:16px}.segmentHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.segmentHead button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px 8px;margin-left:5px}.segmentGrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px}.addSegment{border:1px solid #cfe0ff;border-radius:999px;background:#fff;color:#1d4ed8;padding:10px 14px;font-weight:900}.timelineRow{display:grid;grid-template-columns:70px 100px 120px 1fr;gap:10px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:15px;padding:10px;margin-top:8px}.timelineRow em{color:var(--muted);font-style:normal}.videoGrid{display:grid;grid-template-columns:minmax(0,1.1fr) 320px;gap:18px;align-items:start}.videoGrid video{width:100%;max-height:620px;background:#020617;border-radius:22px}.downloadPanel{display:flex;flex-direction:column;gap:10px}.download{display:inline-flex;justify-content:center;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;padding:13px 16px}.chatMsg{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;margin-top:10px}.coverPreview{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center}.coverPreview img,.miniResult img{width:100%;border-radius:18px;border:1px solid var(--line)}.miniResult{border:1px solid var(--line);background:#f8fbff;border-radius:18px;padding:16px}.miniResult h3{margin-top:0}@media (max-width:1200px){.appShell{grid-template-columns:1fr}.studioNav{position:relative;height:auto;top:auto}.studioNav nav{display:grid;grid-template-columns:repeat(3,1fr)}.heroHeader{grid-template-columns:1fr}.moduleGrid{grid-template-columns:repeat(2,1fr)}.progressRail{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}.videoGrid,.coverPreview{grid-template-columns:1fr}}@media (max-width:720px){.appShell{padding:10px;gap:10px}.studioNav{border-radius:22px;padding:12px}.brandMark{align-items:flex-start}.studioNav nav{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:4px}.studioNav nav button{min-width:142px;grid-template-columns:28px 1fr}.studioNav nav button em{display:none}.heroHeader{padding:22px;border-radius:22px;min-height:auto}.heroHeader h1{font-size:28px}.progressRail{display:flex;overflow-x:auto}.stage{min-width:185px}.moduleGrid,.grid2,.grid3,.grid4,.splitGrid,.segmentGrid,.timelineRow{grid-template-columns:1fr}.moduleCard{min-height:150px}.card{padding:18px;border-radius:22px}.sectionHeader{flex-direction:column}.timelineRow{align-items:stretch}.scoreCard strong{font-size:42px}.logo{width:48px;height:48px}.buttonRow{display:grid;grid-template-columns:1fr}.btn,.addSegment{width:100%}.segmentHead{align-items:flex-start;flex-direction:column}.heroHeader p{font-size:14px}}.trendGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0}.trendCard{border:1px solid #dce8ff;background:linear-gradient(180deg,#fff,#f7fbff);border-radius:18px;padding:16px;display:grid;gap:8px;position:relative}.trendCard strong{font-size:18px;color:#07204f}.trendCard p{margin:0;color:#334155;line-height:1.65}.trendCard small{color:#475569;line-height:1.55}.heat{position:absolute;right:14px;top:14px;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.heat span{font-weight:900;line-height:1}.heat em{font-size:11px;font-style:normal}.competitorList{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px}.competitorCard{border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#fff;display:grid;gap:8px}.competitorCard>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.competitorCard strong{font-size:18px;color:#0f172a}.competitorCard p,.competitorCard small,.competitorCard em{margin:0;color:#475569;line-height:1.55}.competitorCard em{font-style:normal;white-space:pre-wrap}.competitorCard button{justify-self:start;border:0;border-radius:999px;padding:7px 12px;color:#b91c1c;background:#fee2e2;cursor:pointer}.shotTable{display:grid;gap:12px;margin:14px 0}.shotRow{display:grid;grid-template-columns:82px 1fr 90px;gap:10px;align-items:start;border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#fff}.shotRow span{background:#ecfeff;color:#0e7490;border-radius:999px;text-align:center;padding:5px 8px;font-weight:700}.shotRow strong{color:#0f172a}.shotRow em{font-style:normal;color:#2563eb;font-weight:700}.shotRow p{grid-column:2 / -1;margin:0;color:#334155}.shotRow small{grid-column:2 / -1;color:#64748b}.metricGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.growthResult{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start}.scoreRing{width:108px;height:108px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(#2563eb 0,#2563eb 70%,#e5efff 70%,#e5efff);color:#fff;box-shadow:0 12px 28px #2563eb2e}.scoreRing strong{font-size:34px;line-height:1}.scoreRing span{font-size:12px;margin-top:-22px}@media (max-width: 760px){.shotRow{grid-template-columns:1fr}.shotRow p,.shotRow small{grid-column:auto}.growthResult{grid-template-columns:1fr}}.progressRail{grid-template-columns:repeat(7,minmax(0,1fr))}.dashboardStack{display:grid;gap:18px}.workflowBoard{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.workflowCard{position:relative;min-height:190px;border:1px solid rgba(207,224,255,.9);background:linear-gradient(180deg,#fff,#f7fbff);border-radius:24px;padding:18px;text-align:left;color:var(--ink);box-shadow:0 15px 35px #1f397017;display:flex;flex-direction:column;gap:9px;transition:.18s ease}.workflowCard:hover{transform:translateY(-3px);border-color:#8bb5ff;box-shadow:0 22px 48px #1f397026}.workflowCard span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900}.workflowCard strong{font-size:19px;line-height:1.25}.workflowCard p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.workflowCard em{margin-top:auto;font-style:normal;font-weight:900;color:#1d4ed8}.workflowCard b{position:absolute;right:-16px;top:50%;transform:translateY(-50%);z-index:2;color:#2563eb;background:#eef5ff;border:1px solid #cfe0ff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.opsGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.moduleCard.compact{min-height:150px}.moduleCard.compact strong{font-size:19px}@media (max-width:1400px){.workflowBoard{grid-template-columns:repeat(4,minmax(0,1fr))}.workflowCard b{display:none}.progressRail{grid-template-columns:repeat(4,1fr)}.opsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.workflowBoard,.opsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.progressRail{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.workflowBoard{display:flex;overflow-x:auto;padding-bottom:6px}.workflowCard{min-width:240px}.opsGrid{grid-template-columns:1fr}.progressRail{display:flex}}.headerActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.memoryBox{margin-top:18px;padding:16px 18px;border:1px solid rgba(47,107,255,.18);background:linear-gradient(135deg,#f8fbff,#eef5ff);border-radius:18px;color:#16335f;display:grid;gap:8px}.memoryBox strong{font-size:15px;color:#0b3da8}.memoryBox p{margin:0;line-height:1.7;white-space:pre-wrap}.memoryBox button{justify-self:start;border:0;border-radius:999px;background:#fff;color:#1e5bff;font-weight:800;padding:9px 14px;box-shadow:0 8px 20px #245fff1f;cursor:pointer}.memoryList{margin-top:18px;padding:16px;border:1px dashed #c7d8ff;border-radius:18px;background:#fbfdff}.memoryList h3{margin:0 0 12px;font-size:18px}.memoryItem{padding:12px 14px;border:1px solid #e4ecff;background:#fff;border-radius:14px;margin-bottom:10px}.memoryItem strong{display:block;color:#0b1f43;margin-bottom:6px}.memoryItem p{margin:0 0 6px;color:#455a7a;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.memoryItem small{color:#7c8ca8}@media (max-width:720px){.headerActions{justify-content:stretch}.headerActions .btn{flex:1}.memoryBox,.memoryList{border-radius:14px;padding:14px}.memoryItem{padding:10px}}.handoffBar{margin:16px 0;border:1px solid #cfe0ff;background:#ffffffd1;border-radius:18px;padding:12px 14px;display:flex;gap:12px;align-items:center;justify-content:space-between;box-shadow:0 12px 30px #1f397012}.handoffBar div{display:grid;gap:3px}.handoffBar strong{color:#0d3e9d}.handoffBar span{color:#334155;font-size:13px;line-height:1.45}.handoffBar label{display:flex;align-items:center;gap:7px;color:#475569;font-weight:800;white-space:nowrap}.handoffBar input{width:auto}.handoffBar button{border:0;border-radius:999px;background:#eef5ff;color:#1d4ed8;font-weight:900;padding:9px 12px;white-space:nowrap}.modalMask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:18px}.knowledgeModal{width:min(880px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;border:1px solid #dbeafe;padding:24px;box-shadow:0 30px 90px #0f172a47}.modalClose{border:0;background:#f1f5f9;border-radius:999px;width:38px;height:38px;font-size:24px;color:#334155}.monitorGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.monitorCard{border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:20px;padding:18px}.monitorCard span{display:block;color:#64748b;font-weight:800}.monitorCard strong{display:block;font-size:26px;color:#0f2f75;margin:6px 0}.monitorCard p{margin:0;color:#475569;line-height:1.6}.pluginGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.pluginCard{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:16px;display:grid;gap:8px}.pluginCard strong{color:#0f172a}.pluginCard p{margin:0;color:#475569;line-height:1.55}.pluginCard em{justify-self:start;font-style:normal;background:#eef5ff;color:#1d4ed8;border-radius:999px;padding:5px 9px;font-weight:900;font-size:12px}.todoPanel{border:1px dashed #c7d8ff;background:#fbfdff;border-radius:18px;padding:16px;margin:16px 0}.todoPanel h3{margin:0 0 12px}.todoPanel button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:11px 13px;margin:8px 0;color:#334155}.todoPanel button.done{opacity:.65;background:#f8fafc}.todoPanel button span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eef5ff;color:#1d4ed8;font-weight:900}.flowSource{margin:12px 0 16px;border:1px solid #dbeafe;background:#f8fbff;border-radius:18px;padding:13px 15px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.flowSource strong{color:#0f2f75}.flowSource span{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:7px 10px;color:#475569;font-size:12px;font-weight:800}@media (max-width:900px){.handoffBar{flex-direction:column;align-items:stretch}.handoffBar button{white-space:normal}.monitorGrid,.pluginGrid{grid-template-columns:1fr}.knowledgeModal{padding:18px;border-radius:20px}}.collectorAssist{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #dbeafe;background:linear-gradient(135deg,#f8fbff,#eef6ff);border-radius:18px;margin:14px 0;color:#0f172a}.collectorAssist p{margin:6px 0;color:#475569;line-height:1.6}.collectorAssist small{color:#64748b}.buttonRow.mini{gap:8px;flex-wrap:nowrap}.buttonRow.mini .btn{white-space:nowrap}.cookiePanel{margin:12px 0 18px;padding:18px;border-radius:18px;border:1px dashed #93c5fd;background:#f8fbff}.cookiePanel h4{margin:0 0 8px;font-size:18px}.cookiePanel p{margin:0 0 12px;color:#64748b;line-height:1.7}.cookiePanel textarea{width:100%;min-height:160px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}@media (max-width: 760px){.collectorAssist{align-items:flex-start;flex-direction:column}.buttonRow.mini{width:100%;flex-wrap:wrap}.buttonRow.mini .btn{flex:1}}.checkline{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #d6e4ff;border-radius:16px;background:#f7fbff;font-weight:800;color:#18325a;margin:14px 0}.checkline input{width:auto}.infoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.infoGrid>div{border:1px solid #e2eaf6;border-radius:18px;padding:16px;background:#fff}.infoGrid strong{display:block;margin-bottom:8px;color:#07264b}.previewVideo{width:min(360px,100%);display:block;border-radius:18px;margin:14px 0;background:#111}@media (max-width:820px){.infoGrid{grid-template-columns:1fr}}