/* AdSalad product views using real footage and case-specific details. */
.ui-window-top{display:flex;align-items:center;gap:10px;height:31px;padding:0 10px;border-bottom:1px solid #2b3641;background:#151b24;color:#c9d2dc;white-space:nowrap}
.ui-window-top strong{color:#f5f7f4;font-size:11px;letter-spacing:-.07em}
.ui-window-top strong span{color:var(--lime)}
.ui-window-top em{margin-left:auto;color:#a8bd84;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.1em}
.analysis-metrics small{display:block;color:#90a1af;font-size:7px;font-weight:800;letter-spacing:.1em}

.feature-visual.ui-host{height:auto;min-height:0;padding:0;border:1px solid #3b4a57;background:#0f151c;overflow:hidden}
.ui-window-top{height:38px;padding:0 13px;gap:11px}
.ui-window-top strong{font-size:14px}.ui-window-top small{color:#9cabba;font-size:8px;font-weight:800;letter-spacing:.12em}.ui-window-top em{font-size:8px}
.ui-dots{display:flex;gap:3px}.ui-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#6e7b89}.ui-dots i:first-child{background:#ff9b82}.ui-dots i:nth-child(2){background:#e6bd67}.ui-dots i:nth-child(3){background:#a9e600}
.ui-workspace{display:grid;grid-template-columns:48px minmax(0,1fr);min-height:395px}
.ui-side{display:flex;align-items:center;flex-direction:column;gap:17px;padding:13px 4px;border-right:1px solid #2b3946;background:#111a22;color:#8494a1;font-size:17px;line-height:1}.ui-side b{display:grid;place-items:center;width:28px;height:28px;margin-bottom:4px;border-radius:6px;background:var(--lime);color:#141b10;font-size:11px;letter-spacing:-.07em}.ui-side span{width:28px;padding:6px 0;border-radius:5px;text-align:center}.ui-side .selected{background:#2b4224;color:#d2f5ae}
.ui-main{min-width:0;padding:17px 19px 12px;background:radial-gradient(circle at 50% 0,#1e2a35,#111921 65%)}
.ui-title,.analysis-heading,.batch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ui-title small,.analysis-heading small,.batch-heading small,.closing-ui-body>small{color:#9aacb9;font-size:8px;font-weight:800;letter-spacing:.12em}.ui-title h3,.analysis-heading h3,.batch-heading h3{margin:3px 0 0;color:#f2f6f2;font-size:19px;line-height:1.2;letter-spacing:-.045em}
.ui-status,.analysis-heading>span,.batch-heading>span{flex:none;padding:5px 7px;border:1px solid #3b5940;border-radius:4px;background:#203424;color:#bfedaa;font-size:8px;font-weight:750;white-space:nowrap}
.ui-query{display:flex;align-items:center;gap:7px;height:36px;margin:14px 0 8px;padding:0 10px;border:1px solid #738f53;border-radius:6px;background:#1e2a32;box-shadow:0 0 0 2px #a9e60018;color:#d5e8c0}.ui-query>span{font-size:18px;line-height:1}.ui-query strong{font-size:10px;font-weight:600}.ui-query em{margin-left:auto;color:#869aa5;font-size:8px;font-style:normal;white-space:nowrap}
.ui-filterline{display:flex;gap:5px;margin-bottom:10px;white-space:nowrap}.ui-filterline b,.ui-filterline span{padding:4px 6px;border:1px solid #394653;border-radius:4px;color:#aebfca;font-size:8px;font-weight:700}.ui-filterline b{border-color:#5c8041;background:#283923;color:#d7edc8}
.ui-clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ui-clip{position:relative;min-width:0;overflow:hidden;border:1px solid #3f505f;border-radius:6px;background:#222c34}.ui-clip.selected{border-color:#a9e600;box-shadow:0 0 0 2px #a9e60020}.ui-clip img{width:100%;height:156px;object-fit:cover}.ui-clip>span{position:absolute;right:5px;top:128px;padding:2px 4px;border-radius:2px;background:#101820e6;color:#fff;font-size:7px}.ui-clip>div{padding:6px}.ui-clip b,.ui-clip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-clip b{font-size:9px}.ui-clip small{margin-top:2px;color:#a7b5bf;font-size:7px}
.ui-resultline{display:flex;justify-content:space-between;gap:6px;margin-top:9px;color:#9aaeb6;font-size:8px}.ui-resultline i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:var(--lime)}.ui-resultline b{color:#caec9b;white-space:nowrap}

.analysis-body{min-height:405px;padding:17px 19px 15px;background:radial-gradient(circle at 75% 0,#282238,#151821 64%)}
.analysis-heading>span{border-color:#5c4970;background:#30253f;color:#dbc0ef}
.analysis-layout{display:grid;grid-template-columns:133px minmax(0,1fr);gap:13px;margin-top:13px}
.analysis-ad{position:relative;overflow:hidden;height:219px;border:1px solid #5a6571;border-radius:6px;background:#222}.analysis-ad img{width:100%;height:100%;object-fit:cover}.analysis-ad>span{position:absolute;bottom:18px;left:7px;padding:3px 5px;border-radius:2px;background:#111a20db;color:#fff;font-size:8px}.analysis-progress{position:absolute;right:7px;bottom:7px;left:7px;height:3px;border-radius:3px;background:#ffffff80}.analysis-progress i{display:block;width:24%;height:100%;border-radius:3px;background:var(--lime)}
.analysis-notes{display:grid;gap:6px}.analysis-notes>div{padding:7px 9px;border:1px solid #493f53;border-radius:5px;background:#24212d}.analysis-notes small{display:block;color:#b9a0d5;font-size:8px;font-weight:800;letter-spacing:.1em}.analysis-notes b{display:block;margin:2px 0 1px;color:#f2f1f4;font-size:10px;line-height:1.2}.analysis-notes span{display:block;color:#9e9bac;font-size:8px}
.analysis-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:11px}.analysis-metrics>div{padding:7px 8px;border:1px solid #493f52;border-radius:5px;background:#25202e}.analysis-metrics b{display:block;margin-top:3px;color:#ede2fa;font-size:17px;line-height:1.1}

.concept-board.ui-batch{padding:0;overflow:hidden;border-color:#c7d1d2;background:#111820;box-shadow:0 20px 45px #23322b1e}.ui-batch .ui-window-top{border-color:#303f4b}.batch-body{padding:22px;background:#121a22}.batch-heading{margin-bottom:16px}.batch-heading h3{font-size:24px}.batch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.batch-card{display:grid;grid-template-columns:42% minmax(0,1fr);min-width:0;height:215px;overflow:hidden;border:1px solid #3b4a53;border-radius:7px;background:#202b34}.batch-preview{position:relative;min-width:0;overflow:hidden}.batch-preview img{width:100%;height:100%;object-fit:cover}.batch-preview span{position:absolute;bottom:7px;left:7px;padding:3px 5px;border-radius:3px;background:#101820d9;color:#fff;font-size:8px}.batch-card-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:13px 10px}.batch-card-copy small{color:#a4ca7f;font-size:8px;font-weight:800;letter-spacing:.1em}.batch-card-copy b{margin:10px 0 7px;color:#f3f5f2;font-size:16px;line-height:1.12;letter-spacing:-.045em}.batch-card-copy p{margin:0;color:#b5c0c6;font-size:10px;line-height:1.48}.batch-card-copy>span{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;margin-top:auto;padding-top:7px;border-top:1px solid #405242;color:#c7e9ad;font-size:8px;font-weight:800}.batch-card-copy i{font-size:13px;font-style:normal}

.closing-object.closing-ui{display:block;min-height:0;border:1px solid #3d5540;border-radius:12px;background:#111a20;box-shadow:0 30px 70px #0009,0 0 60px #a9e60018;overflow:hidden}.closing-ui-body{padding:26px;background:radial-gradient(circle at 100% 0,#2d4530,#111a20 65%)}.closing-ui-body h3{margin:6px 0 17px;font-size:24px;line-height:1.15;letter-spacing:-.05em}.closing-prompt{min-height:88px;padding:13px;border:1px solid #5b7255;border-radius:7px;background:#1b2826;color:#e7efe2;font-size:12px;line-height:1.5}.closing-attach{display:flex;align-items:center;gap:5px;margin-top:12px}.closing-attach img{width:30px;height:39px;object-fit:cover;border:1px solid #677d69;border-radius:3px}.closing-attach span{margin-left:6px;color:#b3c4b0;font-size:9px}.closing-ui-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:19px;color:#9ab19a;font-size:9px}.closing-ui-action b{padding:8px 10px;border-radius:5px;background:var(--lime);color:#17200b;font-size:10px;white-space:nowrap}

@media(max-width:1024px){.ui-main{padding:13px 12px 11px}.ui-clip img{height:130px}.ui-clip>span{top:103px}.ui-workspace{min-height:365px}.analysis-body{padding:14px 12px}.analysis-layout{grid-template-columns:110px minmax(0,1fr)}.analysis-ad{height:203px}.batch-card{height:210px}.batch-card-copy{padding:10px 8px}.batch-card-copy b{font-size:14px}}
@media(max-width:640px){
  .process-card{min-height:0}
  .feature-visual.ui-host{width:min(100%,440px);height:auto;margin-inline:auto}.ui-window-top{height:35px;padding:0 9px;gap:7px}.ui-window-top strong{font-size:12px}.ui-window-top small{font-size:7px}.ui-window-top em{font-size:7px}
  .ui-workspace{grid-template-columns:35px minmax(0,1fr);min-height:345px}.ui-side{gap:14px;padding:9px 2px;font-size:14px}.ui-side b,.ui-side span{width:24px}.ui-main{padding:12px 9px 9px}.ui-title h3{font-size:16px}.ui-status{font-size:7px;padding:4px}.ui-query{margin-top:10px;height:31px}.ui-query strong{font-size:9px}.ui-query em{display:none}.ui-filterline{overflow:hidden}.ui-filterline b,.ui-filterline span{font-size:7px;padding:3px 4px}.ui-clip-grid{gap:4px}.ui-clip img{height:116px}.ui-clip>span{top:91px;font-size:6px}.ui-clip>div{padding:4px}.ui-clip b{font-size:7px}.ui-clip small{font-size:6px}.ui-resultline{font-size:7px}.ui-resultline b{display:none}
  .analysis-body{min-height:0;padding:12px 10px}.analysis-heading h3{font-size:17px}.analysis-heading>span{font-size:7px}.analysis-layout{grid-template-columns:95px minmax(0,1fr);gap:7px;margin-top:10px}.analysis-ad{height:177px}.analysis-notes{gap:4px}.analysis-notes>div{padding:5px 6px}.analysis-notes small{font-size:6px}.analysis-notes b{font-size:8px}.analysis-notes span{font-size:7px}.analysis-metrics{gap:4px;margin-top:8px}.analysis-metrics>div{padding:5px 4px}.analysis-metrics small{font-size:6px}.analysis-metrics b{font-size:13px}
  .ui-batch .ui-window-top{height:35px}.batch-body{padding:13px}.batch-heading{margin-bottom:12px}.batch-heading h3{font-size:19px}.batch-heading>span{font-size:7px}.batch-grid{grid-template-columns:1fr;gap:8px}.batch-card{height:125px;grid-template-columns:36% minmax(0,1fr)}.batch-card-copy{padding:8px 10px}.batch-card-copy b{margin:4px 0;font-size:15px}.batch-card-copy p{font-size:9px}.batch-card-copy>span{font-size:8px}
  .closing-object.closing-ui{width:min(100%,440px);margin-inline:auto}.closing-ui-body{padding:17px}.closing-ui-body h3{font-size:21px}.closing-prompt{min-height:75px;font-size:11px}.closing-ui-action{margin-top:14px}
}
@media(max-width:360px){.ui-window-top em{font-size:6px}.ui-window-top small{font-size:6px}.ui-title h3{font-size:15px}.ui-status{display:none}.analysis-heading>span{display:none}.batch-heading>span{display:none}}