/* The design task takes priority over the reference catalogue. */
.preview-column:has(.facade-editor:not([hidden])) #project-layers{display:none}
#config-form #early-base-settings{margin:0;padding:16px;border:1px solid var(--studio-border);border-radius:12px;background:var(--studio-card);display:flex;flex-direction:column;gap:12px;min-width:0}#early-base-settings legend{font-size:12px;font-weight:700;padding:0 7px}#early-base-settings small{font-size:10px;color:var(--muted);line-height:1.7}#early-base-details{width:fit-content}
.relief-color-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.relief-color-options button{min-width:0;padding:5px;border:1px solid var(--studio-border);border-radius:9px;background:var(--studio-card);color:var(--ink);cursor:pointer}.relief-color-options button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}.relief-color-options svg{display:block;width:100%;aspect-ratio:2;overflow:hidden;border-radius:4px}.relief-color-options span{display:block;font-size:9px;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.relief-color-options button:hover{border-color:var(--accent)}.relief-color-options button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[data-theme=dark] .relief-color-options button{color:#e5efdd}
.advanced-config .intro{padding:32px 0 28px}.advanced-config .intro h1{font-size:clamp(32px,4.4vw,58px);margin:14px 0 18px}.advanced-config .intro-bottom p{font-size:14px;max-width:750px}.advanced-config .config-section{padding-top:38px}.advanced-config #konfigurator>div>.eyebrow{display:none}.advanced-config .config-section h2{font-size:32px;margin:0 0 12px}.advanced-config .config-intro{font-size:13px;margin-bottom:15px}.advanced-config .studio-steps{margin-top:20px}.advanced-config .live-preview{height:420px}
#config-form :is(#row-settings,#structure-settings,#source-settings){margin:0;padding:16px;border:1px solid var(--studio-border);background:var(--studio-card);border-radius:12px;display:flex;flex-direction:column;gap:16px;min-width:0}#config-form :is(#row-settings,#structure-settings,#source-settings) legend{padding:0 8px;font-size:12px;font-weight:700}#config-form .row-enable{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer}.row-enable input{width:18px;height:18px;padding:0;accent-color:#4b5bdc}.row-editor{border-bottom:1px solid var(--studio-border);padding-bottom:14px}.row-editor:last-child{border-bottom:0;padding-bottom:0}.row-controls{display:flex;flex-direction:column;gap:12px;margin-top:12px}.row-main-note,#structure-settings p,#source-settings :is(small,p){font-size:10px;line-height:1.7;color:var(--muted)}#cutout-options{display:flex;flex-direction:column;gap:13px;border-top:1px solid var(--studio-border);padding-top:16px}#source-file-list{font-size:11px;margin:0;padding-left:18px;overflow-wrap:anywhere}#source-file-list li{margin-bottom:6px}#source-settings input{font-size:10px}#source-settings .studio-secondary{width:fit-content}.project-layers{margin-top:16px;padding:18px;background:var(--studio-card);border:1px solid var(--studio-border);border-radius:14px}.project-layers h4{font-size:12px;margin:0 0 12px}.project-layers ol{padding-left:18px;margin:0;display:flex;flex-direction:column;gap:10px}.project-layers li{font-size:10px}.project-layers li b,.project-layers li span{display:block}.project-layers li span{color:var(--muted);margin-top:3px}.sign-scene{display:block;overflow:visible;max-width:none;max-height:none;flex-shrink:0}.sign-scene .render-letter{max-height:none;max-width:none;width:unset;height:unset;overflow:visible;transform:none}.sign-base-sample{width:88%;height:65%;transform:perspective(900px) rotateY(-8deg) rotateX(2deg)}.routing-lit{filter:drop-shadow(0 0 1px #c2f5ff)}
.facade-presets>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.facade-presets button{border:1px solid var(--studio-border);border-radius:10px;background:var(--studio-card);color:var(--ink);padding:7px;min-width:0;text-align:left}.facade-presets button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}.facade-presets b{display:block;font-size:10px;line-height:1.5;margin-top:8px}.facade-presets p{font-size:10px;color:var(--muted);margin-top:12px}.preset-sketch{display:block;height:52px;border-radius:5px;position:relative;background:linear-gradient(#c9c6b9 0 35%,#747f7d 35% 43%,#294b5b 43% 94%,#a4a39b 94%)}.preset-glass{background:linear-gradient(120deg,#98aeb5aa,#c1dbe0 45%,#6e9ca8);border-inline:5px solid #5b6669}.preset-glass:before{content:'';position:absolute;inset:10px 15%;border:1px solid #a3a584;background:#2b3b3b;box-shadow:0 -12px 0 -10px #444}.preset-interior{background:linear-gradient(90deg,#c8c5b8 0 1%,#e0ddce 1% 49%,#b6b7a9 49% 50%,#e0ddce 50% 100%)}.preset-interior:before{content:'FORMORA';position:absolute;inset:15px 0;text-align:center;font:700 11px Manrope,sans-serif;color:#7b6d4b}
.facade-stage[data-preset=glass] .facade-demo{background:repeating-linear-gradient(90deg,transparent 0 32%,#394c54 32% 33.5%,transparent 33.5% 66%),linear-gradient(120deg,#d5e5de 0%,#7c9e9f 38%,#c6e1df 39%,#9cb8bb 74%,#c0d4d3 75%);box-shadow:inset 0 12px #3e5058,inset 10px 0 #3e5058,inset -10px 0 #3e5058}.facade-stage[data-preset=glass] :is(.demo-fascia,.demo-windows){display:none}.facade-stage[data-preset=interior] .facade-demo{background:repeating-linear-gradient(90deg,#ddd7c8 0 24%,#b4b3a5 24% 24.4%,#ddd7c8 24.4% 50%);box-shadow:inset 0 -22px #8d9083}.facade-stage[data-preset=interior] :is(.demo-fascia,.demo-windows){display:none}.facade-stage:is([data-mount=window],[data-mount=ceiling]) #facade-sign:before,.facade-stage:is([data-mount=window],[data-mount=ceiling]) #facade-sign:after{content:'';position:absolute;bottom:88%;height:1000px;width:2px;background:linear-gradient(90deg,#d9e0e0,#5d727a);left:22%;pointer-events:none}.facade-stage:is([data-mount=window],[data-mount=ceiling]) #facade-sign:after{left:auto;right:22%}
html[data-theme=dark] .facade-presets button{color:#e5efdd}html[data-theme=dark] .project-layers{color:#e5efdd}
@media(max-width:680px){.advanced-config .intro{padding:23px 0}.advanced-config .intro-bottom{display:flex;align-items:center;gap:14px}.advanced-config .intro-bottom p{font-size:11px}.advanced-config .intro-bottom a{font-size:10px;white-space:normal}.advanced-config .intro h1{font-size:35px}.advanced-config .config-section{padding-top:28px}.advanced-config .config-section h2{font-size:25px}.advanced-config .live-preview{height:270px}.advanced-config .studio-dimensions{display:none}.advanced-config .project-layers{padding:12px}.project-layers ol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.facade-presets b{font-size:9px}.preset-sketch{height:43px}}