.studio-v2{background:var(--night);color:#fff;min-height:100dvh}.studio-v2 .studio-header{border-bottom:1px solid var(--night-2);background:var(--night);height:72px;padding:0 max(4%,24px)}.studio-v2 .studio-header .logo{width:104px}.studio-v2 .studio-header>div>span{border-left-color:var(--night-3);color:var(--citron);letter-spacing:.18em;font-size:12px;font-weight:800}.studio-v2 .studio-header>a{color:var(--night-muted);font-size:14px;font-weight:600}.studio-v2 .studio-header>a:hover{color:#fff}.studio-v2 .studio-main{max-width:1320px;margin:0 auto;padding:28px max(4%,24px) 64px}.studio-v2 .studio-section-tabs{background:var(--night-2);border:0;border-radius:100px;gap:4px;margin:0;padding:5px;display:inline-flex}.studio-v2 .studio-section-tabs button{isolation:isolate;min-height:38px;color:var(--night-muted);border:0;border-radius:100px;padding:0 18px;font-size:14px;font-weight:700;position:relative}.studio-v2 .studio-section-tabs button[aria-selected=true]{color:var(--ink)}.studio-v2 .studio-section-tabs button:after{display:none}.studio-tab-pill{z-index:-1;background:var(--citron);border-radius:100px;position:absolute;inset:0}.studio-v2 .studio-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:26px 0 22px;display:flex}.studio-v2 .studio-heading h1{letter-spacing:-.04em;color:#fff;margin:10px 0 0;font-size:clamp(30px,3.4vw,48px);font-weight:800;line-height:1.04}.studio-live{color:var(--night-muted);align-items:center;gap:9px;font-size:14px;font-weight:700;display:inline-flex}.studio-live img{border-radius:50%;width:26px;height:26px}.studio-v2 select{background:var(--night-2);border:1px solid var(--night-3);color:#fff;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--night-muted) 50%),linear-gradient(135deg,var(--night-muted) 50%,transparent 50%);cursor:pointer;background-position:calc(100% - 19px) 18px,calc(100% - 14px) 18px;background-repeat:no-repeat;background-size:5px 5px;border-radius:100px;width:auto;min-width:0;height:42px;padding:0 38px 0 16px;font-size:14px;font-weight:700}.studio-v2 select:hover{border-color:var(--night-muted)}.studio-v2 .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;display:grid}.studio-v2 .kpi{--rx:0deg;--ry:0deg;--mx:50%;--my:0%;isolation:isolate;min-height:186px;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out);will-change:transform;border:0;border-radius:24px;flex-direction:column;padding:20px 20px 0;display:flex;position:relative;overflow:hidden}.studio-v2 .kpi:hover{transition:transform .12s linear,box-shadow .4s var(--ease-out);box-shadow:0 30px 50px -28px #000}.kpi-glow{z-index:-1;background:radial-gradient(240px circle at var(--mx) var(--my),#ffffff47,transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.kpi-glow{background:radial-gradient(240px circle at var(--mx) var(--my),lab(100% 0 0/.28),transparent 60%)}}.kpi:hover .kpi-glow{opacity:1}.kpi-flamme{background:linear-gradient(140deg,var(--flamme) 0%,var(--flamme-deep) 70%);color:#fff}.kpi-night{background:var(--night-2);color:#fff;box-shadow:inset 0 0 0 1px var(--night-3)}.kpi-citron{background:var(--citron);color:var(--ink)}.kpi-rose{background:var(--rose);color:var(--ink)}.studio-v2 .kpi .kpi-label{color:inherit;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.kpi-icon{background:#ffffff38;background:lab(100% 0 0/.22);border-radius:11px;place-items:center;width:32px;height:32px;display:grid}.kpi-citron .kpi-icon,.kpi-rose .kpi-icon{background:#1a11101a;background:lab(6.09353% 3.64826 2.08884/.1)}.kpi-night .kpi-icon{background:var(--night-3);color:var(--lagon)}.studio-v2 .kpi strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:18px 0 10px;font-size:clamp(30px,2.8vw,42px);font-weight:800;line-height:1;display:block}.kpi-foot{align-items:center;gap:10px;display:flex}.kpi-delta{background:#ffffff38;background:lab(100% 0 0/.22);border-radius:100px;align-items:center;gap:5px;padding:4px 9px;font-size:13px;font-weight:800;display:inline-flex}.kpi-night .kpi-delta{color:var(--lagon);background:#00c5bd29;background:lab(71.4292% -47.4652 -9.36353/.16)}.kpi-citron .kpi-delta,.kpi-rose .kpi-delta{background:#1a11101a;background:lab(6.09353% 3.64826 2.08884/.1)}.studio-v2 .kpi small{color:inherit;opacity:.85;font-size:13px;font-weight:600}.kpi-spark{width:calc(100% + 40px);height:44px;margin:auto -20px 0;padding-top:10px;display:block}.studio-v2 .studio-card{background:var(--night-2);box-shadow:inset 0 0 0 1px var(--night-3);color:#fff;border:0;border-radius:26px}.studio-v2 .studio-chart-row{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.studio-v2 .panel-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.studio-v2 .studio-card h2{letter-spacing:-.02em;color:#fff;margin:0;font-size:20px;font-weight:800}.studio-v2 .chart-panel{padding:22px 22px 16px}.chart-legend{color:var(--night-muted);gap:16px;font-size:13px;font-weight:700;display:flex}.chart-legend span{align-items:center;gap:7px;display:flex}.chart-legend i{border-radius:4px;width:14px;height:4px}.legend-views{background:var(--flamme)}.legend-clicks{background:var(--lagon)}.chart-wrap{grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);display:grid}.studio-v2 .chart-axis{height:240px;color:var(--night-muted);flex-direction:column;justify-content:space-between;padding:0;font-size:12px;display:flex;position:static}.chart-canvas{height:240px;position:relative}.chart-canvas svg{cursor:crosshair;width:100%;height:100%;display:block;overflow:visible}.chart-grid{stroke:var(--night-3);stroke-dasharray:4 7;vector-effect:non-scaling-stroke}.chart-line{fill:none;stroke:var(--flamme);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 6px 12px #f73b2e8c);filter:drop-shadow(0 6px 12px lab(56.0523% 70.1807 53.3021/.55))}.chart-line-secondary{fill:none;stroke:var(--lagon);stroke-width:2.5px;stroke-dasharray:6 7;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-cursor{stroke:#ffffff40;stroke:lab(100% 0 0/.25);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-dot{border:3px solid var(--flamme);pointer-events:none;width:14px;height:14px;transition:left .15s var(--ease-out),top .15s var(--ease-out);background:#fff;border-radius:50%;position:absolute;translate:-50% -50%}.chart-dot.is-live{animation:dot-pulse 1.8s var(--ease-out) infinite}@keyframes dot-pulse{0%{box-shadow:0 0 #f73b2eb3;box-shadow:0 0 lab(56.0523% 70.1807 53.3021/.7)}to{box-shadow:0 0 0 16px #f73b2e00;box-shadow:0 0 0 16px lab(56.0523% 70.1807 53.3021/0)}}.chart-tip{color:var(--ink);white-space:nowrap;pointer-events:none;transition:left .15s var(--ease-out),top .15s var(--ease-out);background:#fff;border-radius:12px;padding:7px 11px;font-size:13px;font-weight:600;position:absolute;translate:-50% calc(-100% - 16px);box-shadow:0 14px 24px -12px #000}.chart-tip strong{font-size:15px;font-weight:800}.chart-tip small{color:var(--lagon-deep);font-size:12px;font-weight:700;display:block}.studio-v2 .chart-labels{color:var(--night-muted);grid-column:2;justify-content:space-between;margin-top:10px;padding:0;font-size:12px;display:flex}.studio-v2 .engagement-panel{flex-direction:column;gap:18px;padding:22px;display:flex}.studio-v2 .engagement-panel>svg{display:none}.funnel{gap:12px;margin:0;padding:0;list-style:none;display:grid}.funnel-label{color:var(--night-muted);justify-content:space-between;gap:12px;margin-bottom:6px;font-size:14px;font-weight:600;display:flex}.funnel-label strong{color:#fff;font-variant-numeric:tabular-nums;font-weight:800}.funnel-track{background:var(--night-3);border-radius:10px;height:10px;display:block;overflow:hidden}.funnel-bar{border-radius:inherit;height:100%;display:block}.rings{grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;display:grid}.stat-ring{align-items:center;gap:10px;min-width:0;display:flex}.stat-ring svg{flex-shrink:0;width:64px;height:64px;rotate:-90deg}.stat-ring-track{fill:none;stroke:var(--night-3);stroke-width:8px}.stat-ring-value{fill:none;stroke-width:8px;stroke-linecap:round}.stat-ring strong{letter-spacing:-.02em;font-size:20px;font-weight:800;display:block}.stat-ring small{color:var(--night-muted);font-size:13px;line-height:1.3;display:block}.studio-v2 .performance-panel{margin-top:14px;padding:22px}.studio-v2 table{border-collapse:collapse;width:100%;font-size:14px}.studio-v2 th{color:var(--night-muted);text-align:left;border-bottom:1px solid var(--night-3);padding:0 12px 12px;font-size:13px;font-weight:700}.studio-v2 td{border-bottom:1px solid var(--night-3);color:#fff;font-variant-numeric:tabular-nums;padding:12px;font-weight:600}.studio-v2 tbody tr{transition:background-color var(--dur) var(--ease-out)}.studio-v2 tbody tr:hover{background:var(--night-3)}.studio-v2 tbody tr:last-child td{border-bottom:0}.studio-v2 td:first-child{padding-left:12px;display:table-cell}.row-bien{align-items:center;gap:12px;min-width:280px;display:flex}.studio-v2 td:first-child img{object-fit:cover;border-radius:12px;flex-shrink:0;width:46px;height:58px}.row-bien>span:last-child{font-weight:700;line-height:1.3}.studio-v2 td small{color:var(--night-muted);margin-top:2px;font-size:13px;font-weight:500;display:block}.rank{background:var(--night-3);width:26px;height:26px;color:var(--night-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.rank-0{background:var(--citron);color:var(--ink)}.engagement{white-space:nowrap;align-items:center;gap:10px;display:flex}.engagement-track{background:var(--night-3);border-radius:8px;width:90px;height:8px;overflow:hidden}.engagement-track span{border-radius:inherit;background:linear-gradient(90deg,var(--lagon),var(--citron));height:100%;display:block}.studio-v2 .ab-panel{margin-top:14px;padding:22px}.ab-kicker{color:var(--citron);margin-bottom:6px;font-size:13px;font-weight:800;display:block}.studio-v2 .cover-comparison{grid-template-columns:1fr 1fr;gap:14px;display:grid}.studio-v2 .cover-comparison article{background:var(--night-3);transition:box-shadow var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);border-radius:20px;padding:12px}.studio-v2 .cover-comparison article.is-winner{box-shadow:0 0 0 2px var(--citron),0 24px 50px -24px #daf53780}@supports (color:lab(0% 0 0)){.studio-v2 .cover-comparison article.is-winner{box-shadow:0 0 0 2px var(--citron),0 24px 50px -24px lab(92.3083% -25.6025 79.919/.5)}}.studio-v2 .cover-comparison article:hover{transform:translateY(-3px)}.studio-v2 .cover-image{border-radius:14px;height:260px;position:relative;overflow:hidden}.studio-v2 .cover-image img{object-fit:cover;width:100%;height:100%;transition:scale .8s var(--ease-out)}.studio-v2 .cover-comparison article:hover .cover-image img{scale:1.05}.studio-v2 .cover-image .badge{background:var(--night);color:#fff;position:absolute;top:10px;left:10px}.studio-v2 .cover-winner{background:var(--citron);color:var(--ink);border-radius:100px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex;position:absolute;bottom:10px;right:10px;box-shadow:0 10px 20px -10px #000}.studio-v2 .cover-metrics{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 4px 10px;display:grid}.studio-v2 .cover-metrics span{color:var(--night-muted);font-size:13px;font-weight:600}.studio-v2 .cover-metrics strong{color:#fff;letter-spacing:-.02em;margin-top:4px;font-size:22px;font-weight:800;display:block}.cover-bar{background:var(--night-2);border-radius:6px;height:6px;margin:0 4px 4px;display:block;overflow:hidden}.cover-bar span{border-radius:inherit;background:var(--night-muted);height:100%;display:block}.is-winner .cover-bar span{background:var(--citron)}.studio-v2 .studio-cta{background:var(--flamme-deep);border:0;border-radius:26px;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:22px 26px;display:flex}.studio-v2 .studio-cta h2{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:800}.studio-v2 .studio-cta .button.white{color:var(--flamme-deep);background:#fff;border-radius:100px;font-size:14px}.studio-v2 .studio-cta .button.white:hover{background:var(--citron);color:var(--ink)}@media (max-width:1100px){.studio-v2 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-v2 .studio-chart-row{grid-template-columns:1fr}}@media (max-width:700px){.studio-v2 .studio-main{padding:18px 16px 96px}.studio-v2 .studio-heading{flex-direction:column;align-items:flex-start;margin:18px 0 16px}.studio-v2 .stats-grid{gap:10px}.studio-v2 .kpi{border-radius:20px;min-height:150px;padding:14px 14px 0}.studio-v2 .kpi .kpi-label{gap:7px;font-size:12.5px}.kpi-icon{border-radius:9px;width:26px;height:26px}.studio-v2 .kpi strong{margin:12px 0 8px;font-size:26px}.kpi-foot small{display:none}.kpi-spark{width:calc(100% + 28px);height:36px;margin:auto -14px 0}.chart-wrap{grid-template-columns:36px minmax(0,1fr)}.studio-v2 .chart-axis,.chart-canvas{height:180px}.studio-v2 .cover-comparison{grid-template-columns:1fr}.studio-v2 .cover-image{height:200px}.studio-v2 .studio-cta{flex-direction:column;align-items:flex-start}}.studio-v2.embedded-view .studio-header{display:none}.studio-v2.embedded-view .studio-main{padding:50px 12px 100px}.studio-v2.embedded-view .stats-grid{grid-template-columns:1fr 1fr;gap:8px}.studio-v2.embedded-view .kpi{border-radius:16px;min-height:118px;padding:11px 11px 0;transform:none}.studio-v2.embedded-view .kpi .kpi-label{font-size:10.5px}.studio-v2.embedded-view .kpi-icon{border-radius:7px;width:22px;height:22px}.studio-v2.embedded-view .kpi-icon svg{width:13px}.studio-v2.embedded-view .kpi strong{margin:9px 0 6px;font-size:21px}.studio-v2.embedded-view .kpi-delta{padding:3px 7px;font-size:10.5px}.studio-v2.embedded-view .kpi-foot small{display:none}.studio-v2.embedded-view .kpi-spark{width:calc(100% + 22px);height:28px;margin:auto -11px 0}.studio-v2.embedded-view .studio-heading h1{font-size:21px}.studio-v2.embedded-view .studio-heading{margin:14px 0 12px}.studio-v2.embedded-view .studio-live{font-size:11px}.studio-v2.embedded-view .studio-card{border-radius:18px}.studio-v2.embedded-view .chart-panel,.studio-v2.embedded-view .engagement-panel,.studio-v2.embedded-view .performance-panel,.studio-v2.embedded-view .ab-panel{padding:14px}.studio-v2.embedded-view .studio-card h2{font-size:15px}.studio-v2.embedded-view .chart-legend{display:none}.studio-v2.embedded-view .chart-axis,.studio-v2.embedded-view .chart-canvas{height:130px}.studio-v2.embedded-view .chart-wrap{grid-template-columns:30px minmax(0,1fr)}.studio-v2.embedded-view .chart-axis,.studio-v2.embedded-view .chart-labels{font-size:9px}.studio-v2.embedded-view .chart-tip{padding:5px 8px;font-size:10px}.studio-v2.embedded-view .chart-tip strong{font-size:12px}.studio-v2.embedded-view .performance-panel,.studio-v2.embedded-view .studio-cta{display:none}.studio-v2.embedded-view .ab-panel .panel-title{flex-direction:column;align-items:flex-start;gap:8px}.studio-v2.embedded-view .cover-comparison{grid-template-columns:1fr 1fr;gap:8px}.studio-v2.embedded-view .cover-comparison article{border-radius:14px;padding:7px}.studio-v2.embedded-view .cover-image{border-radius:10px;height:120px}.studio-v2.embedded-view .cover-winner{padding:4px 7px;font-size:10px;bottom:6px;right:6px}.studio-v2.embedded-view .cover-image .badge{font-size:9px;top:6px;left:6px}.studio-v2.embedded-view .cover-metrics{grid-template-columns:1fr;gap:4px;padding:8px 2px 6px}.studio-v2.embedded-view .cover-metrics span{font-size:10.5px}.studio-v2.embedded-view .cover-metrics strong,.studio-v2.embedded-view .ab-panel h2{font-size:15px}.studio-v2.embedded-view .funnel-label{font-size:11px}.studio-v2.embedded-view .stat-ring svg{width:46px;height:46px}.studio-v2.embedded-view .stat-ring strong{font-size:15px}.studio-v2.embedded-view .stat-ring small{font-size:10px}.studio-v2.embedded-view select{height:34px;font-size:11px}.studio-v2.embedded-view .studio-section-tabs button{min-height:32px;padding:0 13px;font-size:12px}@media (prefers-reduced-motion:reduce){.studio-v2 .kpi{transform:none}.chart-dot.is-live{animation:none}}.studio-v2 .engagement-panel h2{max-width:none;margin:0}.studio-v2 .engagement-panel>.rings{border:0;justify-content:stretch;padding:0;display:grid}.studio-v2 .engagement-panel .funnel-label{color:var(--night-muted);font-size:14px}.studio-v2 .engagement-panel .funnel-label strong{color:#fff;font-size:14px}.studio-v2 .engagement-panel .stat-ring>span{font-size:inherit;color:#fff}.studio-v2 .engagement-panel .stat-ring strong{font-size:20px}.studio-v2 .engagement-panel .stat-ring small{color:var(--night-muted);font-size:13px}.studio-v2 .cover-winner{left:auto;right:10px}.studio-v2 .cover-winner svg{display:block}.studio-v2.embedded-view .engagement-panel .funnel-label,.studio-v2.embedded-view .engagement-panel .funnel-label strong{font-size:11px}.studio-v2.embedded-view .engagement-panel .stat-ring strong{font-size:15px}.studio-v2.embedded-view .engagement-panel .stat-ring small{font-size:10px}.studio-v2 .stats-grid .kpi>.kpi-foot{color:inherit;gap:10px;font-size:13px;display:flex}.studio-v2 .stats-grid .kpi>.kpi-label{color:inherit}.studio-v2 .cover-metrics>span{min-width:0;display:block}.studio-v2 .cover-metrics strong{white-space:nowrap;font-size:clamp(17px,4.6vw,22px)}@media (max-width:760px){.studio-v2 .cover-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.studio-v2 .cover-metrics span{font-size:12px}}
