/* Consistent control geometry, independent of legacy utility sizes. */
#studio-shared-tools{flex:none;min-width:0;border:1px solid #cbd5da;border-radius:7px;background:#f8fafb;z-index:35}
#studio-shared-tools[hidden]{display:none!important}
#studio-shared-tools #center-top-toolbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;min-height:54px!important;height:auto!important;padding:8px 12px!important;border:0!important;border-radius:7px}
#studio-shared-tools #center-top-toolbar>div{display:flex;flex-wrap:wrap!important;gap:6px!important;min-width:0}
#studio-shared-tools #unified-view-stage-bar{flex:none!important;order:-2;margin-right:8px!important}
#studio-shared-tools #unified-view-stage-bar>.hb-seg-btn{display:flex!important;align-items:center!important;gap:7px!important;height:38px!important;min-height:38px!important;padding:7px 18px!important;font-size:14px!important}
#studio-shared-tools #center-top-toolbar button{position:relative;white-space:nowrap;line-height:1.25!important}
#studio-shared-tools #center-top-toolbar svg{flex:none}
#space-viewport-toolbar>div:first-child:empty{display:none!important}
#studio-left-window .visual-shape-picker .hb-seg-group{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:8px 0!important;width:100%}
#studio-left-window .visual-shape-picker button.hb-seg-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:78px!important;min-height:78px!important;padding:10px 3px!important;gap:8px!important;line-height:1.25!important;white-space:nowrap!important;overflow:visible}
#studio-left-window .visual-shape-picker button.hb-seg-btn svg{display:block!important;position:static!important;flex:none!important;width:25px!important;height:25px!important;margin:0!important;transform:none!important}
#studio-left-window .visual-shape-picker button.hb-seg-btn span{font-size:12px!important;line-height:1.25!important}
#studio-left-window #finish-options-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#studio-left-window #finish-options-list button.finish-card-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:84px!important;height:auto!important;padding:12px 5px!important;gap:0!important;overflow:visible}
#studio-left-window #finish-options-list .finish-card-btn>div{width:100%;min-width:0}
#studio-left-window #finish-options-list .finish-card-btn>div>div:first-child{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:13px!important;line-height:1.3!important}
#studio-left-window #finish-options-list .finish-symbol{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:28px!important;height:28px!important;margin:0!important;background:transparent!important;transform:none!important}
#studio-left-window #finish-options-list .finish-symbol svg{width:26px!important;height:26px!important}
#studio-left-window #finish-options-list .finish-description,#studio-left-window #finish-options-list .finish-detail-badge{display:none!important}
#studio-left-window #step-container-exposure>div:nth-child(2){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
#studio-left-window #step-container-exposure>div:nth-child(2)>button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:6px 2px!important;gap:0!important}
#studio-left-window #step-container-exposure>div:nth-child(2)>button>span:first-child{font-size:13px!important;white-space:nowrap!important}
#studio-left-window #step-container-exposure>div:nth-child(2)>button>span+span{display:none!important}
#studio-left-window #lbl-exposure-rate{display:none!important}
#studio-left-window #selected-aggregates-mix-list [data-grade-btn]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:64px!important;min-height:64px!important;min-width:0!important;padding:7px 1px!important;gap:7px!important;line-height:1.2!important}
#studio-left-window #selected-aggregates-mix-list [data-grade-btn]>span:first-child{display:flex!important;align-items:center!important;justify-content:center!important;height:16px!important;min-height:16px!important;width:100%!important;flex:none!important}
#studio-left-window #selected-aggregates-mix-list [data-grade-btn]>span:last-child{font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}
#studio-left-window #selected-aggregates-mix-list [data-grade-btn] .rounded-full{border-radius:2px!important;max-width:16px;max-height:16px;flex:none}
#studio-left-window #num-exposure-rate,#studio-left-window [id^=slot-mix-input-]{width:70px!important;min-width:70px!important;padding:6px!important;text-align:center;font-size:16px!important}
#studio-left-window .ui-grading-note summary{font-size:11px!important;line-height:1.4!important;gap:6px!important;padding:4px 0!important}
#studio-left-window .ui-grading-note .ui-grade-dots{flex:none}
#studio-left-window .hb-sec-title{gap:8px!important}
@media(max-width:767px){
 #studio-shared-tools #center-top-toolbar{padding:7px!important;gap:7px!important}
 #studio-shared-tools #unified-view-stage-bar{margin-right:0!important}
 #studio-shared-tools #unified-view-stage-bar>.hb-seg-btn{padding:7px 12px!important}
 #studio-shared-tools #center-top-toolbar>div:last-child{flex:1 1 100%!important;margin:0!important}
}

/* Three levels: workspace title, section title, field label. */
#studio-left-window #lbl-left-active-tab-title,#space-left-window>div:first-child{font-size:17px!important;line-height:1.45!important;font-weight:750!important;color:#243b43!important;letter-spacing:-.025em!important}
#studio-left-window .hb-sec-title[class],#space-left-window .hb-sec-title[class]{font-size:16px!important;line-height:1.4!important;font-weight:700!important;color:#2c454d!important;letter-spacing:-.02em!important}
#studio-left-window .hb-sec-title .studio-icon,#space-left-window .hb-sec-title .studio-icon{width:20px!important;height:20px!important;flex:none!important}
#studio-left-window #selected-aggregates-mix-list>div>div:first-child .font-bold.text-stone-900{font-size:14px!important;font-weight:700!important;line-height:1.4!important}
#studio-left-window #selected-aggregates-mix-list .space-y-1>div:first-child,#studio-left-window .dimension-dial-field>label{font-size:12px!important;line-height:1.5!important;font-weight:600!important;color:#586a70!important}
#studio-left-window button,#space-left-window button{font-family:HanvitSans,'Malgun Gothic',sans-serif!important;letter-spacing:-.015em!important}
#studio-left-window details,#space-left-window details{border:1px solid #cbd8dc!important;border-radius:7px!important;background:#f0f5f5!important}
#studio-left-window details[open],#space-left-window details[open]{background:#fff!important;border-color:#779b8e!important}
#studio-left-window details>summary,#space-left-window details>summary{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;list-style:none!important;cursor:pointer!important;min-height:44px!important;padding:9px 10px!important;font-size:13px!important;font-weight:650!important;line-height:1.4!important;color:#345950!important}
#studio-left-window details>summary::-webkit-details-marker,#space-left-window details>summary::-webkit-details-marker{display:none}
#studio-left-window details>summary::after,#space-left-window details>summary::after{content:'펼치기 ⌄'!important;display:block!important;flex:none!important;margin-left:auto!important;border:1px solid #8aab9f!important;background:#e1ede7!important;color:#2c5947!important;border-radius:5px!important;padding:4px 7px!important;font-size:11px!important;font-weight:700!important;line-height:1.3!important;transform:none!important}
#studio-left-window details[open]>summary::after,#space-left-window details[open]>summary::after{content:'접기 ⌃'!important;background:#f0f5f3!important}
#studio-left-window .visual-shape-picker:not(.product-step)>summary>span:last-child{display:none!important}
#studio-left-window .ui-grading-note{margin-top:7px!important}
#studio-left-window .ui-grading-note>summary{font-size:12px!important;padding:7px!important}
#studio-left-window .ui-grading-note p{padding:0 9px 9px!important;font-size:12px!important;line-height:1.65!important;color:#65776f!important}
#studio-left-window summary:focus-visible,#space-left-window summary:focus-visible{outline:3px solid #558a75!important;outline-offset:2px}

#product-flow[hidden],#product-flow [hidden]{display:none!important}
#product-flow{display:flex;flex-direction:column;gap:10px}
#product-flow .product-step-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 5px}
#product-flow .product-step-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:59px!important;padding:7px 2px!important;border:1px solid #d3dedc;background:#f5f8f7;color:#547268;border-radius:6px!important}
#product-flow .product-step-nav b,.step-number{display:inline-flex;align-items:center;justify-content:center;flex:none;width:23px;height:23px;border-radius:50%;background:#e0ebe6;color:#365d4e;font-size:13px}
#product-flow .product-step-nav button[aria-current=step]{border-color:#578a74;background:#e3eee8;color:#264f3d}
#product-flow .product-step-nav span{font-size:11px!important;white-space:nowrap}
#studio-left-window #product-flow>.product-step{padding:0!important;margin:0!important;overflow:visible}
#studio-left-window #product-flow>.product-step>summary{min-height:54px!important;font-size:14px!important;padding:10px!important}
#product-flow .product-step>div:not(.hb-seg-group),#product-flow .product-step>label{margin:10px!important}
#product-flow .product-step>div[id^=step-container]>div:first-child>.hb-sec-title{display:none!important}
#product-flow .product-step>div[id^=step-container]{padding-bottom:10px!important}
#product-flow .product-step-actions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e0e8e3;padding-top:10px}
#product-flow .product-step-actions button{border:1px solid #c5d8cd;padding:8px!important;background:#eff5f1;color:#315b46;min-height:40px!important}
#product-flow .product-step-actions button:last-child{margin-left:auto;background:#376b55;color:#fff}
#product-flow .flow-curve-params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#product-flow label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#526b60}
#product-flow small{grid-column:1/-1;color:#6a7f73;font-size:11px;line-height:1.5}
#product-flow input[type=number]{width:100%;min-width:0;text-align:center;font-size:16px!important}
#product-flow h3{font-size:13px;font-weight:700;margin:13px 0 8px}
#product-flow .flow-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#product-flow .flow-choice-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:73px!important;border:1px solid #cddad4;padding:9px!important;background:#f6f9f7;border-radius:7px}
#product-flow .flow-choice-grid button[aria-pressed=true]{background:#e0ede5;border:2px solid #537e64}
#product-flow .flow-choice-grid svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6}
#product-flow~#lbl-left-active-tab-title,#product-flow~.visual-shape-picker{display:none!important}

#studio-left-window #product-flow>.product-step>summary>span{display:block!important;transform:none!important;font-size:14px!important;line-height:1.4!important;margin:0!important}
#studio-left-window #product-flow>.product-step>.hb-seg-group{margin:0 9px 9px!important;width:calc(100% - 18px)!important}

#studio-left-window .flow-caption-hidden{display:none!important}

#studio-left-window #product-flow .product-step-nav{position:sticky;top:-17px;z-index:9;background:#f9fafb;padding:10px 0;border-bottom:1px solid #d7e2dc}
#product-flow .product-step>summary{scroll-margin-top:155px}
#studio-left-window #product-flow #studio-stair-hud-bar{position:static!important;transform:none!important;display:flex;flex-direction:column;align-items:stretch!important;max-width:100%!important;margin:10px!important;padding:10px!important;border-radius:6px!important;box-shadow:none!important;background:#f4f7f5!important}
#studio-left-window #product-flow #studio-stair-hud-bar.hidden{display:none!important}
#product-flow #studio-stair-fixed-spec-badge,#product-flow #studio-stair-hud-bar>div:has(.stair-ns-btn){display:none!important}
#product-flow #studio-stair-hud-bar .hb-seg-group{display:flex;flex-wrap:wrap;width:100%;gap:5px}
#product-flow #studio-stair-hud-bar button{flex:1;white-space:nowrap;font-size:11px!important;padding:7px 3px!important}

#product-step-2 #step-container-shape-dims>div:first-child,#product-step-2 .dimension-dials,#product-step-2 .dimension-help,#product-step-2 .dimension-thickness-options{display:none!important}
#product-flow .flow-size-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#product-flow .flow-size-inputs select{width:100%;min-width:0;font-size:16px!important;min-height:38px!important;padding:6px!important}

#studio-left-window #product-flow>.product-step>summary>span{font-size:16px!important;font-weight:700!important}
#studio-left-window #product-step-3 .hb-sec-title[class],#studio-left-window #product-step-4 .hb-sec-title[class],#studio-left-window #product-step-5 #step-container-exposure .hb-sec-title[class]{display:inline-flex!important;font-size:14px!important;font-weight:650!important}