.wj-configurator{--ink:#203132;--accent:#bd693c;--paper:#f5f3ee;color:var(--ink);max-width:1360px;margin:auto;padding:32px 24px 48px;font:16px/1.6 Arial,sans-serif}.wj-configurator *{box-sizing:border-box}.wj-configurator .wj-eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#71563e}.wj-configurator h1{font-family:Georgia,serif!important;font-size:clamp(30px,3.4vw,48px)!important;line-height:1.13!important;color:var(--ink)!important;max-width:800px;margin:12px 0 16px!important;font-weight:400!important}.wj-configurator h2{font:600 23px/1.25 Arial,sans-serif!important;color:var(--ink)!important;margin:9px 0 18px!important}.wj-configurator h3{font:600 18px/1.4 Arial,sans-serif!important;color:var(--ink)!important;margin:10px 0 4px!important}.wj-intro>p{font-size:18px;margin:0 0 20px}.wj-intro ol{display:flex;gap:28px;padding:0;list-style:none;counter-reset:step;margin:0 0 26px;font-size:13px}.wj-intro li{counter-increment:step;display:flex;align-items:center;gap:8px}.wj-intro li:before{content:counter(step);background:var(--ink);color:white;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:11px}.wj-workshop{display:grid;grid-template-columns:minmax(0,1fr) 310px;background:var(--paper);border:1px solid #dce0d9;border-radius:14px;overflow:hidden}.wj-stage-wrap{padding:24px;min-width:0;align-self:start}.wj-stage-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:18px}.wj-stage-top span{color:#677674;font-size:12px}.wj-configurator canvas{display:block;width:100%;height:auto;aspect-ratio:3/2;background:#e4e8e1;border-radius:8px;touch-action:none;cursor:grab}.wj-configurator canvas:active{cursor:grabbing}.wj-configurator :focus-visible{outline:3px solid #16898b;outline-offset:4px}.wj-hint{text-align:center;font-size:12px;color:#526562;margin:14px 0 0}.wj-controls{background:#fff;padding:25px 24px;border-left:1px solid #dce0d9}.wj-configurator .wj-upload,.wj-configurator button{font:600 14px/1.3 Arial,sans-serif;min-height:44px;padding:12px 14px;border-radius:5px;border:1px solid #b6c0b8;cursor:pointer;text-align:center;display:block;width:100%;transition:background .15s}.wj-configurator .wj-upload{position:relative;overflow:hidden;background:var(--ink);color:#fff}.wj-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.wj-upload:focus-within{outline:3px solid #16898b;outline-offset:3px}.wj-configurator .wj-small{font-size:12px;line-height:1.6;color:#5e6c67;margin:12px 0}.wj-configurator button.wj-link{border:0;background:none;color:#6d4c34;padding:0;text-decoration:underline;text-align:left;font-size:12px}.wj-configurator hr{border:0;border-top:1px solid #e1e5de;margin:18px 0}.wj-controls>label:not(.wj-upload){display:block;margin-top:14px;font-size:13px;font-weight:600}.wj-controls output{float:right;color:#64736c}.wj-controls input[type=range]{width:100%;accent-color:var(--accent);min-height:32px;display:block;margin:0}.wj-controls .wj-checkbox{display:flex!important;align-items:center;gap:8px;font-weight:400!important}.wj-checkbox input{width:18px;height:18px;accent-color:var(--ink)}.wj-configurator button.wj-secondary{background:#fff;color:var(--ink);margin-top:18px}.wj-configurator button.wj-primary{background:var(--accent);color:#fff;border-color:var(--accent);margin-top:10px}.wj-configurator button:disabled{opacity:.45;cursor:wait}.wj-configurator button:hover:not(:disabled){filter:brightness(.94)}.wj-status{font-size:12px;line-height:1.5;margin:14px 0 0;min-height:36px}.wj-notice{font-size:12px;line-height:1.65;color:#68746e;max-width:1000px;margin:22px 0 0}.wj-notice strong{color:#34493e}@media(max-width:800px){.wj-workshop{grid-template-columns:1fr}.wj-controls{border-left:0;border-top:1px solid #dce0d9}.wj-configurator{padding:24px 12px 36px}.wj-stage-wrap{padding:16px}.wj-intro ol{gap:10px;font-size:11px;flex-wrap:wrap}.wj-intro>p{font-size:16px}.wj-stage-top{font-size:12px}.wj-controls{padding:24px}.wj-hint{font-size:11px}.wj-configurator canvas{aspect-ratio:3/2}}
/* Standalone demo on the existing home page; other template pages are unchanged. */
body.page-id-609 .fusion-tb-header,body.page-id-609 .fusion-footer-copyright-area{display:none!important}
body.page-id-609 #main{padding-top:0!important;padding-bottom:0!important}

.wj-perspective{border:1px solid #dce0d9;border-radius:6px;margin:20px 0;padding:16px 12px}.wj-perspective legend{font-size:15px;font-weight:700;padding:0 5px}.wj-perspective>label{display:block;font-size:13px;font-weight:600}.wj-perspective .wj-checkbox{font-size:12px;margin:12px 0}.wj-configurator .wj-corner-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.wj-configurator .wj-corner-buttons button{font-size:11px;padding:8px 5px;background:#fff;color:#203132}.wj-configurator .wj-corner-buttons button[aria-pressed=true]{background:#203132;color:white;border-color:#203132}.wj-stage-wrap{position:sticky;top:20px}@media(max-width:800px){.wj-stage-wrap{position:static}}

.wj-configurator [hidden]{display:none!important}.wj-configurator .wj-yaw{border:2px solid #16898b;border-radius:6px;margin:20px 0;padding:16px 12px}.wj-yaw legend{font-size:15px;font-weight:700;padding:0 5px}.wj-yaw>label{display:block;margin:15px 0 0;font-size:13px;font-weight:600}.wj-yaw-buttons{display:flex;gap:8px;margin-top:8px}.wj-configurator .wj-yaw-buttons button{font-size:12px;padding:10px 5px;background:#203132;color:white}.wj-mode-label{font-size:13px;font-weight:600;display:block;margin-top:18px}.wj-mode-label select{display:block;width:100%;min-height:44px;background:#fff;border:1px solid #a9b6ac;border-radius:5px;color:#203132;font:13px Arial,sans-serif;padding:8px;margin-top:6px}

/* Keep the photograph visible while the settings scroll independently. */
.wj-workshop{height:min(780px,calc(100dvh - 100px));min-height:420px;align-items:stretch}.wj-stage-wrap{position:static;top:auto;align-self:stretch;display:flex;flex-direction:column;height:100%;min-height:0}.wj-stage-top{flex:none}.wj-canvas-box{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.wj-configurator .wj-canvas-box canvas{width:auto;height:auto;max-width:100%;max-height:100%;flex:none}.wj-hint{flex:none}.wj-controls{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.wj-intro{margin-bottom:20px}@media(max-width:800px){.wj-workshop{height:calc(100dvh - 70px);min-height:340px;display:flex;flex-direction:column}.wj-stage-wrap{height:43%;flex:0 0 43%;padding:12px}.wj-stage-top{margin-bottom:8px}.wj-hint{margin-top:8px;font-size:10px;line-height:1.4}.wj-controls{height:auto;flex:1;min-height:0}.wj-configurator{padding-top:16px}.wj-canvas-box{background:#e7ebe4;border-radius:6px}}

.wj-fit{border:1px solid #9fb5ad;border-radius:6px;padding:12px;margin:18px 0}.wj-fit legend{font-size:14px;font-weight:700}.wj-fit>label{display:block;margin-top:12px;font-size:12px;font-weight:600}.wj-fit-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.wj-configurator .wj-fit-buttons button{font-size:10px;padding:7px 4px;background:#fff;color:#203132}.wj-configurator .wj-fit-buttons button[aria-pressed=true]{background:#203132;color:#fff}