/* PluginPro colours; configurator composition inspired by the supplied reference. */
.configurator-layout{background:#fff;color:#101113}.configurator-layout .top{color:white}.configurator-layout header{max-width:none;border:0;background:#fff;padding:20px 4%;position:relative;min-height:84px}.configurator-layout header .brand{color:#101113}.configurator-layout nav button{color:#101113;border-color:#ddd}.configurator-layout main{max-width:none}.configurator-layout #home,.configurator-layout .ticker{display:none}.configurator-layout #maker{padding:0;border:0;background:#c8c2bc}.configurator-layout #maker>.eyebrow,.configurator-layout #maker>h2,.configurator-layout #maker>.intro{display:none}.builder-title{padding:25px 20px 30px;text-align:center;background:white}.builder-title h2{font:700 30px 'DM Sans',Arial,sans-serif;letter-spacing:-.5px;margin:0}.builder-title p{font-size:10px;letter-spacing:3px;margin:8px 0 0;color:#888}.maker-grid{display:grid;grid-template-columns:52% 48%;gap:0;margin:0;align-items:start;max-width:1600px;margin:auto;padding:22px 22px 22px 0}.preview-panel{grid-column:1;grid-row:1;position:sticky;top:16px;align-self:start;border:0;border-radius:0;background:transparent;overflow:visible}.panel#design{grid-column:2;grid-row:1;background:white;border:0;border-radius:12px;padding:28px 25px 25px;margin:0 0 0 10px;color:#101113}.builder-help{font-size:10px;color:#888;letter-spacing:2px;margin-bottom:15px}.step-title{display:flex;align-items:center;gap:8px;margin:24px 0 8px;font-size:17px;font-weight:600}.step-title b{display:grid;place-items:center;color:white;background:var(--orange);border-radius:2px;width:24px;height:24px;font-size:17px}.step-title:first-of-type{margin-top:0}.field-help{font-size:11px;color:#888;margin-bottom:12px}.configurator-layout #design textarea,.configurator-layout #design select,.configurator-layout #design input:not([type=radio]):not([type=checkbox]):not([type=range]){background:#f4f4f4;border:1px solid #ccc;color:#101113}.text-and-logo{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.text-and-logo textarea{height:105px;text-align:center;padding:24px 10px;font-size:14px}.logo-enquiry{border-radius:12px;background:var(--orange);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#101113;padding:10px;font-size:12px;font-weight:700}.logo-enquiry strong{font-weight:500;border:1px solid #10111366;border-radius:30px;font-size:11px;padding:2px 10px;margin-top:9px}.configurator-layout #font{width:210px;font-family:cursive;font-style:italic;font-size:23px;padding:7px 15px}.effect-options label,.use-options label,.accessories label{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:400;margin:13px 0 5px}.effect-options input,.use-options input,.accessories input{width:18px;height:18px;accent-color:var(--orange);margin:0;flex-shrink:0}.effect-options small{margin:0 0 10px 28px;font-size:10px;color:#888}.configurator-layout .swatches{padding:8px 2px;gap:14px}.configurator-layout .swatches button{border-color:white;width:30px;height:30px;outline-color:#ccc}.configurator-layout .swatches button[aria-pressed=true]{outline-color:var(--orange)}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option-grid button{background:#fafafa;border:1px solid #ddd;border-radius:7px;padding:12px 5px;color:#101113;text-align:center;min-height:70px}.option-grid button[aria-pressed=true]{border:2px solid var(--orange);background:#fff1eb;padding:11px 4px}.option-grid button strong{font-size:16px}.option-grid small{font-size:10px;color:#666}.board-demo{display:block;width:90%;margin:4px auto 10px;font:italic 26px Georgia;color:#ff6639;text-shadow:0 0 6px #ff663960;border:1px solid #bcbcbc;border-radius:25px}.board-demo.rect{border-radius:0}.board-demo.letters{border:0;letter-spacing:3px;text-shadow:1px 1px #ccc,0 0 5px #ff6639}#backing{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.review-button{width:100%;margin-top:22px;border-radius:5px;font-size:16px}.configurator-layout .preview-top{position:absolute;top:0;left:20px;z-index:4;padding:0;right:20px;color:#101113}.preview-top h3{display:none}.switch{display:flex;background:#fff;border-radius:20px;padding:5px 10px;font-size:10px;box-shadow:0 2px 5px #0002}.switch input{width:14px}.stage{height:min(65vw,660px);min-height:420px;border-radius:0;background:#c8c2bc;background-size:cover;background-position:center bottom;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:125px}.stage.room{background-image:url('room.svg')}.stage:before{display:none}.stage.dark{background:radial-gradient(ellipse at 50% 35%,#282a30,#101113)}.stage.brick{background-color:#8b7970;background-image:linear-gradient(335deg,#ffffff20 23px,transparent 23px),linear-gradient(155deg,#ffffff20 23px,transparent 23px),linear-gradient(335deg,#ffffff20 23px,transparent 23px),linear-gradient(155deg,#ffffff20 23px,transparent 23px);background-size:58px 58px;background-position:0px 2px,4px 35px,29px 31px,34px 6px}.stage #preview{font-size:64px!important;max-width:88%;max-height:300px;padding:22px;overflow:auto;font-family:cursive;min-width:100px;transition:opacity .15s;line-height:1.2}.scene-tabs{position:absolute;bottom:22px;left:20px;display:flex;gap:6px;z-index:3}.scene-tabs button{background:#fff9;border:1px solid #fff6;border-radius:4px;padding:7px 10px;font-size:10px;color:#101113}.scene-tabs button.selected{background:var(--orange);border-color:var(--orange)}.stage #dimensions{top:75px;bottom:auto;border-bottom:1px solid #10111388;color:#101113;padding:0 25px;font-size:12px}.stage.dark #dimensions,.stage.dark .mockup-note{color:#ccc}.mockup-note{position:absolute;bottom:66px;left:20px;font-size:8px;color:#333;letter-spacing:1px}.brightness-control{position:absolute;top:0;right:20px;display:flex;align-items:center;background:#fff9;border-radius:20px;padding:5px 12px;margin:0;gap:8px;font-size:10px;z-index:5}.brightness-control input{width:70px}.configurator-layout .quote-panel{margin:0 20px;background:#fffffff2;border-radius:9px;padding:20px;box-shadow:0 3px 20px #00000010}.quote-panel strong{font-size:32px;display:inline-block;margin-right:10px}.quote-panel label{font-size:11px}.quote-panel select{background:#f5f5f5;color:#101113;border-color:#ddd;padding:8px}.quote-panel .actions{margin:12px 0 0}.quote-panel .pill{border-radius:5px;font-size:11px;padding:12px 14px}.quote-panel .outline{color:#101113;border-color:#ccc;border-radius:5px;font-size:11px;padding:12px 14px}.quote-panel .notice{color:#666;font-size:10px}.quote-panel #calculation{color:#666;font-size:10px}.configurator-layout #services,.configurator-layout #work,.configurator-layout .process,.configurator-layout .enquiry{background:#101113;color:white;max-width:1400px;margin:auto}.configurator-layout footer{background:#101113;max-width:none;padding-left:max(5%,calc((100vw - 1260px)/2))}.enquiry .panel{color:white}.rgb-effect{animation:rgb-shift 7s linear infinite}.dynamic-effect{animation:rgb-shift 3s linear infinite,light-pulse 1.6s ease-in-out infinite}@keyframes rgb-shift{to{filter:hue-rotate(360deg)}}@keyframes light-pulse{50%{opacity:.45}}dialog{border:0;border-radius:15px;background:#fff;color:#101113;padding:35px;width:min(620px,92vw);max-height:90vh}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}dialog h2{font-size:28px}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 'DM Sans',Arial,sans-serif;background:#f4f4f4;padding:18px;border-radius:9px}dialog p{font-size:12px;color:#666}.close-review{position:absolute;top:12px;right:15px;background:none;border:0;font-size:25px}@media(min-width:1600px){.maker-grid{padding-left:22px}.stage{border-radius:12px}}@media(max-width:900px){.maker-grid{grid-template-columns:48% 52%;padding-right:15px}.panel#design{padding:20px 16px}.text-and-logo{grid-template-columns:1fr}.text-and-logo textarea{height:88px}.logo-enquiry{flex-direction:row;gap:10px;padding:8px;font-size:10px}.logo-enquiry strong{margin:0}.stage #preview{font-size:46px!important}.brightness-control{display:none}.stage{min-height:440px}.quote-panel .actions{flex-direction:column}.option-grid{gap:6px}.step-title{font-size:15px}}@media(max-width:650px){.configurator-layout header{padding:16px 5%;min-height:65px}.builder-title{padding:20px}.builder-title h2{font-size:22px}.maker-grid{display:flex;flex-direction:column;padding:0}.preview-panel{position:relative;top:0;width:100%;order:0}.stage{height:390px;min-height:390px;padding-top:100px;background-position:center 73%}.stage #preview{font-size:45px!important}.stage #dimensions{top:50px}.preview-top{top:15px!important}.scene-tabs{bottom:16px}.mockup-note{bottom:57px}.configurator-layout .quote-panel{margin:12px;border-radius:10px;padding:18px}.quote-panel .actions{flex-direction:row}.panel#design{width:calc(100% - 24px);margin:0 12px 12px;padding:23px 20px;order:1}.text-and-logo{grid-template-columns:1.5fr 1fr}.logo-enquiry{flex-direction:column;font-size:10px}.text-and-logo textarea{height:100px}.brightness-control{display:flex;top:15px}.scene-tabs button{font-size:9px}.option-grid{gap:10px}.step-title{font-size:16px}.configurator-layout .top{font-size:8px}}@media(prefers-reduced-motion:reduce){.rgb-effect,.dynamic-effect{animation:none}}
