#pc-app{color:#173e58}.pc-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}#pc-app button{font:inherit;border:1px solid #b4c3cf;border-radius:3px;background:white;color:#173e58;padding:12px 18px;min-height:46px;cursor:pointer}#pc-app button:disabled{opacity:.45;cursor:default}#pc-app :focus-visible{outline:3px solid #c52240;outline-offset:3px}.pc-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:32px;align-items:start}#pc-form{padding:24px;border:1px solid #dce4e9;background:#f8fafb}#pc-form h3{font-size:20px;margin:8px 0 22px}.pc-field{margin-bottom:24px}.pc-field label{display:flex;justify-content:space-between;gap:10px;font-size:15px;font-weight:600}.pc-field label span{font-size:13px;font-weight:400}.pc-field input{width:100%;box-sizing:border-box;padding:12px;margin-top:8px;border:1px solid #aebdca;border-radius:3px;background:white;color:#173e58;font:inherit;font-size:20px}.pc-field p{font-size:12px;line-height:1.6;margin:7px 0}.pc-field:focus-within label{color:#c52240}.pc-field input[aria-invalid=true]{border-color:#c52240}.pc-error{color:#b01a30}.pc-error:empty{display:none}.pc-output{min-width:0}.pc-heading{padding:22px;background:#f3f6f9;border-top:3px solid #c52240}.pc-heading h2{font-size:25px;margin:8px 0}.pc-heading p{line-height:1.6;font-size:14px}.pc-views{display:flex;gap:8px;margin:18px 0}#pc-app .pc-views button{flex:1;padding:12px 8px;font-size:14px}#pc-app [aria-pressed=true]{background:#173e58;color:white}#pc-preview-note{font-size:12px;color:#617386}#pc-drawing{border:1px solid #dce4e9;background:#f6f8fa}#pc-drawing svg{width:100%;display:block;font-family:inherit;font-size:18px;fill:#173e58}.pc-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:12px 0}.pc-legend span{display:flex;align-items:center;gap:7px}.pc-legend i{width:18px;height:10px;display:inline-block}.pc-resin{background:#bce0da}.pc-mortar{background:#dcbf88}.pc-pipe{border:2px solid #173e58;background:white}.pc-note{font-size:12px;line-height:1.7;color:#617386}#pc-status{padding:16px;background:#edf2f6;font-size:14px;line-height:1.6;margin:22px 0}.pc-result-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pc-result-cards article{padding:20px;border:1px solid #dce4e9;border-top:4px solid #087477}.pc-result-cards .pc-cement{border-top-color:#b58d46}.pc-result-cards span{font-size:14px}.pc-result-cards strong{display:block;font-size:34px;margin:10px 0}.pc-result-cards p{font-size:12px;line-height:1.6}.pc-breakdown{margin:20px 0}.pc-breakdown>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e1e7ec;padding:12px 0;font-size:14px}.pc-breakdown dd{margin:0;font-weight:700;white-space:nowrap}#pc-app details{margin-top:26px;border-top:1px solid #dce4e9;padding-top:20px}#pc-app summary{font-weight:600;cursor:pointer}#pc-app details p{font-size:14px;line-height:1.7}.pc-process{margin-top:50px}.pc-process h2{font-size:28px}.pc-process figure{margin:25px 0}.pc-process img{width:100%;height:auto}.pc-process p,.pc-process figcaption{font-size:14px;line-height:1.7}.pc-optional{padding:16px 0}.pc-optional .pc-field:first-of-type{margin-top:20px}@media(max-width:800px){.pc-layout{grid-template-columns:1fr}.pc-output{grid-row:1}#pc-form{padding:18px}.pc-result-cards{grid-template-columns:1fr 1fr}.pc-result-cards article{padding:14px}.pc-result-cards strong{font-size:27px}#pc-drawing svg{font-size:20px}.pc-heading{padding:18px}}@media(max-width:380px){.pc-result-cards{grid-template-columns:1fr}.pc-views{flex-wrap:wrap}}@media print{.rb-header,.rb-footer,.pc-toolbar,.pc-process,.pc-views{display:none!important}.pc-layout{grid-template-columns:1fr 1.4fr;gap:20px}#pc-form{padding:12px}.pc-field{margin-bottom:12px}.pc-field p{font-size:10px}.pc-result-cards{break-inside:avoid}#pc-app details{display:block}}

.pc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;margin:28px 0}.pc-process .pc-step{margin:0;min-width:0}.pc-step-image{position:relative;overflow:hidden;aspect-ratio:410 / 427;background:#f3f6f9}.pc-step-image img{width:300%;max-width:none;height:100%;object-fit:fill;display:block}.pc-slice-1 img{transform:translateX(-33.333333%)}.pc-slice-2 img{transform:translateX(-66.666667%)}.pc-step figcaption{display:flex;gap:12px;align-items:flex-start;padding:16px 0}.pc-step figcaption strong{font-size:17px;display:block;color:#173e58}.pc-step figcaption p{margin:6px 0 0;font-size:13px;line-height:1.65}.pc-step-number{display:grid;place-items:center;flex:0 0 32px;height:32px;background:#173e58;color:#fff;font-weight:700;border-radius:3px}.pc-port-marker{position:absolute;top:17%;left:43%;color:#c52240;font-size:54px;line-height:1;text-shadow:0 0 3px white}.pc-control-jump{position:absolute;left:10px;right:10px;bottom:12px;background:#fff;border-left:4px solid #c52240;color:#173e58;padding:9px;font-size:13px;font-weight:600;text-decoration:none}.pc-flow-check{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:28px;background:#f3f6f9;border-left:4px solid #c52240;padding:26px;margin:20px 0;scroll-margin-top:100px}.pc-flow-check h3{font-size:23px;margin:8px 0}.pc-flow-check svg{width:100%;max-height:300px}.pc-orientations{margin-top:50px}.pc-orientation-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.pc-orientation-grid article{border:1px solid #dce4e9;padding:20px}.pc-orientation-grid h3{font-size:22px;margin:0 0 18px}.pc-orientation-grid img{aspect-ratio:3/2;object-fit:contain;background:#f3f6f9}.pc-orientation-grid ol{padding-left:23px;font-size:14px;line-height:1.7}.pc-orientation-grid li{padding-bottom:10px}.pc-full-image{display:block;cursor:zoom-in}.pc-video{margin-bottom:24px}@media(max-width:800px){.pc-steps{grid-template-columns:1fr;gap:22px}.pc-step-image{max-height:460px}.pc-flow-check,.pc-orientation-grid{grid-template-columns:1fr}.pc-flow-check{padding:18px}.pc-flow-check svg{max-height:260px}.pc-orientation-grid article{padding:16px}}

/* Crop each original triptych panel without neighbouring image fragments. */
.pc-step-image img{width:330%;transform:none}.pc-slice-1 img{transform:translateX(-34.848485%)}.pc-slice-2 img{transform:translateX(-69.69697%)}.pc-port-marker{left:62%;top:24%;transform:translate(-50%,-50%);width:42px;height:42px;border:3px solid #c52240;border-radius:50%;font-size:0;box-shadow:0 0 0 2px #fff8}.pc-port-marker:after{content:"";position:absolute;inset:6px;border:1px solid #c52240;border-radius:50%}

/* Placement changes application guidance without touching the entered dimensions. */
.pc-placement{border:1px solid #dce4e9;border-top:3px solid #c52240;margin-bottom:32px;padding:24px;background:#fff}.pc-placement-choice{border:0;padding:0;margin:0;min-width:0}.pc-placement-choice legend{font-size:22px;font-weight:600;margin-bottom:16px;padding:0}.pc-placement-options{display:flex;gap:10px}.pc-placement-options label{position:relative;flex:1;max-width:190px;cursor:pointer}.pc-placement-options input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.pc-placement-options span{display:block;text-align:center;padding:13px 18px;border:1px solid #b4c3cf;border-radius:3px;font-weight:600}.pc-placement-options input:checked+span{background:#173e58;border-color:#173e58;color:white}.pc-placement-options input:focus-visible+span{outline:3px solid #c52240;outline-offset:3px}.pc-placement-content{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr);align-items:center;gap:28px;margin-top:22px}#pc-placement-image{background:#f6f8fa;border:1px solid #e1e7ec;min-width:0}#pc-placement-image a{display:block;cursor:zoom-in}#pc-placement-image img,#pc-placement-image svg{width:100%;height:280px;object-fit:contain;display:block}#pc-placement-help h2{font-size:22px;margin:0 0 18px}#pc-placement-help dl{margin:0}#pc-placement-help dl>div{margin-bottom:16px}#pc-placement-help dt{font-size:15px;font-weight:700;color:#087477}#pc-placement-help dl>div+div dt{color:#c52240}#pc-placement-help dd{margin:5px 0 0;font-size:14px;line-height:1.7}.pc-placement-note{border-top:1px solid #e1e7ec;padding-top:12px;margin-bottom:0}@media(max-width:800px){.pc-placement{padding:18px}.pc-placement-content{grid-template-columns:1fr;gap:20px}#pc-placement-image img,#pc-placement-image svg{height:240px}.pc-placement-options label{max-width:none}.pc-placement-options span{padding:13px 8px}.pc-placement-choice legend{font-size:21px}}@media print{.pc-placement{break-inside:avoid;padding:14px}.pc-placement-options label:has(input:not(:checked)){display:none}.pc-placement-content{grid-template-columns:1fr 1.4fr}#pc-placement-image img,#pc-placement-image svg{height:200px}}

/* Original catalogue panel retains the same crop as step 5. */
#pc-placement-image .pc-placement-wall{height:280px;max-width:270px;margin:auto;aspect-ratio:auto}#pc-placement-image .pc-placement-wall img{width:330%;max-width:none;height:100%;object-fit:fill;transform:translateX(-34.848485%)}
#pc-placement-image:has(.pc-placement-wall){background:#fff}
@media(max-width:800px){#pc-placement-image .pc-placement-wall{height:240px;max-width:230px}}
@media(max-width:800px){#pc-drawing svg:has([data-pipe-axis="vertical"]){font-size:26px}}

.pc-arrow-key{display:flex;justify-content:center;gap:12px 20px;flex-wrap:wrap;padding:12px;background:#fff;color:#173e58;font-size:13px;line-height:1.5}.pc-arrow-key span{display:flex;align-items:center;gap:7px}.pc-arrow-key b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#087477;color:#fff}.pc-arrow-key span+span b{background:#c52240}.pc-orientation-grid ul{padding-left:23px;font-size:14px;line-height:1.7}