/* Stage Black — screen-only presentation. Document print styles remain independent. */
@media screen {
.sg-site,.sg-calculator{--sg-bg:#111315;--sg-panel:#1b1e22;--sg-raised:#24282d;--sg-line:#373c43;--sg-text:#f0f1f3;--sg-muted:#adb4bd;--sg-accent:#f3b24d;--sg-control-bg:#14171b;--sg-control-line:#454c55;--sg-accent-text:#191714;--sg-check-size:18px;--ink:#f3b24d;--green:#f3b24d;background:var(--sg-bg);color:var(--sg-text);font-family:'Segoe UI','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased;color-scheme:dark}
.sg-site ::selection,.sg-calculator ::selection{background:#f3b24d;color:#17191c}
.sg-site :is(a,button,input,select,summary):focus-visible,.sg-calculator :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--sg-accent);outline-offset:3px}
.sg-site .preview-strip{background:#191c20;color:#c5b69b;border-bottom:1px solid var(--sg-line);font-size:12px;padding:9px 5%}
.sg-site header{background:var(--sg-bg);min-height:88px;border-bottom:1px solid #272b30}
.sg-site .brand{font-size:20px;letter-spacing:-.5px}.sg-site .brand small{color:var(--sg-muted);font-size:10px;letter-spacing:2px}
.sg-site nav{font-size:14px}.sg-site nav a:hover,.sg-site nav [aria-current],.sg-site .nav-toggle:hover{color:var(--sg-accent)}
.sg-site .nav-toggle{color:var(--sg-muted)}.sg-site .submenu{background:var(--sg-panel);border-color:var(--sg-line);box-shadow:0 16px 40px #0006}.sg-site .submenu a:hover{background:var(--sg-raised)}
.sg-site .login{background:#202429;border-color:var(--sg-line);color:var(--sg-text);min-height:40px}.sg-site .login span{color:var(--sg-muted)}
.sg-site .brand-hero{margin:22px 2% 0;background:#17191c;border:1px solid var(--sg-line);border-radius:6px;min-height:570px}
.sg-site .brand-hero:after{background:linear-gradient(90deg,#111315f2 0%,#111315b0 42%,#11131512 85%)}
.sg-site .hero-overlay{width:72%;padding:64px 5%}.sg-site .hero-overlay h1{font-size:clamp(36px,4.5vw,64px);line-height:1.23;letter-spacing:-2.5px;font-weight:700}
.sg-site .eyebrow,.sg-site .hero-overlay .eyebrow,.sg-site .service-card.dark .eyebrow{color:var(--sg-accent);font-size:11px;letter-spacing:2px;font-weight:600}
.sg-site .hero-overlay>p:not(.eyebrow){color:#ced2d8;font-size:16px}.sg-site .concept-caption{background:#111315b8;color:#c3c8cf}
.sg-site .primary,.sg-site .mint{background:var(--sg-accent);border:1px solid var(--sg-accent);color:#191714;border-radius:5px;min-height:44px;padding:13px 20px;font-size:14px;font-weight:700;gap:20px}
.sg-site .primary:hover,.sg-site .mint:hover{background:#ffc877;border-color:#ffc877}
.sg-site .outline-light{background:#1b1e2280;border-color:#71767d;font-size:14px;min-height:44px}.sg-site .outline-light:hover{background:#30343a;border-color:var(--sg-accent)}
.sg-site .service-strip{color:var(--sg-muted);border-color:var(--sg-line);font-size:13px;padding:24px 0}
.sg-site .content-section{padding-top:72px;padding-bottom:72px}.sg-site .soft{background:#171a1e;border-top:1px solid #292e34;border-bottom:1px solid #292e34}
.sg-site h2{font-size:clamp(25px,2.5vw,36px);letter-spacing:-1px}.sg-site h3{font-weight:600}
.sg-site :is(.section-heading>p,.feature-card p,.cta-band p,.page-heading>p:last-child,.tool-main>p,.tool-features p,.muted,.guide-content p,.faq-section details p,.update-row p,.service-card p,.service-card.dark p){color:var(--sg-muted)}
.sg-site .service-card,.sg-site .service-card.dark{background:var(--sg-panel);border:1px solid var(--sg-line);color:var(--sg-text);padding:36px;border-radius:6px}
.sg-site .service-card:hover{background:#21252a;border-color:#94703b}.sg-site .service-card h3{font-size:28px}.sg-site .card-link{color:var(--sg-accent);font-size:13px}.sg-site .feature-card{border-color:var(--sg-line)}.sg-site .number{color:var(--sg-accent)}
.sg-site .page-heading h1{font-size:clamp(32px,4vw,52px);letter-spacing:-1.8px}.sg-site .page-heading{padding-top:64px}
.sg-site .tool-card,.sg-site .account-panel,.sg-site .business-card{background:var(--sg-panel);border-color:var(--sg-line);border-radius:6px}
.sg-site .tool-features{background:#181b1f;border-color:var(--sg-line)}.sg-site .tool-features article{border-color:var(--sg-line)}.sg-site .tool-features article>span{color:var(--sg-accent)}
.sg-site .pill,.sg-site .category-row .available{background:#352b1c;border-color:#816235;color:#f3c67f}
.sg-site .category-row span,.sg-site .flow span{background:var(--sg-panel);color:var(--sg-muted);border-color:var(--sg-line)}.sg-site .flow b{color:var(--sg-accent)}
.sg-site .guide-nav a{border-color:var(--sg-line);color:var(--sg-muted)}.sg-site .guide-nav a:hover{background:var(--sg-panel);border-color:var(--sg-accent);color:var(--sg-text)}
.sg-site :is(.guide-content section,.faq-section details,.update-row,footer,#businessForm,#quoteList,#businessList,.quote-row){border-color:var(--sg-line)}
.sg-site .product-shot{background:var(--sg-panel);border:1px solid var(--sg-line)}.sg-site .product-shot span{color:var(--sg-muted)}
.sg-site footer{color:var(--sg-muted);padding-top:32px;padding-bottom:32px}.sg-site .text-link{color:var(--sg-text);border-color:#737980}
.sg-site dialog{background:var(--sg-panel);color:var(--sg-text);border-color:var(--sg-line);box-shadow:0 24px 80px #0008}.sg-site dialog::backdrop{background:#0009}.sg-site dialog p:not(.eyebrow){color:var(--sg-muted)}.sg-site .close{color:var(--sg-muted)}
.sg-site .account-notice,.sg-site #accountMessage{background:#25251f;border-color:#5e513a;color:#e0c99f}.sg-site .account-tabs a{border-color:var(--sg-accent)}
.sg-site .account-fields label,.sg-site .business-card p,.sg-site .quote-row p{color:var(--sg-muted)}.sg-site .account-fields input{background:#131619;border-color:#4c535c;color:var(--sg-text)}
.sg-site .account-actions button:not(.primary),.sg-site .account-actions a,.sg-site .account-fields button{background:var(--sg-raised);border-color:var(--sg-line);color:var(--sg-text)}
.sg-site button:disabled{opacity:.45}.sg-site input[type=checkbox]{accent-color:var(--sg-accent)}
/* Workspace scope excludes quote paper, canvas renderer and all layout rules. */
.sg-calculator .app-header{background:#171a1e;color:var(--sg-text);border-bottom:1px solid var(--sg-line)}
.sg-calculator .brand-lockup b,.sg-calculator .brand-lockup b span{color:var(--sg-text)}.sg-calculator .brand-lockup small,.sg-calculator .app-header span{color:var(--sg-muted)}
.sg-calculator .brand-icon{background:var(--sg-accent);color:#17191c!important;border-radius:5px}.sg-calculator .version-tag{background:#252a30;border-color:var(--sg-line);color:var(--sg-muted)}
.sg-calculator .app-header .headtools button{background:#252a30;border-color:var(--sg-line);color:var(--sg-text);border-radius:5px}
.sg-calculator .app-header .headtools #makeQuote.primary{background:var(--sg-accent);color:#17191c;border-color:var(--sg-accent)}
.sg-calculator .app-header .headtools #openMaterials.primary,.sg-calculator .app-header .headtools #back.primary{background:#30363e;color:var(--sg-text);border-color:#535d69}
.sg-calculator #workspace{--blue:#f3b24d;--line:#373c43;color:var(--sg-text);background:var(--sg-bg)}
.sg-calculator #workspace :is(.workspace-tools,.command-ribbon,.structure-panel,.viewbottom,.ui-fold,.fold-body,.inspector-section,.item-section,.section,.selection-card,.accessory-panel){background:var(--sg-panel);border-color:var(--sg-line);color:var(--sg-text)}
.sg-calculator #workspace :is(.viewtop,.footer,.inspector-heading,.material-header){background:#202429;border-color:var(--sg-line);color:var(--sg-text)}
.sg-calculator #workspace :is(button,input,select,textarea){background:#252a30;border-color:#454c55;color:var(--sg-text);border-radius:4px}
.sg-calculator #workspace :is(input,select,textarea){background:#14171b;color-scheme:dark}
.sg-calculator #workspace :is(button:hover,button:focus-visible){border-color:var(--sg-accent);color:var(--sg-accent);background:#303237}
.sg-calculator #workspace :is(button.primary,button.active){background:var(--sg-accent);color:#191714;border-color:var(--sg-accent);font-weight:600}
.sg-calculator #workspace button:disabled{background:#24282d;border-color:#373c43;color:#747c86;opacity:.7}
.sg-calculator #workspace :is(label,.small,.field-caption,.dimension-summary,.fold-summary,.item-quantity,.series-actual-v42,.overview-help,.preview-caption){color:var(--sg-muted)}
.sg-calculator #workspace :is(h2,h3,.settings-title,.item-name,.overview-name,.viewport-title){color:var(--sg-text)}
.sg-calculator #workspace :is(.item,.notice,.buildbar,.material-summary){background:#24282d;border-color:var(--sg-line);color:var(--sg-text)}
.sg-calculator #workspace .item.active{background:#352b1e;border-color:#b58743;color:#ffcc80}
.sg-calculator #workspace :is(.item-index,.count-pill,.badge){color:#f6bf6b;background:#352c20}
.sg-calculator #workspace :is(.metric,.status-price strong){color:var(--sg-accent)}
.sg-calculator #workspace .danger-button{color:#f7a59e;border-color:#70443e}.sg-calculator #workspace input[type=checkbox]{accent-color:var(--sg-accent)}
.sg-calculator .footer{background:#171a1e;color:var(--sg-text);border-color:var(--sg-line)}.sg-calculator .footer .small{color:var(--sg-muted)}
.sg-calculator :is(#helpDialog,#storageChoice){background:var(--sg-panel);border:1px solid var(--sg-line);color:var(--sg-text);box-shadow:0 24px 80px #0008}
.sg-calculator :is(#helpDialog,#storageChoice)::backdrop{background:#0009}
.sg-calculator :is(#helpDialog,#storageChoice) :is(button,input,select){background:var(--sg-raised);color:var(--sg-text);border-color:var(--sg-line)}
.sg-calculator :is(#helpDialog,#storageChoice) :is(p,.small){color:var(--sg-muted)}
.sg-calculator #toast{background:#29271f;color:#ffcf88;border:1px solid #8f6d36}
.sg-calculator .paper{color-scheme:light;color:#162c43;--line:#dbe3eb}
.sg-calculator #quote>.row{color:var(--sg-text)}
@media(max-width:700px){.sg-site header{gap:12px;padding:18px 5%}.sg-site .brand{font-size:17px}.sg-site .brand-hero{margin:0;border-left:0;border-right:0;border-radius:0;min-height:510px}.sg-site .hero-overlay{width:100%;padding:65px 6%}.sg-site .hero-overlay h1{font-size:39px}.sg-site .brand-hero:after{background:linear-gradient(0deg,#111315f5,#11131560)}.sg-site .content-section{padding-top:48px;padding-bottom:48px}.sg-site .service-card{padding:26px}.sg-site .preview-strip span{font-size:11px}.sg-site .tool-main{padding:26px}}
}
@media screen {
/* Legacy controls have ID-specific palettes; constrain overrides to the workspace. */
.sg-calculator #workspace :is(#viewName,#currentTool,.status-left b,.status-left strong){color:var(--sg-text)}
.sg-calculator #workspace .status-left{color:var(--sg-muted)}
.sg-calculator #workspace :is(.material-view-switch,.projection-switch-v27,.view-presets,.vertical-add-v33) button,.sg-calculator #workspace #addAbove{background:#252a30!important;color:var(--sg-text)!important;border-color:#454c55!important}
.sg-calculator #workspace button[aria-pressed=true],.sg-calculator #workspace .view-presets button.active{background:#44341e!important;color:#ffd08b!important;border-color:#bc8c46!important}
.sg-calculator #workspace :is(#savePngV30,#saveGlbV30){background:#252a30;color:var(--sg-text);border-color:#454c55}
.sg-calculator #workspace .item-index{color:#f6bf6b}
.sg-site header nav{align-items:center}
}
@media screen {
.sg-calculator #workspace #rotationSettings{background:var(--sg-panel);border-color:var(--sg-line)}
.sg-calculator #workspace #rotationSettings :is(#pivotLabel,#rotateStatus){color:var(--sg-muted)}
.sg-calculator #currentWorkName{display:block!important;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8bb8e;font-size:11px;margin-top:3px}
.sg-calculator #quote{padding-bottom:48px}
.sg-calculator #quote :is(.noprint,.q-help){color:var(--sg-text)}
.sg-calculator #quote :is(.section.noprint,#quoteOutputSettings,#supplierPicker){background:var(--sg-panel)!important;border:1px solid var(--sg-line)!important;border-radius:6px}
.sg-calculator #quote .noprint :is(label,.small),.sg-calculator #supplierStatus{color:var(--sg-muted)}
.sg-calculator #quote .noprint :is(input,select,button),.sg-calculator #supplierPicker :is(select,button){background:#24282d;color:var(--sg-text);border-color:#454c55}
.sg-calculator #quote .noprint button.primary{background:var(--sg-accent);color:#191714;border-color:var(--sg-accent)}
.sg-calculator #quote .noprint .notice{background:#29271f;color:#e8cb9e}
.sg-calculator #materialsDialog{background:var(--sg-panel);color:var(--sg-text);border:1px solid var(--sg-line);border-radius:8px;box-shadow:0 24px 80px #0009}
.sg-calculator #materialsDialog::backdrop{background:#090b0ed0}
.sg-calculator #materialsDialog :is(.material-header,.material-body,.material-report,.material-summary,.material-help,.material-actions){background:var(--sg-panel);color:var(--sg-text);border-color:var(--sg-line)}
.sg-calculator #materialsDialog :is(h2,h3,strong){color:var(--sg-text)}
.sg-calculator #materialsDialog :is(label,p,.small,.manual-heading){color:var(--sg-muted)}
.sg-calculator #materialsDialog :is(input,select,button){background:var(--sg-control-bg);color:var(--sg-text);border-color:var(--sg-control-line);border-radius:4px}
.sg-calculator #materialsDialog button.primary{background:var(--sg-accent);border-color:var(--sg-accent);color:var(--sg-accent-text);font-weight:600}
.sg-calculator #materialsDialog :is(th,td){border-color:var(--sg-line);color:var(--sg-text);background:transparent}
.sg-calculator #materialsDialog th{background:#282d33;color:#c9b38e;font-size:12px}
.sg-calculator #materialsDialog tbody tr:nth-child(even){background:#202429}
.sg-calculator #materialsDialog input[type=checkbox]{accent-color:var(--sg-accent)}
.sg-calculator #materialsDialog .material-summary{background:#30291f;border-color:#695334}
.sg-calculator #materialsDialog #materialTotal{color:var(--sg-accent)}
.sg-calculator #quote .paper{box-shadow:0 16px 56px #0004;border:1px solid #d8d7d2;border-top:4px solid #b88b43;border-radius:3px;padding:40px;color:#24282d}
}
/* Customer-facing quotation: restrained graphite, warm ivory, fine amber rule. */
.sg-calculator #quote .paper .quote-heading{border-bottom:1px solid #c8c8c4;padding-bottom:20px;align-items:flex-start}
.sg-calculator #quote .paper .quote-heading h1{font-size:30px;letter-spacing:6px;color:#22262b;font-weight:700}
.sg-calculator #quote .paper .eyebrow{color:#896c3b;letter-spacing:2px;font-size:10px}
.sg-calculator #quote .paper .quote-brand{font-size:22px;color:#30343a}
.sg-calculator #quote .paper .party-card{border-color:#d1d1cc}
.sg-calculator #quote .paper .party-card h3{background:#f2f1ed;color:#44463e;border-color:#d1d1cc;font-weight:600}
.sg-calculator #quote .paper .grand{background:#f5f2eb;border-color:#d8ccba;border-left:4px solid #ac8344;color:#26292d}
.sg-calculator #quote .paper .grand strong{font-size:29px;font-variant-numeric:tabular-nums}
.sg-calculator #quote .paper .estimate-table th{background:#30343a;color:#fff}
.sg-calculator #quote .paper .estimate-table tbody tr:nth-child(even){background:#f7f7f4}
.sg-calculator #quote .paper .estimate-table td{border-color:#deded9}
.sg-calculator #quote .paper .estimate-table tfoot th{background:#edeae3;color:#2e3238;border-top-color:#ac8344}
.sg-calculator #quote .paper figcaption{background:#f2f1ed;color:#44463e}
@media print {
.sg-calculator #quote .paper .quote-heading{padding-bottom:12px}
.sg-calculator #quote .paper .quote-heading h1{font-size:26px}
.sg-calculator #quote .paper .grand strong{font-size:24px}
.sg-calculator #quote .paper .estimate-table th{background:#edeae3!important;color:#272b30!important}
}
@media screen {
.sg-calculator #quote,.sg-calculator #quote .quote-preview{background:#14171b}
.sg-calculator #quote :is(.quote-settings,.quote-toolbar){background:var(--sg-panel);color:var(--sg-text);border-color:var(--sg-line)}
.sg-calculator #quote .quote-settings :is(h2,h3,summary){color:var(--sg-text)}
.sg-calculator #quote .quote-settings :is(.small,.q-help,label){color:var(--sg-muted);background:transparent}
.sg-calculator #quote .quote-toolbar label{color:var(--sg-muted);background:transparent}
.sg-calculator #quote :is(#quoteOutputSettings,#supplierPicker) label{color:var(--sg-muted)}
.sg-calculator #quote .paper .noprint,.sg-calculator #quote .paper .q-help{color:#667078;background:transparent}
.sg-calculator #quote .print-confirm{background:#24282d;border-color:var(--sg-line)}
.sg-calculator #materialsDialog .material-table tbody tr{background:#1b1e22!important}
.sg-calculator #materialsDialog .material-table tbody tr:nth-child(even){background:#23272c!important}
.sg-calculator #materialsDialog .material-table td small{color:var(--sg-muted)}
}
@media screen {
.sg-calculator #quote #quoteOutputSettings :is(input,select){color:#f0f1f3!important;background:#24282d!important;color-scheme:dark}
.sg-calculator #quote .quote-settings #periodSummary{background:#30291f;color:#e8cb9e;border-color:#695334}
.sg-calculator #quote .quote-settings :is(.ui-fold,.section,.group-content){border-color:#373c43}
.sg-calculator #supplierPicker a{color:#f3c67f}
}
@media screen {
.sg-calculator #materialsDialog .material-body>section{background:var(--sg-panel);border-color:var(--sg-line);color:var(--sg-text)}
.sg-calculator #materialsDialog .manual-material{border-color:var(--sg-line)}
.sg-calculator #materialsDialog .manual-material output{background:#292e35;color:var(--sg-text)}
.sg-calculator #materialsDialog .manual-material small{color:var(--sg-muted)}
}

/* Calculator contrast corrections; document/print colors remain unchanged. */
@media screen {
.sg-calculator #workspace :is(.overview-dimensions strong,.overview-metrics dd,#itemSummary b,#itemSummary strong){color:var(--sg-text)}
.sg-calculator #workspace :is(.overview-metrics dt,.overview-metrics small,.inline-help,.inline-help summary,.inline-help p,#itemSummary,#totalQty,#selection,#structureDimensions label,.selection-tools span){color:var(--sg-muted)}
.sg-calculator #workspace .overview-metrics div{border-color:var(--sg-line)}
.sg-calculator:has(#workspace) .app-header button:disabled,
.sg-calculator #workspace :is(button,input,select,textarea):disabled,
.sg-calculator #quote .noprint :is(button,input,select,textarea):disabled{color:#a1a8b2;background:#24282d;border-color:var(--sg-line);opacity:1;-webkit-text-fill-color:#a1a8b2}
.sg-calculator #workspace select{color:var(--sg-text);color-scheme:dark}
.sg-calculator #workspace :is(select,#depth,#module) option{background:#14171b;color:#e1e4e8}
.sg-calculator #workspace :is(select,#depth,#module) option:checked{background:#44341e;color:#ffd08b}
.sg-calculator #workspace :is(select,#depth,#module) option:disabled{color:#a1a8b2;background:#24282d}
.sg-calculator #workspace :is(select,#depth,#module) option:hover:not(:disabled){background:#44341e;color:#ffd08b}
.sg-calculator #workspace select:hover:not(:disabled){border-color:var(--sg-accent)}
.sg-calculator #workspace :is(button,input,select,summary,[tabindex]):focus-visible{outline-color:var(--sg-accent)}
}

@media screen{.sg-site header:has(.planner-nav){flex-wrap:wrap;gap:12px}.sg-site .planner-nav{font-size:13px;padding:10px 12px;white-space:nowrap;margin-left:auto}.sg-site header:has(.planner-nav) nav{flex-wrap:wrap}@media(max-width:600px){.sg-site header:has(.planner-nav) .brand{flex-basis:100%}.sg-site .planner-nav{margin-left:0}.sg-site header:has(.planner-nav) nav{order:3;width:100%}.sg-site header:has(.planner-nav) .login{max-width:100%;overflow-wrap:anywhere}}}

/* Product introduction launch controls reuse the existing actions. */
.sg-site header .page-launch{white-space:nowrap;flex-shrink:0;font-size:14px;padding:10px 14px}
.sg-site .brand-hero>img{aspect-ratio:1672/941}
.studio-frames{aspect-ratio:1400/869}
@media(max-width:900px){.sg-site header{flex-wrap:wrap;gap:8px}.sg-site header .page-launch,.sg-site header .login{margin:0;font-size:12px;padding:8px 10px}}

.brand .brand-en{display:block;font-size:11px;line-height:1.2;letter-spacing:.02em}
/* Shared account header only; Planner and public Viewer headers are unchanged. */
.sg-site header:has([data-login]){flex-wrap:wrap}
.sg-site header [data-login]{white-space:nowrap;max-width:100%;min-height:44px;flex-shrink:0}
.sg-site header:has([data-login]) nav{min-width:0;flex-wrap:wrap}
@media(max-width:700px){.sg-site header:has([data-login]){gap:8px}.sg-site header:has([data-login]) nav{column-gap:12px;row-gap:0}.sg-site header [data-login]{font-size:12px;padding:8px 10px}.sg-site header #accountPlannerLink{font-size:12px;white-space:nowrap}}