.model-change-illustration{--model-change-ease:cubic-bezier(.22, 1, .36, 1);isolation:isolate;aspect-ratio:16/9;width:100%;color:hsl(var(--foreground));background-color:color-mix(in srgb, hsl(var(--primary)) 4%, hsl(var(--background)));background-image:radial-gradient(circle at 14% 18%, color-mix(in srgb, hsl(var(--primary)) 13%, transparent), transparent 34%), radial-gradient(circle at 86% 78%, color-mix(in srgb, hsl(var(--success)) 8%, transparent), transparent 32%);position:relative;overflow:hidden}.model-change-illustration__scene{position:absolute;inset:0;overflow:hidden}.model-change-illustration__grid{opacity:.46;background-image:linear-gradient(color-mix(in srgb, hsl(var(--primary)) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, hsl(var(--primary)) 8%, transparent) 1px, transparent 1px);background-size:clamp(24px,3.8vw,42px) clamp(24px,3.8vw,42px);position:absolute;inset:0;mask-image:radial-gradient(76% 72%,#000 18%,#0000 82%)}.model-change-illustration__eyebrow{color:hsl(var(--primary));letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:clamp(5px,.7vw,8px);font-size:clamp(8px,.78vw,11px);font-weight:650;display:flex;position:absolute;top:7.5%;left:5.5%}.model-change-illustration__eyebrow svg{stroke-width:1.8px;width:clamp(11px,1.1vw,15px);height:clamp(11px,1.1vw,15px)}.model-change-illustration__rail{z-index:0;border-radius:999px;height:2px;position:absolute;top:52%;left:30%;right:29%}.model-change-illustration__rail-track,.model-change-illustration__rail-progress{border-radius:inherit;position:absolute;inset:0}.model-change-illustration__rail-track{background:color-mix(in srgb, hsl(var(--foreground)) 14%, transparent)}.model-change-illustration__rail-progress{transform-origin:0;background:hsl(var(--primary));box-shadow:0 0 16px color-mix(in srgb, hsl(var(--primary)) 35%, transparent);transition:transform .78s var(--model-change-ease);overflow:visible;transform:scaleX(0)}.model-change-illustration__rail-progress:after{border:2px solid hsl(var(--background));background:hsl(var(--primary));width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, hsl(var(--primary)) 12%, transparent);content:"";border-radius:999px;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.model-change-illustration__panel{z-index:2;border:1px solid color-mix(in srgb, hsl(var(--primary)) 14%, hsl(var(--border)));background:color-mix(in srgb, hsl(var(--card)) 96%, hsl(var(--primary)) 4%);width:31%;min-height:58%;box-shadow:0 18px 52px color-mix(in srgb, hsl(var(--foreground)) 9%, transparent), inset 0 1px 0 color-mix(in srgb, hsl(var(--background)) 75%, transparent);border-radius:clamp(12px,1.45vw,18px);flex-direction:column;gap:clamp(7px,1vw,12px);padding:clamp(9px,1.25vw,16px);display:flex;position:absolute}.model-change-illustration__panel--source{top:23%;left:5.5%}.model-change-illustration__panel--destination{transition:border-color .5s var(--model-change-ease), box-shadow .5s var(--model-change-ease), transform .5s var(--model-change-ease);top:18%;right:5.5%;transform:translate(10px)scale(.985)}.model-change-illustration__panel-header,.model-change-illustration__progress-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.model-change-illustration__panel-header>span:first-child,.model-change-illustration__progress-row>span{color:hsl(var(--muted-foreground));letter-spacing:.045em;text-transform:uppercase;font-size:clamp(7px,.7vw,10px);font-weight:600}.model-change-illustration__status{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:clamp(3px,.42vw,5px);min-height:clamp(17px,1.7vw,22px);padding:0 clamp(5px,.65vw,8px);font-size:clamp(7px,.66vw,9px);font-weight:650;display:inline-flex}.model-change-illustration__status svg{stroke-width:2px;width:clamp(8px,.8vw,11px);height:clamp(8px,.8vw,11px)}.model-change-illustration__status--warning{border-color:color-mix(in srgb, hsl(var(--warning-border)) 44%, transparent);color:hsl(var(--warning-foreground));background:hsl(var(--warning-background));visibility:hidden;transition:transform .42s var(--model-change-ease);transform:translateY(-5px)}.model-change-illustration__status--success{border-color:color-mix(in srgb, hsl(var(--success-border)) 38%, transparent);color:hsl(var(--success-foreground));background:hsl(var(--success-background));visibility:hidden;transition:transform .42s var(--model-change-ease);transform:translateY(-5px)}.model-change-illustration__model-row{border:1px solid color-mix(in srgb, hsl(var(--primary)) 10%, hsl(var(--border)));background:color-mix(in srgb, hsl(var(--muted)) 56%, hsl(var(--card)));border-radius:clamp(8px,.95vw,12px);align-items:center;gap:clamp(7px,.9vw,11px);min-height:clamp(39px,4.4vw,54px);padding:clamp(6px,.75vw,9px);display:flex}.model-change-illustration__model-row>div:last-child,.model-change-illustration__notice>div,.model-change-illustration__audit-row>div{flex-direction:column;gap:2px;min-width:0;display:flex}.model-change-illustration__model-row strong,.model-change-illustration__notice strong,.model-change-illustration__audit-row strong,.model-change-illustration__progress-row strong{color:hsl(var(--foreground));text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,.88vw,12px);font-weight:650;line-height:1.15;overflow:hidden}.model-change-illustration__model-row span,.model-change-illustration__notice span,.model-change-illustration__audit-row span{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,.68vw,9px);line-height:1.2;overflow:hidden}.model-change-illustration__model-icon{border:1px solid color-mix(in srgb, hsl(var(--primary)) 18%, hsl(var(--border)));width:clamp(25px,2.8vw,34px);height:clamp(25px,2.8vw,34px);color:hsl(var(--primary));background:color-mix(in srgb, hsl(var(--primary)) 9%, hsl(var(--card)));border-radius:clamp(7px,.8vw,10px);flex:none;place-items:center;display:grid}.model-change-illustration__model-icon svg{stroke-width:1.8px;width:52%;height:52%}.model-change-illustration__model-icon--target{opacity:.55;transition:opacity .48s var(--model-change-ease), transform .52s var(--model-change-ease);transform:rotate(-5deg)scale(.92)}.model-change-illustration__notice,.model-change-illustration__audit-row{border:1px solid #0000;border-radius:clamp(8px,.95vw,12px);align-items:center;gap:clamp(7px,.9vw,11px);min-height:clamp(36px,4vw,48px);padding:clamp(6px,.75vw,9px);display:flex}.model-change-illustration__notice{border-color:color-mix(in srgb, hsl(var(--warning-border)) 20%, hsl(var(--border)));color:hsl(var(--warning-foreground));background:color-mix(in srgb, hsl(var(--warning-background)) 68%, hsl(var(--card)));visibility:hidden;transition:border-color .42s var(--model-change-ease), transform .44s var(--model-change-ease);transform:translateY(5px)}.model-change-illustration__notice>svg,.model-change-illustration__audit-row>svg{stroke-width:1.8px;flex:none;width:clamp(14px,1.45vw,19px);height:clamp(14px,1.45vw,19px)}.model-change-illustration__audit-row{border-color:color-mix(in srgb, hsl(var(--success-border)) 16%, hsl(var(--border)));color:hsl(var(--success-foreground));background:color-mix(in srgb, hsl(var(--success-background)) 66%, hsl(var(--card)));visibility:hidden;transition:border-color .42s var(--model-change-ease), transform .46s var(--model-change-ease);transform:translateY(6px)}.model-change-illustration__agents{z-index:3;flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(5px,.72vw,9px);width:21.5%;min-height:49%;display:flex;position:absolute;top:27%;left:39.25%}.model-change-illustration__agents-label{border:1px solid color-mix(in srgb, hsl(var(--warning-border)) 24%, hsl(var(--border)));color:hsl(var(--warning-foreground));background:color-mix(in srgb, hsl(var(--warning-background)) 72%, hsl(var(--card)));visibility:hidden;transition:transform .44s var(--model-change-ease);white-space:nowrap;border-radius:999px;align-self:center;padding:clamp(3px,.42vw,5px) clamp(6px,.8vw,10px);font-size:clamp(7px,.68vw,9px);font-weight:650;transform:translateY(-5px)scale(.96)}.model-change-illustration__agent-list{gap:clamp(4px,.55vw,7px);display:grid}.model-change-illustration__agent{border:1px solid color-mix(in srgb, hsl(var(--primary)) 9%, hsl(var(--border)));min-height:clamp(28px,3.1vw,39px);color:hsl(var(--muted-foreground));background:color-mix(in srgb, hsl(var(--card)) 94%, hsl(var(--muted)));box-shadow:0 9px 24px color-mix(in srgb, hsl(var(--foreground)) 5%, transparent);transition:border-color .42s var(--model-change-ease), color .42s var(--model-change-ease), background-color .42s var(--model-change-ease), box-shadow .42s var(--model-change-ease), transform .46s var(--model-change-ease);border-radius:clamp(8px,.9vw,11px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(4px,.55vw,7px);padding:0 clamp(6px,.75vw,9px);display:grid;transform:translate(-6px)scale(.97)}.model-change-illustration__agent>svg:first-child{stroke-width:1.8px;width:clamp(11px,1.05vw,14px);height:clamp(11px,1.05vw,14px)}.model-change-illustration__agent>svg:last-child{width:clamp(9px,.9vw,12px);height:clamp(9px,.9vw,12px);color:hsl(var(--success));opacity:0;transition:opacity .3s var(--model-change-ease), transform .36s var(--model-change-ease);transform:scale(.5)rotate(-12deg)}.model-change-illustration__agent span{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,.7vw,10px);font-weight:600;overflow:hidden}.model-change-illustration__flow-label{color:hsl(var(--primary));visibility:hidden;transition:transform .4s var(--model-change-ease);align-self:center;align-items:center;gap:clamp(4px,.5vw,6px);font-size:clamp(7px,.68vw,9px);font-weight:650;display:flex;transform:translateY(5px)}.model-change-illustration__flow-label svg{stroke-width:1.9px;width:clamp(9px,.9vw,12px);height:clamp(9px,.9vw,12px)}.model-change-illustration__flow-complete{display:none}.model-change-illustration__progress-row{margin-top:auto}.model-change-illustration__progress-row strong{color:hsl(var(--muted-foreground));transition:color .36s var(--model-change-ease);flex:none;font-size:clamp(7px,.76vw,10px)}.model-change-illustration__progress-track{background:color-mix(in srgb, hsl(var(--primary)) 10%, hsl(var(--muted)));border-radius:999px;height:clamp(4px,.48vw,6px);overflow:hidden}.model-change-illustration__progress-track span{border-radius:inherit;background:hsl(var(--primary));transform-origin:0;width:100%;height:100%;transition:transform 1.2s var(--model-change-ease);display:block;transform:scaleX(0)}.model-change-illustration[data-warning=true] .model-change-illustration__status--warning,.model-change-illustration[data-warning=true] .model-change-illustration__notice{visibility:visible;transform:translate(0,0)}.model-change-illustration[data-warning=true] .model-change-illustration__notice{border-color:color-mix(in srgb, hsl(var(--warning-border)) 36%, hsl(var(--border)))}.model-change-illustration[data-impact=true] .model-change-illustration__agents-label{visibility:visible;transform:translate(0,0)scale(1)}.model-change-illustration[data-impact=true] .model-change-illustration__agent{border-color:color-mix(in srgb, hsl(var(--warning-border)) 25%, hsl(var(--border)));color:hsl(var(--foreground));background:color-mix(in srgb, hsl(var(--warning-background)) 36%, hsl(var(--card)));transition-delay:calc(var(--agent-index) * 80ms);transform:translate(0,0)scale(1)}.model-change-illustration[data-impact=true] .model-change-illustration__rail-progress{transform:scaleX(.38)}.model-change-illustration[data-replacement=true] .model-change-illustration__panel--destination{border-color:color-mix(in srgb, hsl(var(--primary)) 30%, hsl(var(--border)));box-shadow:0 20px 56px color-mix(in srgb, hsl(var(--primary)) 12%, transparent), inset 0 1px 0 color-mix(in srgb, hsl(var(--background)) 75%, transparent);transform:translate(0,0)scale(1)}.model-change-illustration[data-replacement=true] .model-change-illustration__model-icon--target{opacity:1;transform:rotate(0)scale(1)}.model-change-illustration[data-replacement=true] .model-change-illustration__flow-label{visibility:visible;transform:translate(0,0)}.model-change-illustration[data-replacement=true] .model-change-illustration__rail-progress{transform:scaleX(.68)}.model-change-illustration[data-migrating=true] .model-change-illustration__rail-progress{transform:scaleX(.86)}.model-change-illustration[data-migrating=true] .model-change-illustration__progress-track span{transform:scaleX(.78)}.model-change-illustration[data-migrating=true] .model-change-illustration__agent{border-color:color-mix(in srgb, hsl(var(--primary)) 32%, hsl(var(--border)));color:hsl(var(--primary));background:color-mix(in srgb, hsl(var(--primary)) 10%, hsl(var(--card)));box-shadow:0 10px 28px color-mix(in srgb, hsl(var(--primary)) 10%, transparent)}.model-change-illustration[data-complete=true] .model-change-illustration__rail-progress,.model-change-illustration[data-complete=true] .model-change-illustration__progress-track span{transform:scaleX(1)}.model-change-illustration[data-complete=true] .model-change-illustration__agent{border-color:color-mix(in srgb, hsl(var(--success-border)) 30%, hsl(var(--border)));color:hsl(var(--success-foreground));background:color-mix(in srgb, hsl(var(--success-background)) 50%, hsl(var(--card)));box-shadow:0 10px 28px color-mix(in srgb, hsl(var(--success)) 8%, transparent)}.model-change-illustration[data-complete=true] .model-change-illustration__agent>svg:last-child,.model-change-illustration[data-complete=true] .model-change-illustration__status--success{opacity:1;transform:translate(0,0)scale(1)rotate(0)}.model-change-illustration[data-complete=true] .model-change-illustration__status--success,.model-change-illustration[data-complete=true] .model-change-illustration__audit-row{visibility:visible}.model-change-illustration[data-complete=true] .model-change-illustration__progress-row strong{color:hsl(var(--success-foreground))}.model-change-illustration[data-complete=true] .model-change-illustration__flow-action{display:none}.model-change-illustration[data-complete=true] .model-change-illustration__flow-complete{display:inline}@media (width<=640px){.model-change-illustration__eyebrow{top:6%;left:4%}.model-change-illustration__panel{border-radius:10px;gap:5px;width:34%;min-height:61%;padding:7px}.model-change-illustration__panel--source{top:21%;left:3.5%}.model-change-illustration__panel--destination{top:17%;right:3.5%}.model-change-illustration__agents{gap:4px;width:21.5%;min-height:51%;top:27%;left:39.25%}.model-change-illustration__panel-header>span:first-child,.model-change-illustration__model-row span,.model-change-illustration__audit-row span{display:none}.model-change-illustration__status{min-height:15px;padding:0 4px}.model-change-illustration__model-row{min-height:31px;padding:4px}.model-change-illustration__model-icon{width:22px;height:22px}.model-change-illustration__notice,.model-change-illustration__audit-row{gap:5px;min-height:29px;padding:4px}.model-change-illustration__notice>svg,.model-change-illustration__audit-row>svg{width:10px;height:10px}.model-change-illustration__notice strong{font-size:6.5px}.model-change-illustration__agent{grid-template-columns:auto auto;justify-content:space-between;min-height:24px;padding:0 5px}.model-change-illustration__agent span,.model-change-illustration__progress-row>span{display:none}}@media (prefers-reduced-motion:reduce){.model-change-illustration *,.model-change-illustration :before,.model-change-illustration :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}