/* Final chrome layer: one Electric Green identity. Customer iframe/branding stays scoped separately. */
#journey,#developer-host{--studio-green:#80ffab;--studio-green-bright:#55f69a;--studio-green-soft:#baffd1;--studio-surface:#0c1713;--studio-line:#80ffab26;--studio-muted:#99b3a5;accent-color:var(--studio-green)}
#journey .instant-options button,#journey .instant-modules button,#journey .j-connection-picker button,#journey .entry-fleet-picks button{background:linear-gradient(135deg,#142a20,#0c1c16);border-color:#80ffab30;color:#c9e8d7;box-shadow:inset 0 1px #d9ffe809;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
#journey .instant-options button:hover,#journey .instant-modules button:hover,#journey .j-connection-picker button:hover,#journey .entry-fleet-picks button:hover{background:linear-gradient(135deg,#1b3b2c,#10281d);border-color:#80ffab88}
#journey .instant-options button[aria-pressed=true],#journey .instant-modules button[aria-pressed=true],#journey .j-connection-picker button[aria-pressed=true],#journey .entry-fleet-picks button[aria-pressed=true]{background:linear-gradient(135deg,#153d2a,#103022);border-color:var(--studio-green);color:#d9ffe7;box-shadow:inset 0 0 0 1px #80ffab24,0 0 24px #55f69a10}
#journey .instant-options button[aria-pressed=true] strong,#journey .j-connection-picker button[aria-pressed=true] strong{color:var(--studio-green-soft)}
#journey .instant-options strong,#journey .j-connection-picker strong{color:#f0fff5}
#journey .instant-options span,#journey .j-connection-picker span{color:#a0bdac}
#journey .j-connection-picker button b{color:var(--studio-green);background:#55f69a13;border-color:#80ffab33}
#journey .j-connection-picker button em{color:#9dccae}
#journey .j-connection-picker button[aria-pressed=true] em{color:var(--studio-green)}
#journey .j-primary{background:linear-gradient(120deg,var(--studio-green),var(--studio-green-bright));border-color:#9dffbd;color:#07321c;box-shadow:0 6px 24px #55f69a19,inset 0 1px #d9ffe8}
#journey .j-primary:hover:not(:disabled){background:linear-gradient(120deg,#a1ffc1,#74ffac);border-color:#c0ffd7}
#journey .j-main h1 span,#journey .j-rail h2>span,#journey .j-overline,#journey .j-step-top>span:first-child,#journey .j-review-modules svg,#journey .j-feedback svg,#journey .j-build-log .done>b,#journey .j-build-log .running>b{color:var(--studio-green)}
#journey .j-track .filled,#journey .entry-step-dots i.done,#journey .j-mode i.connected{background:var(--studio-green);box-shadow:0 0 12px #55f69a20}
#journey .j-feedback{border-color:var(--studio-green);background:linear-gradient(90deg,#55f69a0c,transparent);color:#b4d8c4}
#journey .j-advisor-card,#journey .j-build-stage{background:linear-gradient(135deg,#10291d,#0b1812);border-color:#80ffab30;box-shadow:0 15px 50px #0002}
#journey .j-scan{background:linear-gradient(transparent 43%,#55f69a55 50%,transparent 57%)}
#journey .j-main :is(textarea,input:not([type=color]):not([type=file]),select){border-color:#80ffab30;background:#091a12;color:#edfff4}
#journey .j-main :is(textarea,input:not([type=color]):not([type=file]),select):focus{outline:2px solid #80ffab80;outline-offset:2px;border-color:var(--studio-green);box-shadow:none}
#journey .j-theme-options button.active{background:#143c28;border-color:var(--studio-green);color:var(--studio-green-soft)}
#journey .j-main button:focus-visible,#journey .j-rail button:focus-visible,#developer-host button:focus-visible,#developer-host a:focus-visible{outline:2px solid var(--studio-green);outline-offset:3px}
/* Only two working columns; no centered maximum-width wrapper or outer padding. */
body.developer-open{overflow:hidden}
#developer-host{display:grid;grid-template-rows:32px minmax(0,1fr);padding:0;inset:0;overflow:hidden;background:#080f0c}
#developer-mount{width:100%;max-width:none;height:100%;margin:0;min-width:0}
#developer-mount>.dev-studio.dev-chat-layout{width:100%;height:100%;min-height:0;max-width:none;display:flex;flex-direction:column;border:0;border-radius:0;background:#0b1510;--dev-line:#80ffab22;--dev-muted:#96b0a2;--dev-surface:#112319}
#developer-host .dev-chat-layout .dev-sidebar{display:none}
#developer-host .dev-chat-layout .dev-header{box-sizing:border-box;flex:0 0 64px;height:64px;min-height:64px;padding:10px 22px;gap:16px;flex-direction:row;background:#0b1610;border-color:var(--studio-line)}
#developer-host .dev-header h2{font-size:16px;margin:4px 0 0;letter-spacing:-.4px;color:#f0fff5}
#developer-host .dev-eyebrow{color:#91d7ad;font-size:8px;letter-spacing:1.4px}
#developer-host .dev-header .dev-state{margin-right:0;color:var(--studio-green);border-color:#80ffab30;background:#80ffab08;font-size:10px;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;max-width:300px}
#close-developer{position:static;justify-self:start;align-self:center;z-index:94;display:inline-flex;align-items:center;height:26px;min-height:26px;margin:0 10px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#96b3a2;font-size:10px;text-decoration:none;white-space:nowrap}
#developer-host .dev-header>div:first-child{min-width:0}
#developer-host .dev-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#developer-host .dev-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
#developer-host .dev-header-actions button{border:1px solid #80ffab30;border-radius:8px;background:#152b1e;color:#c8ead5;padding:8px 11px;font-size:11px;white-space:nowrap}
#developer-host .dev-header-actions button:hover{border-color:#80ffab80;color:var(--studio-green)}
#developer-host .dev-result>.dev-direction-preview{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;background:#0b1710}
#developer-host .dev-direction-preview-head,#developer-host .dev-direction-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#developer-host .dev-direction-preview-footer{padding-top:18px}
#developer-host .dev-direction-preview :is(button,a):focus-visible{outline:2px solid var(--studio-green);outline-offset:3px}

#close-developer:hover{color:var(--studio-green);border-color:#80ffab66;background:#1a3224}
#developer-host .dev-chat-layout .dev-grid{display:grid;grid-template-columns:clamp(380px,29vw,440px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:auto;flex:1;min-height:0;width:100%;overflow:hidden;gap:0}
#developer-host .dev-chat-layout[data-view=wide] .dev-grid{grid-template-columns:320px minmax(0,1fr)}
#developer-host .dev-chat-layout .dev-conversation{height:100%;min-height:0;min-width:0;overflow:hidden;border-right:1px solid var(--studio-line);border-bottom:0;background:radial-gradient(ellipse at 0 0,#55f69a08,transparent 65%),#0d1912}
#developer-host .dev-chat-layout .dev-conversation-head{flex-shrink:0;padding:16px 20px;border-color:#80ffab16}
#developer-host .dev-conversation-head strong{color:#e8faee;font-size:13px}
#developer-host .dev-conversation-head span{color:#8faf9c}
#developer-host .dev-chat-layout .dev-messages{min-height:80px;max-height:none;flex:1 1 0;overflow:auto;padding:20px 18px;gap:13px;scrollbar-color:#315d43 transparent}
#developer-host .dev-chat-layout .dev-message{margin-bottom:12px}
#developer-host .dev-chat-layout .dev-message p,#developer-host .dev-chat-layout .dev-prose p{font-size:13px;line-height:1.75;color:#d3e6dc}
#developer-host .dev-chat-layout .dev-message small{color:#80d8a4}
#developer-host .dev-chat-layout .dev-message.from-user{background:#183926;border:1px solid #80ffab22;border-radius:15px 15px 4px 15px;padding:13px 15px;margin-left:28px}
#developer-host .dev-chat-layout .dev-message.from-assistant{background:linear-gradient(135deg,#d4ffe704,#55f69a03);padding:15px 16px;border-radius:15px}
#developer-host .dev-chat-layout .dev-compose-wrap{flex-shrink:0;padding:12px 14px 10px;background:linear-gradient(transparent,#0d1912 18%)}
#developer-host .dev-chat-layout .dev-composer{background:#13261b;border:1px solid #80ffab30;border-radius:16px;padding:13px 14px 11px;box-shadow:0 6px 25px #0002}
#developer-host .dev-chat-layout .dev-composer:focus-within{border-color:#80ffab88;box-shadow:0 0 0 3px #55f69a08}
#developer-host .dev-chat-layout .dev-composer textarea{min-height:68px;max-height:180px;font-size:14px;color:#ebfff2;resize:vertical}
#developer-host .dev-chat-layout .dev-send,#developer-host .dev-primary{background:linear-gradient(130deg,var(--studio-green),var(--studio-green-bright));border-color:#9dffbd;color:#08321c}
#developer-host .dev-input-note{color:#7a9c88;font-size:9px}
#developer-host .dev-input-hint{max-width:190px;color:#92b4a0}
#developer-host .dev-audio-level i,#developer-host .dev-working-note>span{background:var(--studio-green)}
#developer-host .dev-secondary,#developer-host .dev-suggestions button{background:#14291d;border-color:#80ffab28;color:#c9e7d5}
#developer-host .dev-suggestions button:hover{border-color:#80ffab80;background:#1b3828}
#developer-host .dev-orbit{color:var(--studio-green);border-color:#80ffab35;background:radial-gradient(circle,#55f69a20,transparent);box-shadow:0 0 65px #55f69a09}
#developer-host .dev-next-step{background:linear-gradient(125deg,#55f69a13,#80ffab04)}
#developer-host .dev-tool summary i,#developer-host .dev-event.done i{color:var(--studio-green)}
#developer-host .dev-account-strip{flex-shrink:0;border-color:#80ffab22;background:#55f69a08;color:#bbe9cb;padding:12px 16px}
#developer-host .dev-account-strip button{color:var(--studio-green)}
#developer-host .dev-chat-layout .dev-result{grid-column:auto;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#09130d;border:0}
#developer-host .dev-chat-layout .dev-result-toolbar{flex-shrink:0;min-height:54px;padding:10px 16px;gap:9px;border-color:var(--studio-line);background:#0e1c13}
#developer-host .dev-result-toolbar select,#developer-host .dev-view-tools button{background:#15291d;border-color:#80ffab26;color:#cdebd9;max-width:200px}
#developer-host .dev-view-tools button{min-height:32px;padding:7px 10px}
#developer-host .dev-view-tools button[aria-pressed=true]{background:var(--studio-green);color:#07321c;border-color:var(--studio-green)}
#developer-host .dev-tabs{background:#08130c;border-color:#80ffab26}
#developer-host .dev-tabs button[aria-selected=true]{background:#21422d;color:#dcffe8}
#developer-host .dev-chat-layout .dev-version-meta{flex-shrink:0;padding:11px 16px;min-height:0;gap:6px;flex-direction:row;align-items:center}
#developer-host .dev-version-meta h3{font-size:13px;color:#d5eddf;margin:5px 0 0}
#developer-host .dev-chat-layout .dev-preview{display:block;flex:1 1 0;min-height:0;height:0;width:calc(100% - 16px);margin:0 8px 8px;border:1px solid #80ffab26;border-radius:10px;background:#f6faf8}
#developer-host .dev-chat-layout .dev-empty{flex:1;min-height:0;margin:0 8px 8px;border-color:#80ffab25;color:#8cab99}
#developer-host .dev-empty>span{color:var(--studio-green)}
#developer-host .dev-chat-layout .dev-changes{flex:1;min-height:0;overflow:auto}
#developer-host .dev-checks .passed{background:#143221;border-color:#80ffab30;color:#adf6c5}
#developer-host .dev-chat-layout[data-view=full] .dev-result{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}
#developer-host .dev-chat-layout[data-view=full] .dev-preview{flex:1 1 0;min-height:0;height:0;width:calc(100% - 16px)}
/* Logistics motion: recolor only illustration accents, keep glass, shadows and parcels natural. */
#developer-host .dev-logistics{--log-accent:var(--studio-green);--log-bright:var(--studio-green-bright);--log-metal-light:#d7f9e5;--log-metal-shade:#629779;inset:112px 8px 8px;border-color:#80ffab35;background:radial-gradient(ellipse at 50% 20%,#17603beb,transparent 68%),#091b13f7;box-shadow:0 16px 65px #0004;padding:35px 22px}
#developer-host .logistics-eyebrow{color:var(--studio-green)}
#developer-host .dev-logistics h3{color:#effff4;font-size:clamp(27px,3vw,42px);letter-spacing:-1.3px}
#developer-host .dev-logistics p{color:#a9cdb8;max-width:440px}
#developer-host .logistics-status{color:#c7f6d7}
#developer-host .logistics-dismiss{color:#a7e9bf;border-radius:7px;padding:7px 9px}
#developer-host .logistics-track{background:#80ffab20}
#developer-host .logistics-track i{background:linear-gradient(90deg,transparent,var(--studio-green),transparent)}
#developer-host .logistics-scene #log-cab stop:first-child{stop-color:var(--log-accent)}
#developer-host .logistics-scene #log-cab stop:last-child{stop-color:#26b971}
#developer-host .logistics-scene #log-metal stop:first-child{stop-color:var(--log-metal-light)}
#developer-host .logistics-scene #log-metal stop:last-child{stop-color:var(--log-metal-shade)}
#developer-host .logistics-scene #log-floor stop:first-child{stop-color:#214a34}
#developer-host .logistics-scene [fill='#c4ee93'],#developer-host .logistics-scene [fill='#a8ca79'],#developer-host .logistics-scene [fill='#d0eaa5'],#developer-host .logistics-scene [fill='#cfff9b']{fill:var(--log-accent)}
#developer-host .logistics-scene [fill='#779756'],#developer-host .logistics-scene [fill='#66884d'],#developer-host .logistics-scene [fill='#75916a']{fill:#3c8b61}
#developer-host .logistics-scene [fill='#d3e6bc']{fill:var(--log-metal-light)}
#developer-host .logistics-scene [stroke='#d0ec8a'],#developer-host .logistics-scene [stroke='#cfff9b'],#developer-host .logistics-scene [stroke='#dcffb7']{stroke:var(--log-accent)}
#developer-host .logistics-scene [fill='#8ad15c']{fill:var(--log-bright)}
@media(min-width:1800px){#developer-host .dev-chat-layout .dev-grid{grid-template-columns:440px minmax(0,1fr)}}
@media(max-width:1100px) and (min-width:761px){#developer-host .dev-chat-layout .dev-grid{grid-template-columns:360px minmax(0,1fr)}#developer-host .dev-result-toolbar{align-content:flex-start}#developer-host .dev-header .dev-state{max-width:240px}}
@media(max-width:760px){
 #developer-host{grid-template-rows:32px auto;overflow-y:auto;overflow-x:hidden}#developer-mount{height:auto;min-height:100dvh}
 #developer-mount>.dev-studio.dev-chat-layout{height:auto;min-height:100dvh;overflow:visible}
 #developer-host .dev-chat-layout .dev-header{height:auto;min-height:96px;flex-basis:auto;align-items:stretch;flex-direction:column;padding:12px 14px;gap:10px}
 #developer-host .dev-header h2{font-size:14px;max-width:100%}
 #developer-host .dev-header .dev-state{position:static;margin:0;padding:5px 7px;font-size:8px;max-width:150px;white-space:normal}
 #developer-host .dev-header-actions{justify-content:space-between;gap:6px}#developer-host .dev-header-actions button{font-size:10px;padding:7px 8px}
 #close-developer{position:static;max-width:none;font-size:10px;padding:0 7px}

 #developer-host .dev-chat-layout .dev-grid,#developer-host .dev-chat-layout[data-view=wide] .dev-grid{display:flex;flex-direction:column;height:auto;overflow:visible;flex:none}
 #developer-host .dev-chat-layout .dev-conversation{height:calc(100dvh - 128px);min-height:530px;border-right:0;border-bottom:1px solid var(--studio-line)}
 #developer-host .dev-chat-layout .dev-messages{padding:18px 14px}#developer-host .dev-chat-layout .dev-conversation-head{padding:14px 16px}
 #developer-host .dev-chat-layout .dev-composer textarea{font-size:16px;min-height:65px}#developer-host .dev-input-hint{max-width:210px}
 #developer-host .dev-chat-layout .dev-result{height:85dvh;min-height:620px;flex:none}
 #developer-host .dev-chat-layout .dev-result-toolbar{padding:10px;gap:8px}#developer-host .dev-result-toolbar select{max-width:155px}#developer-host .dev-view-tools button{min-height:36px}
 #developer-host .dev-chat-layout[data-view=full] .dev-result{height:100dvh;min-height:0}
 #developer-host .dev-logistics{inset:145px 8px 8px;padding:40px 17px 24px}#developer-host .logistics-scene svg{max-height:190px}
 #journey .instant-options button,#journey .instant-modules button,#journey .entry-fleet-picks button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){#journey .instant-options button,#journey .instant-modules button,#journey .j-connection-picker button,#journey .entry-fleet-picks button{transition:none}#developer-host .log-truck,#developer-host .log-forklift,#developer-host .log-pallet,#developer-host .log-beacon,#developer-host .logistics-track i{animation:none}}
body.developer-open #toast,body.onboarding #toast{background:#c5ffda;color:#0b3420;border-color:#80ffab70;box-shadow:0 10px 35px #0003}
/* One authoritative pane width for drag, wide mode and viewport resizing. */
#developer-host .dev-chat-layout .dev-grid,#developer-host .dev-chat-layout[data-view=wide] .dev-grid{grid-template-columns:var(--studio-chat-width,clamp(380px,29vw,440px)) 10px minmax(0,1fr)}
#developer-host .dev-splitter{position:relative;display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none;user-select:none;background:#0b1912;outline-offset:-2px;z-index:3}
#developer-host .dev-splitter:before{content:'';position:absolute;inset:0 4px;background:#80ffab25;transition:background .15s}
#developer-host .dev-splitter span{position:relative;width:4px;height:36px;border-radius:8px;background:#80ffab60;box-shadow:0 0 0 3px #0b1912}
#developer-host .dev-splitter:hover:before,#developer-host .dev-splitter:focus-visible:before,#developer-host .dev-resizing .dev-splitter:before{background:#80ffab}
#developer-host .dev-resizing,#developer-host .dev-resizing *{cursor:col-resize!important;user-select:none!important}
#developer-host .dev-resizing .dev-preview{pointer-events:none}
#developer-host .dev-chat-layout[data-view=full] .dev-splitter{display:none}
@media(max-width:760px){#developer-host .dev-splitter{display:none}}