.guideEntry{width:40px;min-width:40px;height:40px;border:1px solid #cbded7;border-radius:50%;background:#fff;color:#087b65;font-size:22px;font-weight:700;cursor:pointer}.guideEntry:hover{background:#e5f3ed}.guideDialog{width:min(480px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #d0ded8;border-radius:14px;padding:24px;color:#183e34;box-shadow:0 20px 65px #183e3433}.guideDialog::backdrop{background:#12332b66}.guideHead{display:flex;align-items:center;justify-content:space-between;gap:16px}.guideHead h2{font-size:22px;margin:0}.guideDialog p{line-height:1.7;margin:16px 0}.guideActions{display:grid;gap:12px}.guideFooter{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.guideFooter>div{display:flex;gap:8px}.guideCount{color:#60756c;margin-top:12px;font-size:14px}.guideTarget{outline:3px solid #23b68f!important;outline-offset:4px}.tourDialog{margin:auto 32px 32px auto}.guideDialog form{display:grid;gap:10px;margin-top:18px}.guideDialog label{font-weight:600}.guideDialog select,.guideDialog textarea{width:100%;min-height:44px}.guideDialog .guideMeta{font-size:13px;margin:0;color:#60756c}@media(max-width:600px){.tourDialog{margin:auto auto 16px}.guideDialog{padding:20px}.guideEntry{width:36px;min-width:36px;height:36px}}
/* Keep document defaults and accessory choices in one compact reading group. */
.configStep .customStage .multioptions{row-gap:14px;align-content:start}.configStep .customStage .multioptions>strong{margin-top:12px!important;margin-bottom:0!important;padding-top:0!important}.configStep .customStage .customDefault{margin-top:4px!important;margin-bottom:0!important}.configStep .documentPackage{margin-bottom:16px!important}.configStep .customStage{margin-top:12px!important}.configStep .customStage .multioptions>label{padding-top:4px!important;padding-bottom:4px!important;min-height:0!important}
.configFooter{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding-top:18px!important}.configFooter>span,.configFooter>small{max-width:100%;text-align:center}.configFooter>div{display:flex;justify-content:center;gap:12px}.configFooter button{min-width:110px}
/* Hidden document choices must not leave empty grid rows in default/neutral packages. */
.configStep .customStage .multioptions>[hidden]{display:none!important}
.workspaceMode .configStep .documentPackage{padding-bottom:0;margin-bottom:8px!important}
.workspaceMode .configStep .customStage{margin-top:0!important}
.workspaceMode .configStep .customStage .multioptions>strong:not([hidden]){margin-top:0!important;padding-top:0!important}
/* Project review: up to three products, followed by the next add slot. */
#draftProductSummary:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin:18px 0 24px}
#draftProductSummary .draftProductRow{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:18px;min-width:0;padding:20px;border:1px solid #d6e3dc;border-radius:10px;background:#fff}
#draftProductSummary .draftProductRow b{display:block;font-size:17px;line-height:1.5;color:#183e34}
#draftProductSummary .draftProductRow p{font-size:13px;line-height:1.7;margin:10px 0 8px;overflow-wrap:anywhere}
#draftProductSummary .draftProductRow code{display:block;font-family:inherit;font-weight:600;color:#356457}
#draftProductSummary .draftProductRow small{font-size:12px;line-height:1.6;color:#60756c}
#draftProductSummary .draftProductRow>div:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
#draftProductSummary .draftProductRow .btn.primary{min-height:40px;padding:8px 14px;font-size:14px}
#draftProductSummary #addProduct{align-self:stretch;min-height:190px;width:100%;margin:0;padding:22px;border:1px dashed #9bbfb1;border-radius:10px;background:#f8fcfa;color:#087b65;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}
#draftProductSummary #addProduct:hover{background:#eaf6f0;border-color:#087b65}
.deliveryRequirements{margin-top:12px!important;padding:20px!important}
.deliveryRequirements>summary{font-size:17px;font-weight:600}
.deliveryRequirements>.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,280px));justify-content:start;gap:16px 20px;align-items:start;margin-top:18px}
.deliveryRequirements .field{min-width:0;margin:0}
.deliveryRequirements .field>label{min-height:24px;display:flex;align-items:center;margin:0 0 6px!important;font-size:14px}
.deliveryRequirements .field input,.deliveryRequirements .field select{width:100%;min-height:42px;margin:0}
.deliveryRequirements .field.full{grid-column:1/-1;max-width:880px}
.deliveryRequirements .field textarea{min-height:82px}
@media(max-width:1120px){#draftProductSummary:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}.deliveryRequirements>.formgrid{grid-template-columns:repeat(2,minmax(0,280px))}}
@media(max-width:650px){#draftProductSummary:not([hidden]){grid-template-columns:1fr;gap:12px}#draftProductSummary #addProduct{min-height:90px}.deliveryRequirements>.formgrid{grid-template-columns:1fr}.deliveryRequirements{padding:16px!important}}
#draftProductSummary .draftProductRow{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-content:start}
.productCardImage{margin:0;min-width:0;border-radius:8px;background:#eef5f1;padding:8px;align-self:start;text-align:center;overflow:hidden}
.productCardImage img{display:block;object-fit:contain;width:100%;height:130px}
.productCardImage svg{display:block;width:100%;height:130px}
.productCardImage figcaption{font-size:10px;line-height:1.4;color:#526b61;margin-top:6px}
#draftProductSummary .draftProductRow>div:last-child{grid-column:1/-1;margin-top:4px}
.projectProductWithImage>.productCardImage{float:left;width:130px;margin:0 20px 16px 0}
.projectProductWithImage:after{content:'';display:block;clear:both}
@media(min-width:1550px){#draftProductSummary .draftProductRow{grid-template-columns:112px minmax(0,1fr)}}
@media(max-width:650px){#draftProductSummary .draftProductRow{grid-template-columns:88px minmax(0,1fr)}}
#draftProductSummary .draftProductRow>.productCardImage{grid-column:1;grid-row:1/3}
#draftProductSummary .draftProductRow>div:first-of-type{grid-column:2;grid-row:1}
#draftProductSummary .draftProductRow>div:last-child{grid-column:2;grid-row:2;margin-top:0;align-self:start;gap:8px}
/* Preserve the original text/action group; add only the image column on its left. */
#draftProductSummary .draftProductRow{grid-template-columns:88px minmax(0,1fr);column-gap:16px;row-gap:14px}
#draftProductSummary .draftProductRow>.productCardImage{grid-column:1;grid-row:1/3}
#draftProductSummary .draftProductRow>div:first-of-type{grid-column:2;grid-row:1}
#draftProductSummary .draftProductRow>div:last-child{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin:0}
#draftProductSummary .draftProductRow .textAction{padding:0;min-height:32px}
/* Transparent product renders retain the existing dark stage. */
.deviceStage{font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif}
.deviceStage .liveModel code,.workspaceMode .deviceStage .liveModel code{font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif!important;font-size:23px!important;font-weight:650;letter-spacing:.01em;line-height:1.4;font-variant-numeric:lining-nums tabular-nums;overflow-wrap:anywhere}
.deviceStage .liveModel>span{font-size:13px!important;line-height:1.5;color:#a6becb}
.deviceStage .liveModel small{font-size:12px!important;line-height:1.6;color:#a0cfbf}
.deviceStage h3{font-size:17px!important;font-weight:600!important;line-height:1.4}
.deviceStage h3>span{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:36px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.deviceStage .liveSpecs span{font-size:12px!important;line-height:1.5}
.deviceStage>img.deviceRender{display:block;width:100%;height:310px;object-fit:contain;background:transparent}
@media(max-width:650px){.workspaceMode .deviceStage .liveModel code{font-size:19px!important}.deviceStage>img.deviceRender{height:160px}}
.customerOwnership,.engineerRecommendation{display:block;margin-top:6px;font-size:12px;line-height:1.6;color:#526b61}.engineerRecommendation .detailLink{font-size:12px;padding:0;min-height:28px}
/* A persistent companion, leaving business controls usable. */
.guideDialog{color:#202124;border-color:#e6e6e8;border-radius:16px;max-width:480px}.guideDialog::backdrop{background:#11182755}.guideHead h2{font-size:21px;font-weight:600;line-height:1.35}.guideDialog .guideMeta{color:#62666e}.guideMode{display:grid;gap:10px;margin:24px 0 16px}.guideTarget{outline:2px solid #087b65!important;outline-offset:4px;scroll-margin:120px}.guidedFlow{position:fixed;inset:auto 22px 22px auto;z-index:2147483000;width:min(350px,calc(100vw - 32px));padding:20px;background:#fff;color:#22252a;border-radius:14px;box-shadow:0 12px 48px #18232b26;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.65;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}.guidedFlow header{display:flex;align-items:center;justify-content:space-between;gap:16px}.guidedFlow header strong{font-size:14px;font-weight:600}.guidedFlow .guideIconClose{border:0;background:transparent;color:#555;width:32px;height:32px;font-size:24px;cursor:pointer}.guidedFlow h2{font-size:21px!important;font-weight:600;line-height:1.4;margin:16px 0 8px!important}.guidedFlow p{margin:8px 0 14px!important;font-size:14px!important;line-height:1.7!important}.guidedFlow .guideFlowMeta{color:#62666e;font-size:12px;margin-top:10px}.guidedFlow .guideFlowProject{font-size:12px!important;padding-block:10px;border-block:1px solid #ececef;overflow-wrap:anywhere}.guidedFlow .guideFlowStatus{color:#555b62;font-size:12px!important;margin-bottom:18px!important}.guidedFlow footer{display:flex;justify-content:space-between;gap:10px;padding:0;border:0;background:none}.guidedFlow button:focus-visible{outline:3px solid #245da8;outline-offset:3px}.guideFlowPaused{box-shadow:0 8px 28px #18232b1a}.guideFlowPaused .guideFlowStatus{color:#62666e}@media(max-width:650px){.guidedFlow{inset:auto 12px 12px;width:calc(100vw - 24px);padding:16px;max-height:43dvh}.guidedFlow h2{font-size:18px!important}.guidedFlow p{font-size:13px!important;margin:6px 0 10px!important}.guideFlowProject{display:none}}@media(prefers-reduced-motion:reduce){.guideTarget,.guidedFlow{scroll-behavior:auto;transition:none!important;animation:none!important}}
.guidedFlow>header{position:static!important;min-height:0!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.guidedFlow>footer{position:static!important;min-height:0!important;margin:0!important}

.guideTarget{outline:3px solid #087b65!important;outline-offset:5px;position:relative;z-index:2}.guideTarget:after{content:"";position:absolute;inset:-9px;border:1px solid #087b65;border-radius:inherit;pointer-events:none;animation:guideTargetArrival .65s ease-out 1}@keyframes guideTargetArrival{from{transform:scale(1.12);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.guideTarget:after{animation:none}}

.guidedFlow>footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.guidedFlow [data-exittour]{grid-column:1;justify-self:start;border:0;background:transparent;color:#62666e;padding-inline:0}.guidedFlow [data-advance]{grid-column:2;justify-self:center}