/* V15: one configuration overview, one focused component picker. */
body.pc-studio-page { background:#0e1212; }
.pc-app.pc-studio { --pc-bg:#0e1212; --pc-panel:#151b1a; --pc-line:#2c3532; --pc-muted:#a1aea8; --pc-text:#f1f5f3; --pc-accent:#bdebd9; background:var(--pc-bg); padding-bottom:0; }
.pc-studio .pc-eyebrow { font-size:10px; font-weight:750; letter-spacing:.14em; color:#8faaa0; margin:0 0 8px; }
.pc-studio .pc-heading { display:flex; justify-content:space-between; align-items:center; max-width:1376px; margin:auto; padding:44px 32px 34px; gap:28px; border:0; background:none; }
.pc-studio .pc-heading h1 { font-size:clamp(26px,2.5vw,38px)!important; letter-spacing:-.045em; line-height:1.18; margin:0; max-width:none!important; }
.pc-studio .pc-heading-copy>p:last-child { font-size:14px; color:#a6b3ad; margin:12px 0 0; }
.pc-heading-tools { display:flex; align-items:flex-end; flex-direction:column; gap:14px; flex-shrink:0; }
.pc-autosave { display:inline-flex; align-items:center; gap:7px; font-size:10px; color:#93aaa0; }
.pc-autosave svg { width:14px; height:14px; }
.pc-studio .pc-mode-switch { padding:4px; border:1px solid #2e3934; background:#151c19; border-radius:10px; gap:3px; }
.pc-studio .pc-mode-switch button { display:flex; align-items:center; gap:8px; border:0; border-radius:7px; padding:10px 14px; font-size:12px!important; }
.pc-studio .pc-mode-switch button[aria-pressed=true] { background:#2b3b33; color:#e1f4eb; }
.pc-studio .pc-mode-switch svg { width:16px; height:16px; }
.pc-studio .pc-workbench { display:grid; grid-template-columns:minmax(0,1fr) 330px; grid-template-areas:'categories running'; align-items:start; gap:28px; padding:0 32px 56px; max-width:1376px; min-height:0; width:100%; }
.pc-studio .pc-step-rail { position:static; min-height:0; max-height:none; overflow:visible; border:0; padding:0; }
.pc-components-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 20px; }
.pc-studio .pc-components-heading h2 { margin:0; font-size:20px!important; letter-spacing:-.02em; }
.pc-studio .pc-components-heading .pc-eyebrow { margin-bottom:5px; }
.pc-studio .pc-guided-toggle { min-height:38px; font-size:11px; padding:7px 10px; border-color:#344139; border-radius:8px; color:#b8c9bf; background:#17201b; }
.pc-guided-toggle svg { width:17px; }
.pc-studio .pc-next-advice { display:flex; align-items:center; gap:13px; padding:15px 17px; background:#17251e; border:1px solid #2e4d3c; border-radius:10px; margin-bottom:18px; }
.pc-advice-icon { display:flex; color:#bdebd9; }
.pc-next-advice>div { flex:1; }
.pc-next-advice strong { display:block; font-size:12px; color:#d5efe0; }
.pc-next-advice p { margin:4px 0 0; font-size:11px; line-height:1.5; color:#a6bcb0; }
.pc-studio .pc-next-advice .pc-text-button { font-size:11px; white-space:nowrap; }
.pc-studio #pc-categories { display:flex; gap:10px; padding:0; }
.pc-component-row { display:flex; align-items:center; min-width:0; padding:0 10px 0 0; border:1px solid #29332e; border-radius:11px; background:#151b18; transition:border-color .15s,background .15s; }
.pc-component-row:hover { border-color:#556b5f; background:#19231d; }
.pc-component-row.is-filled { background:#171f1b; border-color:#344b3d; }
.pc-studio #pc-categories .pc-component-open { min-height:92px; height:auto; display:flex; flex-direction:row; gap:16px; padding:16px 16px; min-width:0; flex:1; color:#eef4f0; background:none; border:0; border-radius:10px; width:auto; }
.pc-studio #pc-categories button::before,.pc-studio #pc-categories button::after { display:none!important; }
.pc-component-icon { width:52px; height:52px; flex:0 0 52px; display:grid; place-items:center; border:1px solid #354139; border-radius:10px; background:#202923; color:#c2d8ca; overflow:hidden; }
.pc-component-icon>svg { width:25px; height:25px; }
.pc-component-icon img { width:100%; height:100%; object-fit:contain; padding:3px; background:#f5f5f3; }
.pc-component-copy { display:block; flex:1; min-width:0; text-align:left; }
.pc-component-label { display:flex; align-items:center; gap:8px; font-size:13px; line-height:1.5; font-weight:750; color:#eef4f0; }
.pc-component-copy>strong { display:block; font-weight:450; font-size:12px; line-height:1.5; color:#94a59b; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.is-filled .pc-component-copy>strong { color:#d0ded5; font-weight:600; }
.pc-component-copy>small { display:block; font-size:10px; color:#8d9f93; line-height:1.5; margin-top:5px; max-width:60ch; }
.pc-component-action { display:flex; flex-direction:column; align-items:flex-end; gap:8px; min-width:88px; }
.pc-component-action>b { font-size:13px; font-weight:750; white-space:nowrap; }
.pc-studio #pc-categories .pc-component-icon { flex:0 0 52px; min-width:52px; }
.pc-studio #pc-categories .pc-component-copy { flex:1 1 auto; }
.pc-studio #pc-categories .pc-component-action { flex:0 0 auto; }
.pc-app.pc-stepper.pc-studio .pc-heading h1 { font-size:clamp(28px,2.7vw,38px)!important; }
.pc-studio .pc-running-summary .pc-running-total strong,.pc-studio .pc-running-summary .pc-running-total small { text-align:left; }
.pc-row-control { display:flex; align-items:center; justify-content:center; gap:6px; color:#c4e8d6; font-size:11px; font-weight:650; border:1px solid #3c5043; padding:7px 10px; border-radius:7px; background:#213027; min-height:34px; }
.pc-row-control svg { width:14px; height:14px; }
.pc-studio #pc-categories .pc-row-remove { flex:0 0 30px; width:30px; height:40px; min-height:40px; padding:0; display:grid; place-items:center; color:#98a69d; border:0; background:none; }
.pc-row-remove svg { width:15px; height:15px; }
.pc-optional-tag { color:#b7d8c5; border:1px solid #3b5343; padding:1px 6px; border-radius:4px; font-weight:500; font-size:9px; }
.pc-build-tools { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 12px; padding:12px 4px; }
.pc-studio .pc-build-tools button { font-size:11px; color:#a3b6a9; }
.pc-studio .pc-running-summary { display:flex; grid-area:running; flex-direction:column; gap:16px; position:sticky; top:94px; min-width:0; min-height:0; max-height:none; overflow:visible; border:0; background:none; padding:0; }
.pc-build-visual,.pc-total-card,.pc-health-card { border:1px solid #2d3a32; background:#141c18; border-radius:12px; overflow:hidden; }
.pc-build-visual { background:#111716; padding:17px 18px 13px; }
.pc-build-visual>div { display:flex; justify-content:space-between; align-items:center; }
.pc-build-visual .pc-eyebrow { font-size:9px; margin:0; }
.pc-build-visual>div>span:last-child { color:#9caf9f; font-size:10px; }
.pc-build-visual>img { display:block; width:100%; height:185px; object-fit:contain; margin:6px 0; }
.pc-build-visual>button { display:block; width:100%; height:190px; border:0; background:transparent; padding:12px; }
.pc-build-visual>button img { width:100%; height:100%; object-fit:contain; }
.pc-build-visual>p { color:#a9b8ae; text-align:center; font-size:10px; margin:6px 0 0; line-height:1.5; }
.pc-total-card { padding:21px; }
.pc-total-head { display:flex; justify-content:space-between; align-items:center; color:#adc0b3; font-size:12px; }
.pc-tax-tag { font-size:9px; font-weight:700; border:1px solid #37533f; border-radius:4px; padding:3px 5px; color:#c3e2cf; }
.pc-studio .pc-running-total { margin:8px 0 18px; padding:0; border:0; display:block; }
.pc-studio .pc-running-total strong { display:block; font-size:36px; color:#e9fff1; line-height:1.25; letter-spacing:-.055em; font-weight:750; overflow-wrap:anywhere; }
.pc-studio .pc-running-total small { font-size:10px; color:#9fb5a5; display:block; margin-top:7px; line-height:1.5; }
.pc-cost-breakdown { display:grid; grid-template-columns:1fr auto; gap:7px 10px; color:#a2b4a8; font-size:10px; padding-bottom:17px; border-bottom:1px solid #2c3a31; }
.pc-cost-breakdown b { color:#d0dfd5; font-weight:600; }
.pc-build-progress { margin:18px 0; }
.pc-build-progress>div { display:flex; justify-content:space-between; font-size:11px; color:#b2c6b9; }
.pc-build-progress progress { appearance:none; display:block; width:100%; height:5px; margin:9px 0 0; background:#303d34; border:0; border-radius:8px; overflow:hidden; }
.pc-build-progress progress::-webkit-progress-bar { background:#303d34; }
.pc-build-progress progress::-webkit-progress-value { background:#bdebd9; border-radius:8px; }
.pc-build-progress progress::-moz-progress-bar { background:#bdebd9; }
.pc-budget-inline { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:11px; color:#b4c7ba; }
.pc-budget-inline>div { display:flex; gap:6px; align-items:center; }
.pc-studio #pc-budget-mini { width:90px; min-height:35px; font-size:12px; text-align:right; padding:6px 8px; border:1px solid #42574a; border-radius:6px; }
.pc-budget-hint { margin:8px 0 18px; color:#96aa9b; font-size:10px; line-height:1.5; }
.pc-budget-hint.is-over { color:#f0bd8b; }
.pc-studio .pc-summary-main { width:100%; font-size:12px; border-radius:8px; min-height:44px; }
.pc-summary-main>svg:last-child { margin-left:auto; }
.pc-save-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:9px; }
.pc-save-actions button { display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid #37483b; background:#1b281f; color:#b4cbbb; font-size:11px; min-height:39px; border-radius:7px; }
.pc-save-actions svg { width:14px; height:14px; }
.pc-summary-footnote { font-size:9px; color:#9eb0a4; line-height:1.6; text-align:center; margin:13px 0 0; }
.pc-health-card { padding:17px; }
.pc-health-title { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.pc-health-title>svg { color:#b1d5bd; width:17px; height:17px; }
.pc-health-title strong { font-size:12px; }
.pc-health-status { font-size:9px; color:#acd8be; margin-left:auto; }
.pc-health-status.has-issue { color:#f1b283; }
.pc-health-card p { font-size:10px; line-height:1.65; color:#9db4a5; margin:9px 0 0; }
.pc-power { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid #2d4033; margin-top:15px; padding-top:15px; }
.pc-power span { display:flex; align-items:center; gap:7px; color:#b6c8bb; font-size:11px; }
.pc-power svg { color:#dec885; width:15px; height:15px; }
.pc-power strong { font-size:14px; color:#f0deb3; }
.pc-health-card meter { width:100%; height:8px; margin-top:8px; }
.pc-studio #pc-notice:not([hidden]) { max-width:1312px; width:calc(100% - 64px); margin:0 auto 20px; border:1px solid #546047; background:#233021; color:#d8e5c9; border-radius:8px; padding:12px 16px; font-size:12px; }
.pc-studio dialog.pc-workflow-dialog { border:1px solid #415347; border-radius:14px; background:#111815; color:#edf5ef; }
.pc-studio dialog.pc-picker-dialog { width:min(1120px,calc(100vw - 48px)); height:min(900px,calc(100dvh - 48px)); max-height:calc(100dvh - 48px); overflow:hidden; padding:0; }
.pc-studio .pc-picker-top { height:58px; padding:0 22px; display:flex; align-items:center; gap:16px; border-bottom:1px solid #2f4034; background:#141e18; }
.pc-picker-top>span { margin-left:auto; font-size:12px; color:#c1d2c5; }
.pc-studio .pc-picker-top .pc-text-button { font-size:11px; }
.pc-studio .pc-picker-top .pc-icon-button { border:0; width:34px; min-width:34px; height:34px; }
.pc-studio .pc-picker-dialog .pc-picker { padding:28px; height:calc(100% - 58px); min-height:0; overflow:auto; scrollbar-gutter:stable; }
.pc-studio .pc-picker-title { margin-bottom:20px; }
.pc-studio .pc-picker-title h2 { font-size:28px!important; letter-spacing:-.025em; }
.pc-studio #pc-step { color:#a8bdb0; font-size:12px; line-height:1.6; max-width:75ch; }
.pc-studio #pc-context { padding:8px 11px; background:#223329; color:#c0dfca; font-size:11px; border-radius:6px; margin-top:12px; }
.pc-studio .pc-catalog-toolbar { flex-wrap:nowrap; gap:12px; }
.pc-studio .pc-search { background:#1c2820; border-color:#3e5144; height:48px; border-radius:8px; flex:1 1 55%; }
.pc-studio .pc-search input { height:46px; font-size:13px; }
.pc-studio #pc-quick-filters { flex:1 1 40%; }
.pc-studio #pc-quick-filters label { border-radius:8px; }
.pc-studio .pc-filter-row { margin:12px 0 4px; }
.pc-studio .pc-filter-row label { font-size:11px; }
.pc-studio .pc-products { min-height:0; max-height:none; overflow:visible; }
.pc-studio .pc-product-count { margin:16px 0 12px; font-size:11px; color:#a0b9a8; }
.pc-studio .pc-products .pc-product { display:grid; grid-template-columns:74px minmax(0,1fr) 130px 44px; grid-template-areas:none; gap:18px; padding:15px; margin:0 0 9px; border:1px solid #304337; background:#18221b; border-radius:9px; min-height:108px; }
.pc-studio .pc-products .pc-product:hover { border-color:#5d7866; }
.pc-studio .pc-products .pc-product.is-selected { background:#24372a; border-color:#9bc4a6; box-shadow:inset 3px 0 #bdebd9; }
.pc-studio .pc-product .pc-preview { grid-area:auto; width:74px; height:74px; padding:4px; background:#f4f5f1; border-radius:7px; margin:0; }
.pc-studio .pc-product-info,.pc-studio .pc-product-price,.pc-studio .pc-product .pc-select { grid-area:auto; }
.pc-studio .pc-product h3 { font-size:13px!important; line-height:1.5; color:#eff8f0; font-weight:700; }
.pc-studio .pc-product .pc-compact-specs { font-size:11px; color:#9fb8a6; margin-top:5px; }
.pc-studio .pc-product .pc-product-detail { display:inline-flex; font-size:10px; min-height:25px; padding:3px 0; margin-top:5px; }
.pc-studio .pc-full-product-link { display:inline-flex; font-size:9px; margin-left:14px; padding:3px 0; }
.pc-studio .pc-product-price { text-align:right; }
.pc-studio .pc-product-price strong { font-size:17px; }
.pc-studio .pc-product-price>small { font-size:9px; display:block; }
.pc-studio .pc-product-price .pc-price-date { color:#adc3b3; font-size:9px; }
.pc-studio .pc-product .pc-select { min-width:44px; width:44px; height:44px; border-radius:8px; }
.pc-studio .pc-step-actions { position:static; margin-top:24px; padding:18px 0 0; border-top:1px solid #344c3c; background:transparent; display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.pc-studio .pc-step-actions .pc-btn { font-size:11px; padding:9px 12px; border-radius:7px; }
.pc-studio .pc-step-actions #pc-previous { margin-right:auto; }
.pc-studio #pc-picker-feedback:not([hidden]) { position:absolute; z-index:2; top:58px; left:20px; right:20px; padding:10px 14px; background:#3b3222; border:1px solid #7a6641; border-radius:6px; color:#ffe0b3; font-size:12px; box-shadow:0 8px 20px #0007; }
.pc-studio .pc-share-dialog { width:min(560px,calc(100vw - 24px))!important; padding:22px!important; }
.pc-studio .pc-share-dialog .pc-dialog-top { position:static; background:none; padding:0 0 14px; }
.pc-share-dialog h2 { font-size:20px!important; margin:0; }
.pc-share-dialog>p { color:#b6c7bd; font-size:12px; line-height:1.7; }
.pc-share-dialog label { display:block; font-size:11px; color:#bed2c3; }
.pc-share-dialog input { width:100%; padding:12px; margin:8px 0 16px; font-size:12px; border:1px solid #47614f; }
.pc-studio #pc-summary { max-width:1080px; margin:0 auto 40px; border:1px solid #34473b; border-radius:14px; padding:28px; background:#16221b; }
.pc-studio .pc-atelier-promise { max-width:1312px; margin:0 auto; border:1px solid #2d3c32; border-radius:12px; background:#141c17; padding:30px; }
.pc-studio .pc-editorial { max-width:1312px; margin:32px auto; padding:24px 30px; background:#101813; border:1px solid #2b3930; border-radius:12px; }
.pc-studio .pc-editorial h2 { font-size:23px!important; }
.pc-studio .pc-editorial h3 { font-size:16px!important; }
.pc-studio .pc-editorial p,.pc-studio .pc-editorial li { color:#a7b9ac; font-size:12px; }
.pc-studio .pc-presets { padding:0 32px 44px; max-width:1376px; margin:auto; background:transparent; }
.pc-studio #pc-contact { max-width:1080px; margin:24px auto; border:1px solid #3f5848; border-radius:14px; }
@media(min-width:1101px) and (max-width:1490px) {
 body.pc-studio-page .ax-header { display:grid; grid-template-columns:auto 1fr; gap:10px 18px; }
 body.pc-studio-page .ax-header-actions { justify-self:end; grid-column:2; grid-row:1; }
 body.pc-studio-page .ax-nav { grid-column:1/-1; grid-row:2; width:100%; justify-content:space-between; flex-wrap:wrap; }
 body.pc-studio-page .ax-nav>a,body.pc-studio-page .ax-nav summary { font-size:11px; min-height:34px; padding:7px; }
 .pc-studio .pc-running-summary { top:142px; }
}
@media(max-width:1000px) {
 .pc-studio .pc-heading { align-items:flex-start; flex-direction:column; padding:28px 24px; }
 .pc-heading-tools { flex-direction:row-reverse; justify-content:space-between; align-items:center; width:100%; }
 .pc-studio .pc-workbench { gap:20px; padding:0 24px 40px; grid-template-columns:minmax(0,1fr) 290px; }
 .pc-studio .pc-running-summary { top:92px; }
 .pc-studio #pc-categories .pc-component-open { gap:12px; padding:14px 12px; }
 .pc-component-copy>small { display:none; }
 .pc-component-icon { width:44px; height:44px; flex-basis:44px; }
 .pc-studio #pc-categories .pc-component-icon { flex-basis:44px; min-width:44px; }
 .pc-row-control>span { display:none; }
 .pc-component-action { min-width:34px; }
 .pc-component-action>b { font-size:11px; }
 .pc-component-copy>strong { font-size:11px; }
 .pc-component-label { font-size:12px; }
 .pc-studio .pc-next-advice { align-items:flex-start; flex-wrap:wrap; }
 .pc-next-advice>.pc-text-button { margin-left:30px; padding:0; min-height:24px; }
 .pc-studio .pc-components-heading { flex-wrap:wrap; }
 .pc-studio .pc-total-card { padding:17px; }
 .pc-studio .pc-running-total strong { font-size:31px; }
 .pc-studio .pc-atelier-promise,.pc-studio .pc-editorial { margin-left:24px; margin-right:24px; }
}
@media(max-width:760px) {
 .pc-app.pc-studio { padding-bottom:95px!important; }
 .pc-studio .pc-heading { padding:28px 16px 25px; gap:20px; }
 .pc-studio .pc-heading h1 { font-size:28px!important; }
 .pc-studio .pc-heading-copy>p:last-child { font-size:12px; margin-top:9px; }
 .pc-heading-tools { flex-direction:column; align-items:stretch; gap:11px; }
 .pc-autosave { order:2; justify-content:center; font-size:9px; }
 .pc-studio .pc-mode-switch { width:100%; order:0; }
 .pc-studio .pc-mode-switch button { flex:1; justify-content:center; font-size:10px!important; padding:8px; }
 .pc-studio .pc-workbench { display:flex; flex-direction:column; padding:0 16px 30px; gap:20px; }
 .pc-studio .pc-step-rail { width:100%; border:0; }
 .pc-studio .pc-components-heading { flex-wrap:nowrap; gap:9px; margin-bottom:14px; }
 .pc-studio .pc-components-heading h2 { font-size:18px!important; }
 .pc-studio .pc-guided-toggle { font-size:9px; padding:6px 8px; gap:5px; }
 .pc-studio .pc-next-advice { gap:10px; padding:13px; margin-bottom:14px; flex-wrap:nowrap; align-items:center; }
 .pc-next-advice>.pc-text-button { margin:0; }
 .pc-next-advice strong { font-size:11px; }
 .pc-next-advice p { font-size:10px; }
 .pc-advice-icon { display:none; }
 .pc-studio #pc-categories { display:flex; gap:9px; }
 .pc-studio #pc-categories .pc-component-open { min-height:88px; gap:10px; padding:13px 10px; }
 .pc-component-row { padding-right:7px; border-radius:9px; }
 .pc-component-icon { width:42px; height:44px; flex-basis:42px; border-radius:8px; }
 .pc-studio #pc-categories .pc-component-icon { flex-basis:42px; min-width:42px; }
 .pc-component-icon>svg { width:22px; height:22px; }
 .pc-component-copy>strong { white-space:normal; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:10px; }
 .pc-component-action { gap:5px; }
 .pc-row-control { padding:7px; min-height:34px; }
 .pc-studio #pc-categories .pc-row-remove { width:25px; flex-basis:25px; }
 .pc-build-tools { flex-wrap:wrap; padding:9px 2px; }
 .pc-studio .pc-build-tools button { font-size:10px; }
 .pc-studio .pc-running-summary { position:static; width:100%; display:grid; grid-template-columns:1fr; gap:14px; }
 .pc-build-visual { display:none; }
 .pc-studio .pc-total-card { padding:22px; }
 .pc-studio .pc-running-total strong { font-size:36px; }
 .pc-studio #pc-mobile-dock { display:flex; background:#16251c; border-color:#4b6b53; padding:10px 16px max(10px,env(safe-area-inset-bottom)); }
 .pc-studio #pc-mobile-dock .pc-btn { font-size:10px; min-width:0; max-width:59%; min-height:42px; padding:9px 12px; border-radius:8px; }
 .pc-studio #pc-mobile-dock .pc-dock-price strong { font-size:18px; }
 .pc-studio #pc-mobile-dock .pc-dock-price small { font-size:9px; }
 .pc-studio dialog.pc-picker-dialog { width:100vw; height:100dvh; max-height:100dvh; margin:0; border:0; border-radius:0; }
 .pc-studio .pc-picker-top { padding:0 14px; height:54px; gap:10px; }
 .pc-picker-top>span { font-size:10px; }
 .pc-studio .pc-picker-top .pc-text-button { font-size:10px; }
 .pc-studio .pc-picker-dialog .pc-picker { padding:22px 14px; height:calc(100% - 54px); scrollbar-gutter:auto; }
 .pc-studio .pc-picker-title h2 { font-size:26px!important; }
 .pc-studio .pc-catalog-toolbar { flex-wrap:wrap; gap:9px; }
 .pc-studio .pc-search,.pc-studio #pc-quick-filters { flex-basis:100%; }
 .pc-studio .pc-products .pc-product { grid-template-columns:58px minmax(0,1fr) 40px; grid-template-areas:'photo info info' 'photo price select'; gap:9px 12px; padding:12px; min-height:144px; }
 .pc-studio .pc-product .pc-preview { grid-area:photo; width:58px; height:64px; align-self:start; }
 .pc-studio .pc-product-info { grid-area:info; }
 .pc-studio .pc-product-price { grid-area:price; text-align:left; }
 .pc-studio .pc-product .pc-select { grid-area:select; width:40px; min-width:40px; height:42px; }
 .pc-studio .pc-product h3 { font-size:12px!important; }
 .pc-studio .pc-product .pc-compact-specs { font-size:10px; }
 .pc-studio .pc-full-product-link { margin-left:0; display:block; width:fit-content; }
 .pc-studio .pc-product-price strong { font-size:17px; }
 .pc-studio .pc-product-price>small:not(.pc-price-date) { display:inline; font-size:9px; }
 .pc-studio .pc-product-price .pc-price-date { display:block; font-size:8px; }
 .pc-studio .pc-step-actions #pc-previous { margin-right:0; }
 .pc-studio .pc-step-actions .pc-btn { flex:1; min-width:100px; font-size:10px; }
 .pc-studio .pc-atelier-promise,.pc-studio .pc-editorial { margin:20px 16px; padding:22px 18px; }
 .pc-studio .pc-atelier-promise h2,.pc-studio .pc-editorial h2 { font-size:20px!important; }
 .pc-studio #pc-notice:not([hidden]) { width:calc(100% - 32px); margin-bottom:16px; font-size:11px; }
 .pc-studio #pc-summary,.pc-studio #pc-contact { width:calc(100% - 32px); padding:20px 16px; margin:0 16px 24px; }
 .pc-studio .pc-presets { padding:0 16px 25px; }
}
@media print { .pc-studio .pc-workbench,.pc-studio .pc-heading { display:none!important; } }
/* V16: the overview stays visible at every screen height. */
.pc-studio .pc-heading,.pc-studio .pc-workbench { max-width:1504px; }
.pc-studio .pc-workbench { grid-template-columns:minmax(0,1fr) 410px; gap:40px; }
.pc-studio .pc-running-summary { position:static; gap:24px; }
.pc-studio .pc-running-summary>section,.pc-studio .pc-workshop-tip { border:1px solid #314138; border-radius:18px; background:#141d18; padding:28px; }
.pc-studio .pc-running-summary p { line-height:1.65; }
.pc-studio .pc-running-summary h3 { font-size:18px; letter-spacing:-.025em; margin:0; color:#e1f2e8; }
.pc-studio .pc-build-visual { display:block; background:radial-gradient(ellipse at 50% 34%,#21372b 0%,#111916 64%); padding:24px 24px 20px; }
.pc-studio .pc-visual-heading { display:flex; align-items:flex-start; justify-content:space-between; }
.pc-studio .pc-visual-heading .pc-eyebrow { display:block; font-size:10px; letter-spacing:.11em; color:#afc7b7; margin-bottom:9px; }
.pc-studio .pc-visual-heading h3 { font-size:25px; }
.pc-studio .pc-visual-heading button { width:38px; height:38px; min-height:38px; color:#a8c7b4; border:1px solid #3c5144; background:#1d2d24; border-radius:50%; }
.pc-studio .pc-build-visual .pc-art-stage { display:block; position:relative; margin:10px -8px 18px; padding:4px 0 30px; overflow:hidden; }
.pc-studio .pc-art-stage img { display:block; width:100%; height:242px; object-fit:contain; mix-blend-mode:lighten; mask-image:radial-gradient(ellipse at center,#000 48%,transparent 74%); animation:pc-art-float 7s ease-in-out infinite; transform-origin:center; }
.pc-studio .pc-build-visual.is-paused .pc-art-stage img { animation-play-state:paused; }
@keyframes pc-art-float { 0%,100% {transform:translateY(4px) rotate(-1deg) scale(.97);filter:brightness(.95)} 50% {transform:translateY(-7px) rotate(1deg) scale(1);filter:brightness(1.15)} }
.pc-studio .pc-art-stage .pc-art-badge { position:absolute; left:50%; bottom:0; transform:translateX(-50%); display:flex; align-items:center; gap:7px; padding:7px 12px; background:#21352b; border:1px solid #3c5848; border-radius:99px; color:#c4e6d3; font-size:11px; white-space:nowrap; }
.pc-studio .pc-art-badge svg { width:14px; height:14px; }
.pc-studio .pc-build-visual .pc-visual-components { display:grid; gap:8px; }
.pc-studio .pc-visual-components>p { font-size:12px; text-align:center; margin:0; color:#acc0b3; }
.pc-studio .pc-visual-components button { display:flex; align-items:center; gap:10px; width:100%; border:1px solid #314b3b; background:#1b2a21; border-radius:9px; color:#deeee3; padding:10px; font-size:12px; text-align:left; }
.pc-studio .pc-visual-components button span { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pc-studio .pc-visual-components button svg { width:16px; height:16px; flex-shrink:0; color:#b4dec2; }
.pc-studio .pc-build-visual .pc-case-selected { display:flex; align-items:center; gap:12px; padding:12px 0; margin-top:12px; height:auto; color:#e3eee7; text-align:left; font-size:12px; border-top:1px solid #33463b; }
.pc-studio .pc-case-selected img { width:48px; height:48px; }
.pc-studio .pc-case-selected>span { flex:1; }
.pc-studio .pc-case-selected small { display:block; color:#a4b8ab; font-size:10px; margin-bottom:4px; }
.pc-studio .pc-build-visual .pc-art-caption { font-size:10px; color:#9eafa4; margin:18px 0 0; text-align:center; }
.pc-studio .pc-total-head { font-size:14px; }
.pc-studio .pc-running-total { margin:18px 0 26px; }
.pc-studio .pc-running-summary .pc-running-total strong { font-size:clamp(34px,3vw,48px); letter-spacing:-.055em; line-height:1.1; }
.pc-studio .pc-running-summary .pc-running-total small { font-size:12px; line-height:1.65; margin-top:13px; }
.pc-studio .pc-cost-breakdown { gap:12px 16px; font-size:12px; line-height:1.6; }
.pc-studio .pc-build-progress { margin:25px 0; padding-top:24px; }
.pc-studio .pc-build-progress>div { font-size:13px; margin-bottom:12px; }
.pc-studio .pc-build-progress progress { height:7px; }
.pc-studio .pc-budget-inline { gap:14px; font-size:13px; }
.pc-studio .pc-budget-inline input { width:108px; min-height:46px; font-size:15px; border-radius:9px; }
.pc-studio .pc-total-card .pc-budget-hint { margin:12px 0 26px; font-size:12px; color:#a9bdaf; }
.pc-studio .pc-total-card .pc-budget-hint.is-over { color:#f1bc91; }
.pc-studio .pc-summary-actions { display:grid; gap:12px; }
.pc-studio .pc-summary-main { min-height:54px; font-size:14px; padding:15px 17px; border-radius:10px; }
.pc-studio .pc-save-actions { gap:10px; margin:0; }
.pc-studio .pc-save-actions button { min-height:48px; padding:12px 10px; font-size:12px; border-radius:10px; }
.pc-studio .pc-total-card .pc-summary-footnote { margin:19px 0 0; font-size:11px; text-align:center; line-height:1.65; color:#a3b8aa; }
.pc-studio .pc-power-heading { display:flex; align-items:center; gap:13px; }
.pc-studio .pc-power-heading p { font-size:11px; color:#9fb7a8; margin:5px 0 0; }
.pc-studio .pc-power-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#293723; color:#d6e7ad; border:1px solid #46503a; }
.pc-studio .pc-power-icon svg { width:22px; height:22px; }
.pc-studio .pc-watts { display:flex; gap:8px; align-items:baseline; margin:23px 0 5px; color:#d3e9b8; }
.pc-studio .pc-watts strong { font-size:48px; line-height:1; letter-spacing:-.06em; }
.pc-studio .pc-watts span { font-size:20px; }
.pc-studio .pc-power-status { font-size:12px; color:#bdcec1; margin:9px 0 20px; }
.pc-studio .pc-power-card meter { display:block; width:100%; height:12px; accent-color:#b2dcb6; }
.pc-studio .pc-psu-capacity { display:flex; align-items:start; justify-content:space-between; gap:10px; font-size:10px; color:#afc5b7; margin:8px 0 20px; }
.pc-studio .pc-psu-capacity b { white-space:nowrap; }
.pc-studio .pc-psu-advice { display:flex; gap:12px; padding:16px; background:#203327; border:1px solid #385340; border-radius:11px; }
.pc-studio .pc-psu-advice>svg { width:20px; height:20px; flex-shrink:0; color:#bedbb0; }
.pc-studio .pc-psu-advice strong { font-size:13px; color:#daedce; }
.pc-studio .pc-psu-advice p { margin:8px 0 0; font-size:11px; color:#b1c6b5; }
.pc-studio .pc-psu-advice.has-issue { border-color:#856244; background:#332c21; }
.pc-studio .pc-psu-advice.has-issue strong,.pc-studio .pc-psu-advice.has-issue svg { color:#f4c697; }
.pc-studio #pc-power-details { margin-top:20px; border-top:1px solid #35483b; padding-top:18px; }
.pc-studio #pc-power-details summary { display:flex; justify-content:space-between; gap:12px; cursor:pointer; font-size:12px; font-weight:600; color:#c5e4d0; list-style:none; }
.pc-studio #pc-power-details summary::-webkit-details-marker { display:none; }
.pc-studio #pc-power-details summary svg { width:17px; height:17px; }
.pc-studio #pc-power-details[open] summary svg { transform:rotate(180deg); }
.pc-studio .pc-power-breakdown { padding-top:12px; }
.pc-studio .pc-power-breakdown>div { display:flex; justify-content:space-between; gap:14px; padding:12px 0; border-bottom:1px solid #2e4034; color:#bed0c2; font-size:11px; }
.pc-studio .pc-power-breakdown>div>strong { flex-shrink:0; white-space:nowrap; color:#dfebdf; }
.pc-studio .pc-power-breakdown b { display:block; font-weight:500; color:#d3e0d6; overflow-wrap:anywhere; }
.pc-studio .pc-power-breakdown small { display:block; font-size:10px; margin-top:5px; line-height:1.6; color:#9db5a7; }
.pc-studio .pc-power-breakdown a { color:#bce4cc; text-decoration:underline; }
.pc-studio .pc-power-breakdown>p,.pc-studio .pc-power-missing,.pc-studio .pc-power-disclaimer { font-size:11px; color:#a7b9ae; margin:17px 0 0; }
.pc-studio .pc-power-missing { color:#d3bf9e; }
.pc-studio .pc-workshop-tip { background:#1c281f; }
.pc-studio .pc-workshop-tip .pc-eyebrow { display:flex; align-items:center; gap:8px; font-size:10px; letter-spacing:.08em; color:#c3d8ad; margin:0 0 16px; }
.pc-studio .pc-workshop-tip .pc-eyebrow svg { width:16px; height:16px; }
.pc-studio .pc-workshop-tip p { font-size:13px; margin:13px 0 20px; color:#afc3b4; }
.pc-studio .pc-workshop-tip .pc-text-button { font-size:12px; color:#d0e8bd; text-align:left; }
.pc-studio .pc-health-title strong { font-size:15px; }
.pc-studio .pc-health-card p { font-size:12px; margin-top:13px; }
.pc-studio .pc-health-card .pc-health-status { margin:14px 0 0; color:#c0dcc8; font-weight:600; }
.pc-studio .pc-running-summary button:focus-visible,.pc-studio #pc-power-details summary:focus-visible { outline:2px solid #c4e8d5; outline-offset:4px; }
@media(max-width:1190px) and (min-width:901px) {
 .pc-studio .pc-workbench { grid-template-columns:minmax(0,1fr) 350px; gap:26px; }
 .pc-studio .pc-running-summary>section,.pc-studio .pc-workshop-tip { padding:23px; }
 .pc-studio .pc-component-action .pc-row-control>span { display:none; }
}
@media(max-width:900px) {
 .pc-studio .pc-workbench { display:flex; flex-direction:column; gap:28px; }
 .pc-studio .pc-running-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:20px; align-items:start; }
 .pc-studio .pc-step-rail { width:100%; }
}
@media(max-width:600px) {
 .pc-studio .pc-running-summary { grid-template-columns:1fr; }
 .pc-studio .pc-running-summary>section,.pc-studio .pc-workshop-tip { padding:24px; }
 .pc-studio .pc-art-stage img { height:230px; }
 .pc-studio .pc-build-visual { display:block; }
 .pc-studio .pc-running-summary .pc-running-total strong { font-size:43px; }
}
@media(prefers-reduced-motion:reduce) { .pc-studio .pc-art-stage img { animation:none; } }
.pc-studio .pc-heading-benefits { display:flex; align-items:center; flex-wrap:wrap; gap:9px 18px; margin:18px 0 0; color:#b9d6c2; font-size:11px; }
.pc-studio .pc-heading-benefits span { display:flex; align-items:center; gap:6px; }
.pc-studio .pc-heading-benefits svg { width:14px; height:14px; }
.pc-studio .pc-montage-benefits { display:grid; gap:9px; list-style:none; margin:0 0 24px; padding:16px 0; border-top:1px solid #33483a; border-bottom:1px solid #33483a; font-size:12px; color:#c3ddcc; }
.pc-studio .pc-montage-benefits li { display:flex; gap:9px; align-items:center; }
.pc-studio .pc-montage-benefits svg { width:15px; height:15px; flex-shrink:0; color:#b6d6a5; }
.pc-studio .pc-choice-help { display:flex; gap:13px; margin:18px 0 22px; padding:18px 20px; background:#1d2d23; border:1px solid #354c3d; border-radius:12px; }
.pc-studio .pc-choice-help>span { color:#b8d5a1; flex-shrink:0; }
.pc-studio .pc-choice-help strong { font-size:14px; color:#d8e9d8; }
.pc-studio .pc-choice-help p { margin:7px 0 0; color:#abc1b1; font-size:12px; line-height:1.6; max-width:950px; }
.pc-studio .pc-heading-copy>p:not(.pc-eyebrow) { font-size:14px; color:#a6b3ad; margin:12px 0 0; line-height:1.6; }
.pc-studio .pc-build-visual .pc-visual-components { grid-template-columns:minmax(0,1fr); width:100%; min-width:0; }
.pc-studio .pc-visual-components button { min-width:0; max-width:100%; }
.pc-studio .pc-visual-components button span { min-width:0; width:0; }
.pc-studio .pc-sort select { min-width:210px; width:auto; }
.pc-studio .pc-build-insights { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) 410px; grid-template-areas:'power tip' 'power health'; gap:24px 40px; width:100%; align-items:start; }
.pc-studio .pc-build-insights .pc-power-card { grid-area:power; }
.pc-studio .pc-build-insights .pc-workshop-tip { grid-area:tip; }
.pc-studio .pc-build-insights .pc-health-card { grid-area:health; }
.pc-studio .pc-build-insights>section,.pc-studio .pc-build-insights>aside { border:1px solid #314138; border-radius:18px; background:#141d18; padding:28px; min-width:0; }
.pc-studio .pc-build-insights h3 { font-size:18px; letter-spacing:-.025em; margin:0; color:#e1f2e8; }
.pc-studio .pc-build-insights p { line-height:1.65; }
.pc-studio .pc-build-insights .pc-workshop-tip { background:#1c281f; }
.pc-studio .pc-build-insights .pc-power-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:32px; }
.pc-studio .pc-build-insights .pc-power-heading,.pc-studio .pc-build-insights #pc-power-details,.pc-studio .pc-build-insights .pc-power-missing,.pc-studio .pc-build-insights .pc-power-disclaimer { grid-column:1/-1; }
.pc-studio .pc-build-insights .pc-power-status { align-self:center; margin:22px 0 0; }
.pc-studio .pc-build-insights .pc-psu-advice { grid-column:1/-1; margin-top:18px; }
.pc-studio .pc-build-insights .pc-psu-capacity { margin:0; }
@media(max-width:1190px) and (min-width:901px) { .pc-studio .pc-build-insights { grid-template-columns:minmax(0,1fr) 350px; gap:24px 26px; } }
@media(max-width:900px) { .pc-studio .pc-build-insights { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:'power power' 'tip health'; gap:20px; } }
@media(max-width:600px) { .pc-studio .pc-build-insights { display:flex; flex-direction:column; } .pc-studio .pc-build-insights>section,.pc-studio .pc-build-insights>aside { width:100%; padding:24px; } .pc-studio .pc-build-insights .pc-power-card { display:block; } .pc-studio .pc-build-insights .pc-power-status { margin:10px 0 20px; } .pc-studio .pc-build-insights .pc-psu-capacity { margin:8px 0 20px; } }
.pc-studio .pc-purpose-picker { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.pc-studio .pc-purpose-picker>span { font-size:12px; color:#b8c9be; margin-right:6px; }
.pc-studio .pc-purpose-picker button { color:#b8cbbb; background:#151f19; border:1px solid #35463a; border-radius:99px; padding:9px 15px; font-size:12px; }
.pc-studio .pc-purpose-picker button[aria-pressed=true] { background:#c4dfc5; color:#172d20; border-color:#c4dfc5; }
@media(max-width:600px) { .pc-studio .pc-purpose-picker>span { width:100%; margin-bottom:2px; } .pc-studio .pc-purpose-picker button { padding:9px 12px; font-size:11px; } .pc-studio .pc-sort select { min-width:0; width:172px; font-size:11px; } }