.design-grid{grid-template-columns:1.1fr 1fr;gap:24px;display:grid}.design-view{text-align:center;background:#e7eef4;border-radius:12px;padding:18px;overflow:hidden}.design-view small{color:#41526b;margin-top:12px;display:block}.design-tabs{justify-content:center;gap:4px;display:flex}.design-tabs button,.material-caption button,.design-fields select,.design-fields input:not([type=color]),.portal-panel select,.portal-panel input,.portal-panel textarea{background:#fff;border:1px solid #b5bdca;border-radius:7px;padding:9px 12px}.design-tabs button{font-size:12px}.design-fields{gap:13px;display:grid}.design-fields label,.portal-panel label{gap:5px;font-weight:600;display:grid}.design-colours{flex-wrap:wrap;align-items:flex-end;gap:9px;display:flex}.design-colours button{border:2px solid #fff;border-radius:50%;width:27px;height:27px}.design-colours button[aria-pressed=true]{outline:2px solid #253961}.board-choice{font-size:13px}.model-stage{perspective:900px;place-items:center;height:210px;display:grid}.model-body{--w:160px;--h:94px;--d:94px;transform-style:preserve-3d;width:var(--w);height:var(--h);position:relative}.model-folding{--w:96px;--h:125px;--d:62px}.model-rigid{--w:145px;--h:75px}.model-body>div{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--face);border:1px solid #0003;position:absolute}.model-front,.model-back{place-items:center;display:grid;inset:0}.model-front{transform:translateZ(calc(var(--d)/2));color:#fff;font-weight:700;overflow:hidden}.model-front span{text-shadow:0 1px 3px #0007;overflow-wrap:anywhere;max-width:90%}.model-back{transform:rotateY(180deg) translateZ(calc(var(--d)/2))}.model-top{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2);transform:rotateX(90deg) translateZ(calc(var(--h)/2));filter:brightness(1.2)}.model-right,.model-left{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);filter:brightness(.76)}.model-right{transform:rotateY(90deg) translateZ(calc(var(--w)/2))}.model-left{transform:rotateY(-90deg) translateZ(calc(var(--w)/2))}.model-rigid .model-front:before,.model-rigid .model-right:before,.model-rigid .model-left:before{content:"";border-bottom:2px solid #0003;height:24%;position:absolute;inset:0 0 auto}.surface-Gloss>div{background:linear-gradient(125deg,#fff4,transparent 50%),var(--face)}.surface-Foil .model-front span{color:#f2d389}.turntable{justify-content:center;align-items:center;gap:8px;display:flex}.swatch-large{object-fit:cover;border-radius:8px;width:100%;height:190px;margin-top:12px}.materials-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.materials-row button{text-align:left;background:#fff;border:1px solid #d9dfe6;border-radius:12px;padding:0;overflow:hidden}.materials-row img{object-fit:cover;width:100%;height:128px;display:block}.materials-row strong{padding:12px;display:block}.material-caption{justify-content:space-between;align-items:center;gap:15px;display:flex}.material-caption button{flex-shrink:0;align-items:center;gap:8px;display:flex}.tool-nav{flex-wrap:wrap;gap:12px;display:flex}.tool-nav a,.tool-nav button{color:#244485;background:#fff;border:1px solid #cdd7e0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:650;text-decoration:none;display:inline-flex}.portal-panel{background:#fff;border:1px solid #d8dfe7;border-radius:14px;margin:14px 0;padding:20px}.portal-panel h3,.portal-panel h2{margin-top:0}.portal-panel input,.portal-panel select,.portal-panel textarea{color:#172345;max-width:100%}.portal-rows{gap:12px;display:grid}.portal-rows article{background:#fff;border:1px solid #d8dfe7;border-radius:9px;padding:16px}.portal-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sp-nav nav>a{color:#263750;font-weight:650;text-decoration:none}.portal-container{max-width:1180px;margin:0 auto;padding:30px 24px 65px}.portal-container h1{letter-spacing:-.045em;margin:15px 0 22px;font-size:clamp(32px,5vw,56px)}.price-lines{gap:6px;display:grid}.price-lines div{border-bottom:1px solid #e1e5ea;justify-content:space-between;padding:7px 0;display:flex}.portal-panel details>summary{cursor:pointer;font-weight:650}.portal-error{color:#922b24}.guide-start{background:#edf2ff;border-radius:12px;margin:0 0 18px;padding:14px}.guide-start textarea{color:#172345;width:100%;min-height:64px;padding:10px}.guide-start button{background:#fff;border:1px solid #c3ccdf;border-radius:6px;margin-top:7px;padding:7px 12px}.guide-start summary{cursor:pointer;font-weight:700}.project-path{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.project-path>div{background:#edf2f8;border-radius:8px;padding:12px}.project-path small{margin-top:4px;display:block}.project-path strong{color:#243e77}.sp-nav nav{flex-wrap:wrap}.sp-nav button:hover,.sp-footer a:hover,.tool-nav a:hover{text-decoration:underline}@media (max-width:780px){.design-grid,.portal-pair{grid-template-columns:1fr}.materials-row{grid-template-columns:repeat(2,1fr)}.material-caption{flex-direction:column;align-items:flex-start}.sp-nav{flex-wrap:wrap;gap:12px}.sp-nav nav{gap:12px}.sp-nav nav>a{font-size:13px}}.source-layout{grid-template-columns:minmax(225px,1fr) 2fr;gap:16px;display:grid}.source-list{align-content:start;gap:7px;max-height:75vh;display:grid;overflow:auto}.source-list button{text-align:left;background:#fff;border:1px solid #ccd5df;border-radius:8px;gap:4px;padding:12px;display:grid}.source-list button span,.source-list button small{color:#526478}.source-layout>.portal-panel{margin-top:0}.portal-panel>label,.portal-panel>button,.portal-panel>h3{margin-bottom:12px}.tool-nav button[aria-pressed=true]{color:#fff;background:#284b93}@media (max-width:720px){.source-layout{grid-template-columns:1fr}.source-list{max-height:260px}}.use-cases{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.use-cases button{text-align:left;background:#fff;border:1px solid #d9dfe5;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.use-cases img{object-fit:cover;border-radius:6px;width:72px;height:68px}.use-cases small{color:#526277;margin-top:4px;display:block}.use-cases svg{flex-shrink:0;margin-left:auto}@media (max-width:740px){.use-cases{grid-template-columns:1fr}.use-cases img{width:65px;height:55px}}.advisor-panel form{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.advisor-panel form input{flex:1;min-width:160px}.advisor-panel form button{color:#fff;background:#304da7;border:0;border-radius:6px;padding:8px 14px}.advisor-panel small a{display:block}.advisor-panel>div[role=status]{background:#edf2fa;border-radius:8px;padding:14px}.model-top{transition:transform .35s}.model-open .model-top{transform:translateY(calc(var(--h) * -.9)) rotateX(65deg) translateZ(calc(var(--d) * -.2))}.model-rigid.model-open .model-top{transform:translateY(calc(var(--h) * -1.15)) rotateX(90deg) translateZ(12px)}.model-body>.model-inside{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2);transform:rotateX(90deg) translateZ(calc(var(--h) * -.45));background:#bc9a74}.model-toggle{background:#fff;border:1px solid #9eafc3;border-radius:6px;margin:2px 0 9px;padding:5px 10px}.design-view .model-stage{height:240px}