/* Isolated workflow test styling. Shared production assets remain untouched. */
:root{--ds-red:#dc2626}
.flow-hide{display:none!important}#StlSourceStatusBadge,#ToggleLampKitBtn,#LampKitCalloutBtn{display:none!important}.flow-test-label{font-size:9px;letter-spacing:1.4px;color:#fbbf24;font-weight:800;padding:0 2px 10px}.flow-tabs{display:flex;gap:8px;margin-bottom:14px}.flow-tabs a{flex:1;border:1px solid #334155;border-radius:10px;padding:10px;font-size:12px;color:#94a3b8;text-align:center;text-decoration:none}.flow-tabs a[aria-current=page]{background:#0c3448;border-color:#22d3ee;color:#a5f3fc;font-weight:bold}.flow-card{border:1px solid #26516b;border-radius:16px;background:linear-gradient(135deg,#0b2034,#0a1324);padding:18px;margin-bottom:16px}.flow-kicker{font-size:9px;letter-spacing:1.8px;color:#67e8f9;font-weight:800}.flow-card h2{font-size:21px;line-height:1.2;color:#f1f5f9;font-weight:850;margin:10px 0}.flow-card h3{font-size:16px;font-weight:bold;color:#e0f2fe;margin:9px 0}.flow-card p{font-size:12px;line-height:1.7;color:#a9c0d2;margin:9px 0}.flow-primary{display:block;background:#0ea5d4;border:1px solid #38bdf8;color:#04151e;font-weight:800;font-size:13px;padding:13px 11px;width:100%;border-radius:10px;margin-top:15px;cursor:pointer}.flow-primary:disabled{opacity:.6;cursor:wait}#FlowSaveStatus{font-size:11px;line-height:1.5;color:#6ee7b7;background:#02171288;padding:10px;border-radius:8px;margin:12px 0}.flow-error{color:#fecaca!important;background:#451a1a!important}.flow-summary{display:flex;gap:6px;flex-wrap:wrap}.flow-summary span{font-size:10px;max-width:100%;overflow-wrap:anywhere;white-space:pre-line;border:1px solid #334155;border-radius:6px;padding:5px 7px;color:#d3e9f7;background:#101e30}.flow-small-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.flow-small-actions button,.flow-small-actions a,.flow-accessory-teaser a{background:none;border:0;padding:0;color:#7dd3fc;font-size:11px;text-decoration:underline;cursor:pointer}.flow-storage{border-top:1px solid #284155;margin-top:14px;padding-top:12px}.flow-storage summary{font-size:10px;color:#91acbe;cursor:pointer}.flow-storage p{font-size:11px}.flow-check{display:flex;align-items:center;gap:10px;font-size:13px;margin:17px 0;color:#d9f7ff}.flow-check input{width:20px;height:20px;accent-color:#22d3ee}.flow-colors{border:0;margin:14px 0;padding:0;display:flex;gap:10px}.flow-colors legend{font-size:12px;color:#a3bbcd;margin-bottom:10px}.flow-colors button{display:flex;align-items:center;gap:8px;color:#dff1fc;background:#111f30;border:1px solid #475569;border-radius:9px;padding:9px 15px;font-size:12px;cursor:pointer}.flow-colors button[aria-pressed=true]{border-color:#fbbf24;background:#382b14}.flow-colors i{width:20px;height:20px;border:1px solid #94a3b8;border-radius:50%;display:block}.flow-views{display:flex;gap:8px}.flow-views button{padding:9px;border-radius:8px;background:#14324b;color:#bae6fd;font-size:11px;border:1px solid #2c526c;cursor:pointer}.flow-notice{background:#14263b;padding:10px;border-radius:8px;font-size:11px!important}.flow-download{display:block;color:#7dd3fc;font-size:12px;margin-top:14px}.flow-future{border:1px dashed #334155;padding:18px;border-radius:14px}.flow-future span{font-size:9px;letter-spacing:2px;color:#64748b}.flow-future h3{font-size:14px;color:#94a3b8;margin:9px 0}.flow-future p{font-size:11px;color:#64748b;line-height:1.6}body[data-flow=accessories] #FlowScroll>section,body[data-flow=accessories] #DesignerBottomPanel,body[data-flow=accessories] #Export3MFBtn{display:none!important}body[data-flow=accessories] #HeaderResetBtn{display:none}body[data-flow=main] .lamp-kit-callout{display:none!important}#FlowPanel button:focus-visible,#FlowPanel a:focus-visible{outline:2px solid #fbbf24;outline-offset:3px}
/* Supplement the existing offline utility bundle for the Eclipse layout. */
body[data-flow=accessories] #ToggleBaseFrameBtn{display:none!important}
body.flow-accessory-only #ToggleExplodeBtn,body.flow-accessory-only #ViewBowBtn,body.flow-accessory-only #ViewBottomNameBtn,body.flow-accessory-only #ViewBackHooksBtn,body.flow-accessory-only #ViewFrontBtn{display:none!important}
.bg-amber-400{background-color:#fbbf24}.bg-red-500{background-color:var(--ds-red)}.bg-sky-400{background-color:#38bdf8}
.flow-main-title{font-size:17px;font-weight:900;letter-spacing:.08em;color:#f1f5f9;justify-content:center;margin:0}
#FlowCartPanel{border-color:var(--ds-red)}#FlowCartPanel>summary{background:var(--ds-red);color:#fff;align-items:center;line-height:1.45}#FlowCartPanel>summary>span:first-child{min-width:0;flex:1}#FlowCartPanel>summary>span:first-child:before{color:#fff}#FlowCartPanel>summary #FlowCartCount{color:#fff;flex-shrink:0}#FlowCartPanel>summary:hover{background:var(--ds-red)}#FlowCartPanel>summary:focus-visible{outline:2px solid #fbbf24;outline-offset:-3px}
.flow-preview-toolbar{position:absolute;top:12px;left:12px;right:12px;z-index:25;display:flex;align-items:center;flex-wrap:wrap;gap:7px;width:fit-content;max-width:calc(100% - 24px);padding:7px;border:1px solid #31415b;border-radius:15px;background:#101c2eed;box-shadow:0 5px 20px #0003}
.flow-preview-toolbar button,.flow-preview-toolbar select{font:700 11px Arial,Helvetica,sans-serif;min-height:34px;padding:8px 10px;border:1px solid #3a506b;border-radius:10px;color:#cbd5e1;background:#1c2b40;cursor:pointer;white-space:nowrap}
.flow-preview-toolbar button:disabled,.flow-preview-toolbar select:disabled{opacity:.55;cursor:wait}.flow-preview-toolbar select{min-width:80px;padding-right:6px}#FlowBacklightToggle[aria-pressed=true]{background:#fbbf24;color:#0f172a;border-color:#fbbf24}#FlowBaseToggle[aria-pressed=true]{background:#103f48;color:#6ee7b7;border-color:#256877}.flow-preview-toolbar button:focus-visible,.flow-preview-toolbar select:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}
#FlowAccessoryOnlyToggle[aria-pressed=true]{background:#103f48;color:#6ee7b7;border-color:#256877}
@media(max-width:1023px){.flow-preview-toolbar select{font-size:12px!important}.flow-preview-toolbar{gap:6px;padding:6px}.flow-preview-toolbar button{padding:8px;font-size:11px}}
#Export3MFBtn{background:linear-gradient(100deg,var(--ds-red),#ff9300);color:#0f172a}
#FlowSaveStatus.flow-inline-status{background:none;padding:0 2px;margin:8px 0 6px;font-size:10px;color:#81b6af}
.flow-device-tools{margin:0 0 16px;font-size:10px;color:#91acbe}.flow-device-tools>summary{cursor:pointer;padding:4px 2px}.flow-device-tools>.flow-summary{margin-top:10px}
.flow-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.flow-palette label{min-width:0;display:block}.flow-palette label>span{font-size:10px;color:#a9bfd1;display:block;margin-bottom:5px;line-height:1.4}.flow-color-select{display:flex;align-items:center;gap:8px;background:#142135;border:1px solid #354c65;border-radius:9px;padding:3px 8px}.flow-color-select i{display:block;width:17px;height:17px;flex-shrink:0;border-radius:50%;border:1px solid #8195a4}.flow-color-select select{width:100%;min-width:0;border:0;background:#142135;color:#f1f5f9;padding:8px 0;font-size:12px;cursor:pointer}.flow-color-select select:focus-visible{outline:2px solid #38bdf8}
.flow-accessory-teaser .flow-kicker{font-size:12px;letter-spacing:1px}.flow-accessory-teaser{margin-top:14px}.flow-accessory-teaser .flow-primary{margin-top:12px}
.flow-accessory-label{display:block;font-size:12px;color:#b9d3e5;margin:16px 0 8px}.flow-accessory-select{width:100%;padding:12px;border:1px solid #38bdf8;border-radius:9px;background:#13263a;color:#f1f5f9;font-weight:700;font-size:14px}
#FlowAccessoryCard[hidden],#FlowComingSoon[hidden]{display:none!important}.flow-release{display:flex;align-items:center;gap:16px;padding:8px 0 18px;margin:0;border:0;background:none}.flow-release img{width:112px;height:112px;object-fit:contain;flex:0 0 112px}.flow-release p{margin:0;font-size:18px;line-height:1.5;color:#a5f3fc;font-weight:800}
.flow-cart{flex-shrink:0;margin:0 12px 8px;border:1px solid #256080;border-radius:13px;background:#0c1d30;overflow:hidden}.flow-cart>summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;padding:12px 14px;color:#e0f2fe;font-size:14px;font-weight:800;list-style:none}.flow-cart>summary::-webkit-details-marker{display:none}.flow-cart>summary>span:first-child:before{content:'▸ ';color:#67e8f9}.flow-cart[open]>summary>span:first-child:before{content:'▾ '}.flow-cart #FlowCartCount{color:#7dd3fc;font-size:12px;white-space:nowrap}.flow-cart-body{border-top:1px solid #25445d;padding:10px 14px 12px;max-height:260px;overflow-y:auto}.flow-cart-test{font-size:10px;color:#fbbf24;margin-bottom:9px}.flow-cart label{display:block;font-size:11px;color:#c4daea;margin-bottom:6px}.flow-cart select,.flow-cart input{width:100%;border:1px solid #334b64;border-radius:8px;background:#182a3d;color:#f1f5f9;padding:10px;font-size:12px}.flow-cart #FlowCartDescription{font-size:10px;color:#94b2c7;line-height:1.5;margin:7px 0 10px}.flow-cart-add{display:flex;align-items:flex-end;gap:9px}.flow-cart-add label{width:66px;flex-shrink:0;margin:0}.flow-cart-add input{margin-top:5px}.flow-cart-add button{background:#028abd;color:#fff;border:1px solid #1ab4e1;border-radius:8px;min-height:39px;flex:1;font-size:12px;font-weight:750;padding:8px;cursor:pointer}.flow-cart-add button:disabled{opacity:.5;cursor:default}.flow-cart #FlowCartStatus{font-size:10px;color:#6ee7b7;line-height:1.5;margin-top:7px}.flow-cart-list{font-size:11px;margin-top:8px;color:#8bd6f3}.flow-cart-list>summary{cursor:pointer}.flow-cart-list p{font-size:10px;color:#8aa6bb;line-height:1.5}.flow-cart-list #FlowCartItems>div{display:flex;gap:8px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #25445d}.flow-cart-list strong{font-size:11px;color:#dbeafe;display:block}.flow-cart-list small{font-size:10px;color:#91acbe;display:block;white-space:pre-line;overflow-wrap:anywhere;margin-top:4px}.flow-cart-list button{color:#fda4af;background:none;border:0;font-size:10px;cursor:pointer}.flow-cart-list #FlowCartTotal{margin-top:9px}
body[data-flow=accessories] #DesignerBottomPanel{display:block!important}body[data-flow=accessories] #DesignerBottomPanel>.ds-eclipse-downloads{display:none!important}.flow-accessory-downloads a{display:block;padding:11px;background:#13324c;border:1px solid #31516c;border-radius:8px;color:#7dd3fc;text-align:center;font-size:12px}.flow-no-download{display:none;font-size:11px;padding:10px;color:#91acbe}.flow-coming-soon .flow-accessory-downloads a{display:none}.flow-coming-soon .flow-no-download{display:block}
@media(max-width:1023px){.flow-cart-body{max-height:210px;max-height:30dvh}.flow-main-title{font-size:14px}.flow-palette select{font-size:14px!important}.flow-release img{width:96px;height:96px;flex-basis:96px}.flow-release p{font-size:16px}}
#ControlsPane{width:100%}#PreviewPane{min-height:0;position:relative}#FlowScroll{overflow-y:auto;-webkit-overflow-scrolling:touch}#ControlsPane input:not([type=range]):not([type=file]):not([type=checkbox]),#ControlsPane select,#ControlsPane textarea{max-width:100%}#ControlsPane .grid{display:grid}#ControlsPane .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-storage p{user-select:text}@media(min-width:1024px){#ControlsPane{width:445px!important}body[data-flow=accessories] #FlowScroll>section{display:none!important}}@media(min-width:1280px){#ControlsPane{width:475px!important}}@media(max-width:600px){.flow-card{padding:15px}.flow-card h2{font-size:19px}.flow-primary{min-height:46px}.flow-colors button{min-height:42px}}

/* Live commerce is mounted outside the scrolling design steps. */
#DSHeaderCart{display:none!important}body[data-flow=accessories] #DesignerBottomPanel>.ds-eclipse-downloads,body[data-flow=accessories] #DesignerBottomPanel>#Export3MFBtn{display:none!important}