/* BrandBully's editorial stories and brief-and-direction workspaces. */
.stories-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:25px 70px;padding:75px 0 55px;align-items:end}.stories-hero>.eyebrow{grid-column:1/-1;color:#B49CCA}.stories-hero h1{font:550 76px/1.02 Manrope,sans-serif;letter-spacing:-3.8px;margin:0}.stories-hero h1>span{color:#CFACEF}.stories-hero>div:last-child{max-width:340px;padding-bottom:6px}.stories-hero p{font-size:14px;color:#9F98A9;line-height:1.8;margin:0 0 24px}.stories-hero .textlink{font-size:11px}
.story-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #39323F;border-bottom:1px solid #39323F;margin:12px 0 65px;scroll-margin-top:110px}.story-index a{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere;font-size:11px;color:#BAB0C5;padding:18px 17px;border-right:1px solid #302A36}.story-index a:first-child{padding-left:0}.story-index a:last-child{border:0}.story-index a>span{font-size:9px;color:#685871;flex:none}.story-index a>svg{width:13px;height:13px;margin-left:auto;flex:none;color:#977BAF}.story-index a:hover{color:#F2E6FF}
.customer-story{display:grid;grid-template-columns:215px minmax(0,1fr);gap:55px;position:relative;padding:55px 0;border-bottom:1px solid #322A39;scroll-margin-top:100px}.customer-story-featured{grid-template-columns:180px minmax(0,1fr) 225px;padding:38px;gap:35px;background:#EAE6ED;border-radius:12px;border:0;color:#29232F;margin-bottom:15px}.story-identity{min-width:0}.story-number{display:block;font:11px InterUI,Arial;letter-spacing:.12em;color:#72677D;margin-bottom:22px}.story-identity>img{width:60px;height:60px;object-fit:contain;border-radius:9px;background:#fff;padding:4px;margin-bottom:18px}.story-identity h2{font:550 20px/1.25 Manrope;letter-spacing:-.6px;margin:0 0 23px;overflow-wrap:anywhere}.story-identity>p{font-size:12px;color:#C4B5D0;line-height:1.5;margin:0}.story-identity>p>span{display:block;font-size:10px;color:#7F708D;margin-top:5px}.story-label{font-size:9px;letter-spacing:.09em;color:#8B779C;display:block;margin-top:3px;margin-bottom:22px}.story-feedback{max-width:700px;min-width:0}.story-feedback h3{font:500 32px/1.2 Manrope;letter-spacing:-1px;margin:0 0 24px}.story-feedback>p{font-size:15px;color:#A69BAC;line-height:1.95;margin:0 0 25px;overflow-wrap:break-word;max-width:650px}.story-original{font-size:10px;display:inline-flex;gap:6px;align-items:center;color:#987DAA;padding-bottom:4px;border-bottom:1px solid #564060}.story-original svg{width:11px;height:11px}.customer-story-featured .story-number{color:#9E8BAE}.customer-story-featured .story-label{color:#8B759C}.customer-story-featured .story-identity>p{color:#4F3A5E}.customer-story-featured .story-identity>p>span{color:#7D6D88}.customer-story-featured .story-feedback>p{color:#695C73;font-size:13px;line-height:1.9}.customer-story-featured .story-feedback h3{font-size:30px}.customer-story-featured .story-original{color:#6C4B83;border-color:#C4B2CF}.story-campaign{margin:0;align-self:center;min-width:0}.story-campaign img{width:100%;height:auto;display:block;border-radius:3px;box-shadow:0 7px 22px #422B4E20}.story-campaign figcaption{font-size:8px;line-height:1.6;color:#8F7B9D;letter-spacing:.04em;margin-top:12px;overflow-wrap:anywhere}
.stories-cta{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;padding:80px 0 70px}.stories-cta>.eyebrow{grid-column:1/-1}.stories-cta h2{font:550 48px/1.08 Manrope;letter-spacing:-2px;margin:0}.stories-cta .btn{margin-bottom:5px}
.customer-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.customer-summary-card{padding:28px;border:1px solid #34303B;background:#15141A;border-radius:11px;display:flex;flex-direction:column;min-width:0}.customer-summary-brand{display:flex;align-items:center;gap:11px;min-width:0;margin-bottom:29px}.customer-summary-brand img{width:37px;height:37px;object-fit:contain;border-radius:7px;padding:2px;background:#fff;flex:none}.customer-summary-brand>span{font-size:11px;color:#B2A6BF;overflow-wrap:anywhere;min-width:0}.customer-summary-card h3{font:500 25px/1.25 Manrope;letter-spacing:-.65px;margin:0 0 18px}.customer-summary-card>p{font-size:12px;color:#95899F;line-height:1.9;margin:0 0 27px}.customer-summary-person{display:flex;align-items:start;flex-direction:column;gap:6px;margin-top:auto}.customer-summary-person>strong{font-size:12px;font-weight:500;color:#D2C0E0}.customer-summary-person>span{font-size:10px;color:#7C6C89;line-height:1.5}.customer-summary-card>a{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#A88DBB;margin-top:23px;align-self:start}.customer-summary-card>a>svg{width:12px;height:12px}
/* A unified brief on the left; an interactive direction board on the right. */
.tool-workspace .distinct-studio{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 84px);min-height:520px;gap:27px;max-width:1550px;margin:0 auto}
.tool-workspace .distinct-studio .creation-composer{order:0;display:flex;flex-direction:column;grid-template-columns:none;position:static;width:auto;max-width:none;margin:0;padding:16px;height:100%;min-height:0;border:1px solid #2C3336;border-radius:11px;background:#171C1F;box-shadow:none}
.distinct-studio .composer-top{font-size:13px;padding:0 0 15px;margin-bottom:13px;border-bottom:1px solid #30383D}.distinct-studio .composer-top>a{font-size:10px;color:#9DA6AB}
.tool-workspace .distinct-studio .composer-body{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:10px;min-height:0;overflow:auto;flex:1;padding-right:2px}
.distinct-studio .composer-prompt{display:block;flex:none!important;background:#22292E;border-radius:7px;padding:13px;border-left:2px solid #BFA3D8}
.tool-workspace .distinct-studio .composer-prompt>span{display:block;font-size:10px;color:#BDC4CA;margin:0 0 9px}.tool-workspace .distinct-studio .composer-prompt textarea{min-height:105px;max-height:150px;font-size:12px;line-height:1.7;color:#E1E7EC;padding:0;background:none}
.distinct-studio .reference-tools{margin:0 0 2px;gap:7px;display:flex;flex-wrap:wrap;flex:none}.tool-workspace .distinct-studio .reference-chip{font-size:10px;display:flex;align-items:center;gap:6px;padding:8px;background:#252E34;border:1px solid #35434C;border-radius:5px;color:#BCC7CE;min-height:33px}.distinct-studio .reference-chip svg{width:13px;height:13px}
.tool-workspace .distinct-studio .composer-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch;flex:none;margin-top:3px}
.tool-workspace .distinct-studio .composer-controls .custom-field{width:auto;min-width:0}.tool-workspace .distinct-studio .custom-field[data-control-kind=model]{grid-column:1/-1}.tool-workspace .distinct-studio .composer-controls .custom-field>span{display:none}.tool-workspace .distinct-studio .composer-controls .select-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:56px;background:#232C32;border:1px solid #323E46;border-radius:7px;padding:9px 11px;font-size:12px;gap:4px 9px;text-align:left}.tool-workspace .distinct-studio .composer-controls .select-caption{display:block;grid-column:1;grid-row:1;font-size:9px;color:#7F929E}.tool-workspace .distinct-studio .composer-controls .select-current{display:flex;grid-row:2;grid-column:1;align-items:center;font-size:12px;color:#D8E2E9;gap:6px}.tool-workspace .distinct-studio .composer-controls .select-trigger>svg{grid-column:2;grid-row:1/span 2;transform:none;width:11px;height:11px;color:#8699A5}.tool-workspace .distinct-studio .select-current .model-mark{width:16px;height:16px;color:#C3A2E0;background:transparent;border:0}.tool-workspace .distinct-studio .quantity-field{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;background:#232C32;border:1px solid #323E46;border-radius:7px;padding:6px 8px 6px 12px}.tool-workspace .distinct-studio .quantity-field>span{display:block;margin:0;color:#7F929E;font-size:10px}.tool-workspace .distinct-studio .quantity-stepper{border:0;background:#1B242B;min-height:35px;border-radius:5px;min-width:125px}.tool-workspace .distinct-studio .quantity-stepper button{height:28px;width:28px}.tool-workspace .distinct-studio .quantity-stepper output{font-size:12px}
.tool-workspace .distinct-studio .composer-bottom{display:block;flex:none;padding:13px 0 0;margin:12px 0 0;border-top:1px solid #30383D;align-self:auto}.tool-workspace .distinct-studio .composer-balance{display:none}.tool-workspace .distinct-studio .generate-button{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;width:100%;min-height:45px;padding:11px;gap:7px;border-radius:7px;font-size:12px;margin-bottom:2px}
.tool-workspace .distinct-studio .creation-content{order:1;height:100%;min-height:0;display:flex;flex-direction:column;overflow:auto;background:none;border:0;border-radius:0;padding:0}.tool-workspace .distinct-studio .creation-tabs{padding:0 0 14px;border-bottom:1px solid #293238;margin:0;flex:none}.distinct-studio .creation-tabs button{padding:7px 10px;border-radius:4px;font-size:10px}.distinct-studio .creation-tabs button.active{background:#28343C;color:#DFE9EF}.distinct-studio .creation-tabs a{font-size:9px}.distinct-studio [data-studio-panel=inspiration]{min-height:0;flex:1;display:flex}
.direction-board{width:100%;display:flex;flex-direction:column;min-height:0;padding-top:24px}.direction-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:21px}.direction-heading .eyebrow{font-size:8px;color:#8196A4;letter-spacing:.13em}.direction-heading h2{font:550 25px/1.2 InterUI,Arial;letter-spacing:-.8px;margin:9px 0 0;color:#DFE6EB}.direction-number{font:10px InterUI,Arial;color:#6C838F;white-space:nowrap;padding-bottom:3px;letter-spacing:.12em}
.direction-artboard{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);flex:1;min-height:260px;max-height:520px;position:relative;overflow:hidden;border-radius:5px;background:#E7E0EB;box-shadow:0 12px 35px #0002}.direction-artboard>img{height:100%;width:100%;object-fit:cover;min-height:0;object-position:center}.direction-caption{padding:28px 23px;display:flex;flex-direction:column;justify-content:center;color:#2E2635;min-width:0}.direction-caption>span{font:9px InterUI,Arial;letter-spacing:.1em;color:#8B7798;line-height:1.5}.direction-caption>h3{font:550 27px/1.1 Manrope;letter-spacing:-.9px;margin:20px 0 15px;overflow-wrap:break-word}.direction-caption>p{font:12px/1.8 InterUI,Arial;color:#82718D;margin:0 0 25px}.direction-caption>button{font:10px InterUI,Arial;background:#2D2435;color:#EBE1F5;padding:10px;border:0;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;align-self:start;line-height:1.5}.direction-caption>button:hover{background:#493859}.direction-caption>button svg{width:12px;height:12px}.direction-brand-mark{position:absolute;bottom:15px;left:16px;font:8px InterUI,Arial;letter-spacing:.16em;color:#F2EDF8;text-shadow:0 1px 4px #0008}
.direction-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:18px}.direction-options>button{display:flex;align-items:center;gap:8px;padding:0 0 10px;min-width:0;background:transparent;border:0;border-bottom:2px solid #303C45;text-align:left;color:#8D9FAE;cursor:pointer}.direction-options>button.active{border-bottom-color:#C3A2E0;color:#E0E7EF}.direction-options>button:hover{color:#F0E6FC}.direction-options img{width:36px;height:43px;object-fit:cover;border-radius:3px;flex:none}.direction-options>button>span{display:flex;flex-direction:column;gap:5px;min-width:0}.direction-options b{font:8px InterUI,Arial;font-weight:400;color:#6C8091}.direction-options strong{font:10px/1.45 InterUI,Arial;font-weight:500;overflow-wrap:anywhere}.direction-options svg{width:12px;height:12px;flex:none;margin-left:auto}.direction-help{font:9px/1.6 InterUI,Arial;color:#5F7788;margin:12px 0 0;padding-bottom:3px}
@media(min-width:901px){body[data-page=image-studio] .workspace{height:calc(100dvh - 56px);padding:14px 22px}.tool-workspace .distinct-studio{height:100%;min-height:0}.tool-workspace[data-page=video-studio] .distinct-studio{height:calc(100dvh - 84px)}}
@media(max-width:1100px){.stories-hero h1{font-size:65px;letter-spacing:-3px}.stories-hero{gap:25px 40px}.customer-story-featured{grid-template-columns:150px minmax(0,1fr) 190px;padding:28px;gap:27px}.customer-story-featured .story-feedback h3{font-size:26px}.customer-story-featured .story-feedback>p{font-size:12px}.customer-story{grid-template-columns:190px minmax(0,1fr);gap:40px}.customer-story-featured{grid-template-columns:150px minmax(0,1fr) 190px;gap:27px}.tool-workspace .distinct-studio{grid-template-columns:300px minmax(0,1fr);gap:20px}.direction-caption{padding:22px 18px}.direction-caption>h3{font-size:23px}.direction-caption>p{font-size:11px}.direction-heading h2{font-size:23px}.direction-options{gap:9px}.direction-options img{width:30px;height:38px}.direction-options strong{font-size:9px}.direction-options svg{display:none}}
@media(max-width:900px){.customer-story-featured{grid-template-columns:160px minmax(0,1fr)}.story-campaign{grid-column:2;max-width:270px}.stories-hero{grid-template-columns:1fr}.stories-hero>div:last-child{max-width:450px}.story-index{grid-template-columns:1fr 1fr}.story-index a:nth-child(2){border-right:0}.story-index a:nth-child(3){padding-left:0;border-top:1px solid #302A36}.story-index a:nth-child(4){border-top:1px solid #302A36}.tool-workspace .distinct-studio{grid-template-columns:280px minmax(0,1fr);height:auto;min-height:calc(100dvh - 84px)}.tool-workspace .distinct-studio .creation-composer,.tool-workspace .distinct-studio .creation-content{height:auto;min-height:0}.tool-workspace .distinct-studio .composer-body{overflow:visible;flex:none}.direction-artboard{grid-template-columns:1fr;flex:none;height:auto}.direction-artboard>img{height:210px}.direction-caption{padding:18px}.direction-caption>h3{font-size:23px;margin:11px 0}.direction-caption>p{margin-bottom:16px}.direction-brand-mark{top:185px;bottom:auto}.direction-heading{margin-bottom:15px}.direction-options{grid-template-columns:1fr;gap:10px}.direction-options>button{padding-bottom:8px}.direction-options img{width:42px;height:35px}.direction-options>button>span{flex-direction:row;align-items:center;gap:9px}.direction-options strong{font-size:10px}.direction-board{padding-top:20px}}
@media(max-width:650px){.stories-hero{padding:45px 0 30px;gap:23px}.stories-hero h1{font-size:49px;letter-spacing:-2.4px}.stories-hero p{font-size:12px;line-height:1.9;margin-bottom:18px}.story-index{margin:5px 0 35px}.story-index a{font-size:10px;padding:15px 11px;gap:7px}.story-index a>span{font-size:8px}.story-index a>svg{width:11px}.customer-story{grid-template-columns:1fr;gap:28px;padding:32px 0}.customer-story-featured{padding:25px 22px;border-radius:9px;margin-bottom:8px}.story-identity{display:grid;grid-template-columns:52px minmax(0,1fr);gap:3px 13px}.story-number{grid-column:1/-1;font-size:9px;margin-bottom:12px}.story-identity>img{width:50px;height:50px;grid-row:2/span 2;margin:0}.story-identity h2{font-size:18px;margin:0;align-self:end}.story-identity>p{font-size:11px;align-self:start}.story-identity>p>span{display:inline;font-size:9px;margin-left:6px}.story-label{font-size:8px;margin-bottom:16px}.story-feedback h3,.customer-story-featured .story-feedback h3{font-size:27px;letter-spacing:-.7px;margin-bottom:19px}.story-feedback>p{font-size:13px;line-height:1.95}.customer-story-featured .story-feedback>p{font-size:12px;line-height:1.95}.story-campaign{grid-column:1;max-width:240px;margin:auto}.story-campaign figcaption{font-size:8px;line-height:1.8}.story-original{font-size:10px}.stories-cta{display:block;padding:45px 0}.stories-cta h2{font-size:36px;letter-spacing:-1.2px;margin:20px 0 26px}.customer-summary-grid{grid-template-columns:1fr;gap:15px}.customer-summary-card{padding:25px 23px}.customer-summary-brand{margin-bottom:24px}.customer-summary-card h3{font-size:24px}.customer-summary-card>p{font-size:12px}.customer-summary-brand>span{font-size:11px}.tool-workspace .distinct-studio{display:flex;flex-direction:column;gap:22px;height:auto;min-height:0}.tool-workspace .distinct-studio .creation-composer{order:0;height:auto;padding:15px;min-height:0}.tool-workspace .distinct-studio .creation-content{order:1;height:auto;min-height:0;overflow:visible}.tool-workspace .distinct-studio .composer-body{display:flex;gap:10px;overflow:visible}.tool-workspace .distinct-studio .composer-controls{display:grid;grid-template-columns:1fr 1fr}.tool-workspace .distinct-studio .custom-field[data-control-kind=model]{grid-column:1/-1}.tool-workspace .distinct-studio .video-reference{min-height:105px}.tool-workspace .distinct-studio .composer-prompt{min-height:0}.tool-workspace .distinct-studio .composer-prompt textarea{min-height:80px;font-size:12px}.tool-workspace .distinct-studio .creation-tabs{padding-bottom:13px}.direction-heading h2{font-size:22px}.direction-heading .eyebrow{font-size:8px}.direction-number{font-size:8px}.direction-artboard{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:270px}.direction-artboard>img{height:100%;min-height:270px}.direction-caption{padding:20px 16px}.direction-caption>span{font-size:7px}.direction-caption>h3{font-size:23px;letter-spacing:-.7px;margin:15px 0}.direction-caption>p{font-size:10px;line-height:1.8}.direction-caption>button{font-size:9px;padding:8px}.direction-caption>button svg{width:10px;height:10px}.direction-brand-mark{top:auto;bottom:13px;font-size:6px;left:11px;letter-spacing:.13em}.direction-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:16px}.direction-options>button{display:block;padding-bottom:10px}.direction-options img{height:52px;width:100%;margin-bottom:9px}.direction-options>button>span{flex-direction:column;align-items:start;gap:5px}.direction-options strong{font-size:9px;line-height:1.6}.direction-options svg{display:none}.direction-help{font-size:9px;margin-top:10px}}
.tool-workspace .distinct-studio .creation-composer{align-items:stretch}.tool-workspace .distinct-studio .composer-top{display:flex;width:100%;flex:none}.tool-workspace .distinct-studio .composer-body{width:100%}.tool-workspace .distinct-studio .composer-bottom{width:100%;align-self:stretch}
.tool-workspace .distinct-studio.video-creation .video-reference{min-height:95px;padding:14px 12px}.tool-workspace .distinct-studio.video-creation .composer-prompt textarea{min-height:70px;max-height:105px}.tool-workspace .distinct-studio.video-creation .composer-controls .select-trigger{min-height:50px}