.portal-creative{padding:0!important;overflow:hidden;background:#040b14;border:1px solid #273347;color:#ecf0f5;text-align:left;font-family:Inter,Arial,sans-serif;container-type:inline-size;aspect-ratio:1.85;isolation:isolate}
.creative-top{display:flex;align-items:center;height:12%;min-height:30px;padding:0 3%;gap:4%;border-bottom:1px solid #1a2432;background:#060e19}
.creative-top>img{width:20%;height:auto;max-height:26px;object-fit:contain}
.creative-top>span:not(.creative-avatar){font-size:1.05cqw;letter-spacing:.16em;color:#7b8a9c}
.creative-avatar{margin-left:auto;width:2.8%;aspect-ratio:1;border-radius:50%;background:#00a86b22;border:1px solid #00a86b66}
.creative-body{display:grid;grid-template-columns:21% 1fr;height:88%}
.creative-sidebar{padding:12% 6%;border-right:1px solid #1a2432;background:#040b14}
.creative-sidebar>div{display:flex;align-items:center;gap:9%;padding:9% 7%;margin-bottom:6%;border-radius:5px;font-size:1.12cqw;color:#8695a9;white-space:nowrap}
.creative-sidebar>div.selected{background:#101d2a;color:#dce8e3;border-left:2px solid #00a86b}
.creative-sidebar svg{width:15%;height:auto;color:#00a86b;flex-shrink:0}
.creative-workspace{padding:4% 5% 3%;min-width:0;min-height:0;background:radial-gradient(ellipse at 75% 0,#0d1c27,transparent 65%),#060d18;display:grid;grid-template-rows:auto auto minmax(0,1fr) 25%;gap:3%}
.creative-title{display:flex;align-items:center;justify-content:space-between;font-size:2.1cqw;font-weight:600;letter-spacing:-.025em;line-height:1.4}
.creative-title>i{display:block;width:1.3%;aspect-ratio:1;background:#00a86b;border-radius:50%;box-shadow:0 0 10px #00a86b44}
.creative-tabs{display:flex;gap:5%;font-size:1.05cqw;color:#78889b}
.creative-tabs span:first-child{color:#7fdbb3;border-bottom:1px solid #00a86b;padding-bottom:1.4%}
.creative-chart{border:1px solid #1c2b3d;background:#07131f;border-radius:7px;overflow:hidden;min-height:0;display:flex;flex-direction:column}
.creative-chart-heading{display:flex;align-items:center;gap:2%;padding:2.5% 3.5%;font-size:1.15cqw;color:#a7b8c9;border-bottom:1px solid #152334}
.creative-chart-heading>svg{width:3%;height:auto;color:#42a87d}
.creative-chart-heading>i{margin-left:auto;width:4%;height:3px;border-radius:10px;background:#47657a}
.creative-plot{display:block;width:100%;height:0!important;flex:1;min-height:0;object-fit:contain;background:#07131f}
.creative-lower{display:grid;grid-template-columns:1.8fr 1fr;gap:3%;min-height:0}
.creative-goals{padding:3% 5%;border:1px solid #1c2b3d;background:#0b1420;border-radius:6px;font-size:1cqw;color:#8c9caf;display:flex;flex-direction:column;justify-content:space-around}
.creative-track{height:4px;width:100%;background:#1c293b;border-radius:5px;overflow:hidden}
.creative-track>i{display:block;width:67%;height:100%;background:#16855f;border-radius:5px}
.creative-track:nth-child(3)>i{width:43%;background:#36785f}
.creative-track:nth-child(4)>i{width:80%;background:#6b8a77}
.creative-orbit{display:flex;align-items:center;justify-content:center;border:1px solid #1c2b3d;background:#0b1420;border-radius:6px;min-height:0}
.creative-orbit>svg{height:90%;max-width:100%;fill:none}
.creative-orbit circle{stroke-width:7;fill:none}
.creative-orbit .orbit-track{stroke:#1d2b3a}
.creative-orbit .orbit-progress{stroke:#23875e;stroke-dasharray:155 214;transform:rotate(-90deg);transform-origin:50% 50%;stroke-linecap:round}
.creative-orbit path{stroke:#9acdb2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.portal-creative[data-creative=affiliate] .creative-tabs span:first-child{border-bottom-color:#79946c}
.portal-creative[data-creative=account] .creative-lower{grid-template-columns:1fr 1fr}
body[data-design] .hero-portal .portal-creative{box-shadow:0 30px 100px #0004}
body[data-design] :is(.hero-headline-row,.hero-bottom,.hero-kicker){animation:none!important;opacity:1!important;transform:none!important}
@media(max-width:700px){.creative-top{min-height:0}.creative-sidebar>div{border-left-width:1px}.creative-chart,.creative-goals,.creative-orbit{border-radius:4px}.creative-track{height:2px}.creative-title{font-size:2.4cqw}.creative-sidebar>div{font-size:1.4cqw}}