:root{--bg:#06101d;--panel:#0c1829;--panel2:#101d30;--line:#27354a;--text:#f4f5f8;--muted:#98a3b6;--violet:#7a48ff;--purple:#a664ff;--blue:#48a7ff;--green:#50dd7c;--yellow:#ffbf29;--red:#ff5964}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#111b31,transparent 30%),var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:14px}.shell{display:grid;grid-template-columns:242px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:26px 18px 18px;border-right:1px solid var(--line);background:#06101de8;display:flex;flex-direction:column}.logo{border:0;background:none;color:#fff;font-size:20px;font-weight:700;text-align:left;padding:0 8px 34px;cursor:pointer}.logo>span:first-child{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:6px;background:linear-gradient(135deg,#8b53ff,#3e27b5);margin-right:8px}.logo>span:last-child{color:#8f57ff}nav{display:grid;gap:8px}.nav{height:48px;border:0;border-radius:8px;background:transparent;color:#b8c1d0;text-align:left;padding:0 16px;font:inherit;cursor:pointer}.nav i{font-style:normal;font-size:18px;margin-right:15px}.nav:hover,.nav.on{color:#fff;background:linear-gradient(90deg,#262052,#201c49)}.plan{margin-top:auto;padding:15px;border:1px solid var(--line);border-radius:8px;background:#0d1929}.plan small,.user small,.muted{display:block;color:var(--muted);font-size:11px;margin-top:6px}.plan i{display:block;height:7px;background:#2c3850;border-radius:5px;margin-top:14px}.plan em{display:block;width:48%;height:100%;background:linear-gradient(90deg,#8b50ff,#5841ff);border-radius:5px}.user{margin-top:14px;padding:13px 8px;border:0;border-top:1px solid var(--line);background:none;color:#fff;display:flex;align-items:center;gap:10px;text-align:left}.user>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#5532c7}.user>span{flex:1}main{padding:26px 30px;min-width:0}h1{font-size:31px;margin:0 0 12px}h2{margin:0 0 14px}h3{margin:0 0 12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.crumb{color:var(--muted);margin-bottom:20px}.crumb b,.purple{color:#a66cff}.btn,.input,.select{height:42px;border:1px solid var(--line);border-radius:7px;background:#0b1727;color:#fff;font:inherit;padding:0 14px}.btn{cursor:pointer}.btn:hover{border-color:#744ed1}.btn.primary{background:linear-gradient(135deg,#8050ff,#5429db);border:0;font-weight:600}.btn.wide{width:100%}.card{background:linear-gradient(145deg,#101d30e8,#091524e8);border:1px solid var(--line);border-radius:10px}.tag{border:1px solid var(--line);padding:5px 10px;border-radius:5px;font-size:11px}.green{color:var(--green)}.red{color:var(--red)}.yellow{color:var(--yellow)}.blue{color:var(--blue)}.top{margin-bottom:20px}.tabs{display:flex;border:1px solid var(--line);border-radius:8px;width:max-content;padding:4px;margin-bottom:16px}.tabs button{height:36px;min-width:120px;border:0;background:none;color:#c4cada;border-radius:6px;cursor:pointer}.tabs button.on{background:linear-gradient(135deg,#5736b8,#32258c);color:#fff}.insights{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.insight{padding:18px;min-height:115px}.insight strong{display:block;font-size:20px;margin:7px 0}.filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filters .select{min-width:120px}.table-card{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:1050px}.table th,.table td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{color:#adb6c5;font-size:11px;font-weight:500}.table tr[data-reel]{cursor:pointer}.table tbody tr:hover{background:#152136}.media{display:flex;align-items:center;gap:10px;white-space:normal;min-width:210px}.thumb{width:72px;height:45px;border-radius:5px;background:linear-gradient(135deg,#956d4e,#263746 58%,#111826);position:relative;flex:none}.thumb:after{content:'▶';position:absolute;left:27px;top:13px;color:#fff}.score{display:inline-grid;place-items:center;min-width:38px;height:30px;border:1px solid currentColor;border-radius:5px}.score.creative{color:var(--blue)}.score.performance{color:var(--green)}.score.final{color:var(--purple)}.spark{color:var(--green);letter-spacing:-2px}.footer{display:flex;justify-content:space-between;padding:16px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:1fr 320px;gap:22px}.form-card{padding:26px}.field{margin-bottom:20px}.field label{display:block;font-weight:600;margin-bottom:9px}.field .input,.field .select,.urlrow .input,.review-form .input,.review-form .select,.choices>.input,.choices>.row .select{width:100%}.urlrow{display:grid;grid-template-columns:1fr auto;gap:12px}.drop{height:180px;border:1px dashed #7561dd;border-radius:8px;display:grid;place-items:center;text-align:center;color:#b6bed0;font-size:18px}.drop b{display:block;font-size:35px;color:#9274ff}.steps{padding:28px}.step{display:grid;grid-template-columns:35px 1fr;gap:12px;padding:13px 0}.step>i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #8060e8;border-radius:50%;font-style:normal}.step p{color:var(--muted);line-height:1.5;margin:6px 0}.account-found{display:flex;align-items:center;gap:18px;padding:20px;margin-bottom:20px}.avatar{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#dbb49d,#263751);font-size:25px}.radio-row{padding:13px 0}.radio-row input{accent-color:#8255ff}.source-list{padding:28px}.source-item{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:15px}.source-item i{font-style:normal;font-size:26px}.preview-card{padding:20px}.preview-media{display:grid;grid-template-columns:180px 1fr;gap:22px}.poster{height:280px;border-radius:8px;background:radial-gradient(circle at 50% 28%,#d2a98f 0 8%,transparent 9%),linear-gradient(145deg,#5b6b76,#14222b 60%);position:relative}.poster:after{content:'▶';position:absolute;bottom:15px;left:15px}.metrics3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.metric b{display:block;font-size:24px;margin-top:6px}.available{padding:24px}.available h4{margin:20px 0 10px}.available p{padding:7px 0;margin:0}.notice{border:1px solid #a87816;border-radius:7px;padding:15px;color:#ffd16b;margin-top:20px}
.process-card{padding:20px}.process-head{display:grid;grid-template-columns:180px 1fr 260px;gap:28px;align-items:center}.mini-poster{height:220px}.ring{width:180px;height:180px;border:12px solid #27215b;border-top-color:#53dcea;border-right-color:#53dcea;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:700}.pipeline{margin-top:16px}.pipe{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:13px 8px;border-top:1px solid var(--line)}.pipe i{display:grid;place-items:center;width:29px;height:29px;border:1px solid #65718a;border-radius:50%;font-style:normal}.pipe.done i{background:#55cb66;color:#06101d}.pipe.current i{border:2px solid #9a65ff}.analysis-list{padding:26px}.analysis-list .source-item{min-height:104px}
.detail-top{display:grid;grid-template-columns:305px 1fr;gap:16px}.reel-poster{height:430px}.score-panel{padding:28px}.hero-scores{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:25px}.big-score{font-size:76px;color:#8a58ff;font-weight:700}.hero-scores strong{display:block;font-size:38px;margin-top:12px}.badges{display:flex;gap:15px;margin:16px 0}.verdict{border-top:1px solid var(--line);padding-top:14px;line-height:1.6}.metric-row{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:12px}.metric-card{padding:17px}.metric-card b{display:block;font-size:22px;margin-top:13px}.attention{padding:18px;margin-top:12px}.chart{height:120px;background:repeating-linear-gradient(to bottom,transparent 0 28px,#223047 29px)}.chart svg{width:100%;height:100%}.segments{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.segments span{text-align:center;border-top:8px solid #9b65ff;padding-top:8px}.detail-bottom{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.detail-box{padding:16px;min-height:200px}.detail-box p{color:#bdc5d2;line-height:1.6}.detail-box:last-child{grid-column:span 1}.experiment-item{padding:9px;border:1px solid var(--line);border-radius:6px;margin:7px 0}
.competitor-hero{padding:18px;display:flex;align-items:center;gap:22px}.competitor-hero .actions{margin-left:auto}.summary5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:14px 0}.summary5 .card{padding:18px}.summary5 b{font-size:21px;display:block;margin-top:8px}.comp-mid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.patterns{padding:18px}.pattern{padding:12px;border:1px solid var(--line);border-radius:8px;margin-top:8px}.bars{padding:18px}.bar-chart{height:180px;display:flex;align-items:flex-end;gap:10px;padding:20px}.bar-chart i{flex:1;background:linear-gradient(#6add73,#397e45);height:var(--h)}
.review-grid{display:grid;grid-template-columns:240px 1fr 350px;gap:14px}.review-poster{height:360px}.review-form .card{padding:14px;margin-bottom:8px}.review-side .card{padding:20px;margin-bottom:14px}.timeline-table{padding:14px}.bottom-actions{position:sticky;bottom:0;background:#0a1525e8;border-top:1px solid var(--line);padding:15px;display:flex;justify-content:flex-end;gap:12px;margin:20px -30px -26px}.reels{display:grid;grid-template-columns:1fr 70px 1fr;gap:20px;align-items:center}.reel-summary{padding:14px;display:flex;gap:16px;align-items:center}.reel-summary .poster-sm{width:90px;height:125px;background:linear-gradient(145deg,#82644f,#162635);border-radius:7px}.arrow{font-size:40px;text-align:center}.experiment-grid{display:grid;grid-template-columns:1fr 430px;gap:20px;margin-top:16px}.choices,.exp-summary{padding:18px}.choice{border:1px solid var(--line);padding:14px;border-radius:7px;margin:9px 0}.choice.selected{border-color:#8758ff;background:#21194d}.choice input{accent-color:#8758ff}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:11px 15px;border:1px solid var(--line);border-radius:6px}.outcome{padding:12px 0}.toast{position:fixed;right:20px;bottom:20px;background:#18263a;border:1px solid #52617a;padding:12px 18px;border-radius:8px;opacity:0;transform:translateY(30px);transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.shell{grid-template-columns:72px 1fr}aside{padding:20px 9px}.logo{font-size:0}.logo>span:first-child{font-size:20px}.logo>span:last-child,.nav span,.plan,.user span{display:none}.nav{text-align:center;padding:0}.nav i{margin:0}.grid2,.experiment-grid{grid-template-columns:1fr}.insights{grid-template-columns:repeat(2,1fr)}.detail-top{grid-template-columns:280px 1fr}.metric-row{grid-template-columns:repeat(4,1fr)}.detail-bottom{grid-template-columns:repeat(3,1fr)}.review-grid{grid-template-columns:220px 1fr}.review-side{grid-column:1/-1}.summary5{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){main{padding:18px 12px}.shell{grid-template-columns:55px 1fr}.insights,.comp-mid,.detail-top,.review-grid{grid-template-columns:1fr}.insights{display:none}.detail-top>.poster{max-width:340px}.hero-scores{grid-template-columns:1fr 1fr}.big-score{font-size:55px}.metric-row{grid-template-columns:repeat(2,1fr)}.detail-bottom{grid-template-columns:1fr}.summary5{grid-template-columns:1fr 1fr}.process-head{grid-template-columns:110px 1fr}.ring{width:120px;height:120px}.process-head>div:nth-child(2){grid-column:1/-1}.reels{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.preview-media{grid-template-columns:1fr}.poster{max-width:260px}.bottom-actions{position:static;flex-wrap:wrap}}