.bathroom-before-after{border-top:1px solid #d8ded8;margin-top:2rem;padding-block:1.5rem;display:grid;gap:1.25rem;min-width:0}.presentation-fields{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));font-size:.875rem}.presentation-fields input,.presentation-fields select{display:block;width:100%;min-height:44px;border:1px solid #ccd3ce;border-radius:6px;padding:.65rem;margin-top:.4rem;background:#fff}.before-after-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.comparison-image,.before-after-stage{aspect-ratio:4/3;background:#eeece6;position:relative;overflow:hidden}.comparison-image img,.before-after-stage img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.comparison-image p{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;padding:1.5rem;color:#647369;text-align:center;font-size:.875rem}.before-after-pair figcaption{font-weight:600;padding-top:.6rem;color:#213c35}.before-after-pair figcaption span{font-size:.8rem;font-weight:400;margin-left:.6rem;color:#667269}.before-after-stage .before-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#eeece6}.before-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 5px #0007;pointer-events:none}.before-label,.after-label{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:4px;background:#213c35;color:#fff;font-size:.8rem}.after-label{left:auto;right:12px}@media (max-width:639px){.presentation-fields,.before-after-pair{grid-template-columns:minmax(0,1fr)}.bathroom-before-after button{max-width:100%;white-space:normal;height:auto;min-height:44px}}.bathroom-studio .studio-intro{padding-top:28px}.bathroom-studio .studio-intro h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:600;line-height:1.2;letter-spacing:-.02em}.bathroom-studio .studio-intro p{margin-top:12px;max-width:65ch;font-size:.875rem;line-height:1.55;color:#4f5e55}.bathroom-studio .studio-example-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:12px 0;border-bottom:1px solid #dcded7}.bathroom-studio .studio-example-controls p+p{margin-top:4px;color:#4f5e55}.bathroom-studio .studio-example-actions{display:flex;flex-wrap:wrap;gap:8px}.bathroom-studio .studio-example-actions button{white-space:normal;height:auto}.bathroom-studio #studio{--studio-copy: .875rem;--studio-heading: 1rem;font-size:var(--studio-copy);line-height:1.55}.bathroom-studio #studio :is(button,summary,label,.planner-selection-summary,.scene-touch-hint){font-size:var(--studio-copy);line-height:1.45}.bathroom-studio #studio button{min-height:44px}.bathroom-studio #studio :is(.text-xs,.text-sm){font-size:var(--studio-copy);line-height:1.55}.bathroom-studio #studio :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-height:44px}.bathroom-studio #studio :is(h2,h3){line-height:1.35}.bathroom-studio #studio .text-2xl{font-size:1.25rem}.bathroom-studio #studio .text-lg{font-size:var(--studio-heading)}.bathroom-studio #studio .studio-tabs{margin-bottom:24px}.bathroom-studio #studio .studio-tabs button{font-weight:600}.bathroom-studio #studio .studio-tabs button:focus-visible{outline:2px solid #7e6042;outline-offset:3px}.bathroom-studio .studio-file-tools{padding:0 0 16px;margin-bottom:24px}.bathroom-studio .studio-file-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;font-weight:600}.bathroom-studio .studio-file-tools>summary::-webkit-details-marker{display:none}.bathroom-studio .studio-file-tools>summary:after{content:"+";font-size:20px;font-weight:400}.bathroom-studio .studio-file-tools[open]>summary:after{content:"−"}.bathroom-studio .studio-file-tools>summary:focus-visible{outline:2px solid #7e6042;outline-offset:3px}.bathroom-studio .studio-file-tools :is(h2,h3){font-size:var(--studio-heading);font-weight:600}.bathroom-studio .studio-file-tools p{max-width:70ch}.bathroom-studio .studio-file-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.bathroom-studio .studio-file-actions button{white-space:normal;height:auto;padding:10px 14px}.bathroom-studio .studio-sharing-disclosure{padding-top:8px;border-top:1px solid #dcded7}.bathroom-studio .studio-sharing-disclosure>summary{display:list-item;cursor:pointer;min-height:44px;padding:10px 0;font-weight:500}.bathroom-studio .studio-sharing-disclosure>div{margin:8px 0;padding:16px;border:1px solid #dcded7;border-radius:8px;background:#f4f5f0}.bathroom-studio .studio-sharing-disclosure button{white-space:normal;height:auto}.bathroom-studio .studio-feedback{margin:0 0 20px;padding:12px 16px;border-radius:8px;font-size:var(--studio-copy);line-height:1.55}.bathroom-studio .studio-feedback-note{background:#edf1ed;color:#354c40}.bathroom-studio .studio-feedback-error{background:#fff1f0;color:#9a2825}.bathroom-studio .studio-plan-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bathroom-studio .studio-plan-actions>:first-child{grid-row:auto}.bathroom-studio .studio-plan-actions>a{grid-column:1 / -1}.bathroom-studio :is(.studio-contact-actions,.studio-export-actions){display:grid;gap:12px;align-content:start}.bathroom-studio .studio-budget-total[hidden]{display:none}.bathroom-studio #studio .planner-toolbar{gap:8px}.bathroom-studio #studio .planner-toolbar button{white-space:normal;height:auto}@media (max-width: 639px){.bathroom-studio .studio-file-actions{display:grid;grid-template-columns:minmax(0,1fr)}.bathroom-studio .studio-file-actions button{justify-content:flex-start}.bathroom-studio .studio-plan-actions{grid-template-columns:minmax(0,1fr)}}@media (max-width: 359px){.bathroom-studio #studio .design-view-switch button{padding:0 4px}.bathroom-studio #studio .planner-mobile-dock button{gap:4px;padding:4px 2px;font-size:.8125rem}}