:root{--paper:#f4f3ef;--card:#fff;--ink:#242921;--muted:#7d8077;--line:#e4e5dd;--lime:#d6f477;--green:#536438;--radius:20px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.38;cursor:default}button,a,input,textarea,summary{touch-action:manipulation}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #899ff4;outline-offset:3px}input:focus-visible,textarea:focus-visible{outline:2px solid #8a9d66;outline-offset:1px}input[type=range]{accent-color:#566a38;width:100%;height:3px;cursor:pointer;margin:14px 0 4px}input[type=checkbox]{accent-color:#4a5c33;width:16px;height:16px;flex:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}a{color:inherit;text-decoration:none}svg.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.header{height:91px;padding:0 4.6%;border-bottom:1px solid #dfe1d7;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f7f6f2}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:21px;letter-spacing:1px;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;width:44px;height:43px;background:#d3ed8a;font-size:32px;font-weight:900;letter-spacing:-11px;padding-right:10px;transform:skew(-7deg);border-radius:9px;line-height:1}.brand-mark span{font-size:22px;transform:translate(3px,2px)}.brand-small{display:block;font-size:7px;letter-spacing:1.7px;font-weight:600;margin-top:5px}.header nav{display:flex;align-items:center;height:100%;gap:34px;font-size:12px;font-weight:600}.nav-active{height:100%;display:flex;align-items:center;position:relative}.nav-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#73894e}.text-button{padding:12px 0;font-size:12px;color:#777c71}.header-actions{display:flex;align-items:center;gap:24px}.language-button{font-size:11px;font-weight:bold;white-space:nowrap;padding:10px 0}.language-button span{font-weight:normal;color:#898d82;margin-left:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:13px 18px;font-size:12px;font-weight:600;min-height:44px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button-outline{border:1px solid #d2d6c9;background:transparent}.button-outline:hover{background:#eef1e7}.button-primary{background:#d6f477;color:#243019;border:1px solid #c8e469}.button-primary:hover{background:#cbed66}.save-button{padding:11px 14px;font-size:11px;gap:9px}.save-button .icon{width:16px;height:16px}.chevron{margin-left:8px}.save-wrap{position:relative}.menu{position:absolute;z-index:20;right:0;top:calc(100% + 10px);padding:7px;width:245px;background:#fff;box-shadow:0 10px 45px #1c271226;border:1px solid var(--line);border-radius:13px}.menu button{text-align:left;width:100%;font-size:12px;padding:12px;border-radius:7px}.menu button:hover{background:#f1f3eb}.menu .danger{color:#a46a53}.menu p{font-size:10px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding:12px 10px 3px;margin:5px 0}.studio-shell{max-width:1550px;margin:auto;padding:38px 4.6% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;margin:0 0 10px;display:flex;align-items:center;gap:7px;color:#7a8171}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#8d9b67}h1{font-size:42px;letter-spacing:-1.8px;font-weight:500;margin:0 0 9px;line-height:1.1}.intro-copy{font-size:12px;color:#7d8276;margin:0;line-height:1.6}.workflow{display:flex;align-items:center;gap:14px;margin-top:17px}.step{display:flex;align-items:center;gap:7px;font-size:10px;color:#999d92;white-space:nowrap}.step b{font-size:9px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #dfe2d7;border-radius:50%;font-weight:500}.step.active{color:#505d3e}.step.active b{background:#e4eecf;border-color:#d9e5c0}.workflow i{width:29px;height:1px;background:#dbdfd2}.designer-grid{display:grid;grid-template-columns:307px minmax(0,1fr);gap:24px;align-items:start}.controls{background:#fff;border:1px solid #e4e6dc;border-radius:17px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line)}.panel-title>div{display:flex;align-items:center;gap:10px}.icon-button{height:29px;width:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-button:hover{background:#f1f2eb}.icon-button .icon{height:16px;width:16px}.reset-button{font-size:10px;padding:5px 0;color:#93988b;font-weight:400}.control-section{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:20px;font-size:12px;font-weight:600;min-height:61px}summary::-webkit-details-marker{display:none}summary>span:first-child{display:flex;align-items:center;gap:11px}.section-number{font-size:8px;font-weight:400;color:#a1a68d;border:1px solid #e2e6d6;padding:4px;border-radius:4px}.summary-plus{font-size:17px;font-weight:400;color:#8a9082;line-height:1;transition:transform .2s}details[open] .summary-plus{transform:rotate(45deg)}.section-body{padding:0 20px 22px}.segmented{display:flex;gap:3px;background:#f1f2ed;padding:4px;border-radius:8px;margin-bottom:20px}.segmented button{flex:1;font-size:11px;padding:8px 4px;border-radius:5px;color:#8a9081;min-height:32px}.segmented button.selected{background:#fff;color:#404a33;box-shadow:0 1px 5px #2935150c}.field-label{display:block;font-size:10px;font-weight:600;margin-bottom:9px;color:#636b58}.textarea-wrap{position:relative}textarea{width:100%;border:1px solid #dbdfd1;background:#fbfcf8;border-radius:8px;padding:12px;font-size:23px;font-weight:700;line-height:1.2;resize:vertical;min-height:84px;color:#2f3a22}.textarea-wrap textarea{padding-bottom:27px;height:92px;min-height:92px}.textarea-wrap>span{position:absolute;bottom:10px;right:11px;font-size:8px;color:#a3aa98;pointer-events:none;font-weight:400}.field-note{font-size:9px;line-height:1.65;color:#989e90;margin:8px 0 0}.presets{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:14px 0 22px}.presets>span{font-size:9px;color:#969b8e;margin-right:3px}.presets button{font-size:7px;letter-spacing:.2px;border:1px solid #e3e6da;border-radius:4px;padding:6px 7px;color:#7c846f}.presets button:hover{background:#f2f5e9}.font-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:2px}.font-card{border:1px solid #e2e5da;border-radius:8px;padding:10px 2px 8px;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.font-card>span{font-size:23px;line-height:1}.font-card small{font-size:8px;color:#919786;max-width:100%;overflow:hidden}.font-card.selected{border-color:#9caf74;background:#f6faed}.font-card.selected small{color:#64754a}.font-bold{font-family:Arial,Helvetica,sans-serif;font-weight:900}.font-modern{font-family:Arial,Helvetica,sans-serif;font-weight:400}.font-serif{font-family:Georgia,serif}.font-mono{font-family:Courier New,monospace;font-weight:700}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#88917a;margin-top:17px}.range-label output{font-size:9px;color:#657052}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.label-row .field-label{margin:0}.unit-switch{display:flex;background:#f1f3ea;padding:3px;border-radius:5px}.unit-switch button{font-size:8px;border-radius:3px;padding:4px 7px;color:#939b83}.unit-switch button.selected{background:white;color:#596a3d;box-shadow:0 1px 3px #0000000c}.size-grid{display:grid;grid-template-columns:1fr 12px 1fr;gap:9px;align-items:end}.size-grid label>span{display:block;font-size:9px;color:#8d9581;margin-bottom:6px}.number-field{display:flex;align-items:center;border:1px solid #dde2d2;border-radius:7px;padding:0 9px;background:#fcfdf9;min-width:0;height:39px;gap:5px}.number-field input{min-width:0;width:100%;border:0;font-size:12px;background:none;outline:none;color:#54613f}.number-field .unit-label{font-size:9px;color:#a2a992}.size-times{font-size:11px;color:#a4ab97;align-self:end;margin-bottom:12px;text-align:center}.depth-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.depth-row label{font-size:9px;color:#8d9581}.depth-row .number-field{width:93px;height:33px}.wall-options{display:flex;gap:10px;margin:0 0 16px}.wall-option{display:flex;flex:1;align-items:center;flex-direction:column;gap:7px;padding:0}.wall-sample{display:block;width:100%;height:39px;border-radius:6px;border:3px solid #fff;outline:1px solid #e3e6db}.wall-option.selected .wall-sample{outline:1px solid #90a46a}.wall-sample.dark{background:#242927}.wall-sample.light{background:#e6e3da}.wall-sample.brick{background:repeating-linear-gradient(0deg,transparent 0 10px,#53493f 10px 12px),repeating-linear-gradient(90deg,#957361 0 25px,#53493f 25px 27px)}.wall-option small{font-size:9px;color:#7f8970}.full-width{width:100%}.section-body .full-width{font-size:10px;padding:10px;min-height:38px}.privacy-note{display:flex;gap:10px;padding:16px 20px;background:#fafbf7;align-items:flex-start}.privacy-lock{color:#879872;font-size:20px}.privacy-note p{font-size:9px;line-height:1.8;color:#8e9981;margin:1px 0}.upload-zone{border:1px dashed #bec9ad;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;width:100%;padding:28px 10px;background:#fafcf6;color:#738657}.upload-zone strong{font-size:12px}.upload-zone span{font-size:9px;color:#a0aa91}.file-chip{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#f1f4e9;border-radius:6px;padding:7px 10px;margin:10px 0;font-size:10px;color:#798665}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip button{font-size:19px}.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.6;color:#768464;margin:14px 0 0}.workspace{min-width:0}.preview-card{position:relative;background:#1d2221;border-radius:18px;overflow:hidden;border:1px solid #1c2422;box-shadow:0 3px 8px #20292007}.preview-top{position:absolute;z-index:2;top:0;left:0;right:0;padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:10px}.live-label{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:500;letter-spacing:1.6px;color:#a4aea7}.live-label>span:first-child{height:4px;width:4px;border-radius:50%;background:#d6ec8e;box-shadow:0 0 7px #ccef71}.preview-views{display:flex;background:#ffffff08;border:1px solid #ffffff0c;padding:3px;border-radius:7px;position:absolute;left:50%;transform:translateX(-50%)}.preview-views button{border-radius:4px;font-size:9px;color:#929a94;padding:7px 12px;min-width:49px}.preview-views button.selected{background:#ffffff17;color:#e2e8df}.light-switch{display:flex;align-items:center;gap:7px;color:#c6cdc6;font-size:9px}.light-switch .icon{width:13px;height:13px;color:#b2c197}.switch-track{display:block;height:14px;width:24px;background:#8b9e60;border-radius:10px;padding:3px;margin-left:2px}.switch-track:after{content:"";display:block;background:#eaf3d9;border-radius:50%;width:8px;height:8px;margin-left:10px;transition:margin .2s}.light-switch[aria-pressed=false] .switch-track{background:#576059}.light-switch[aria-pressed=false] .switch-track:after{margin-left:0}.preview-card canvas{display:block;width:100%;height:auto;aspect-ratio:1600/1060}.preview-bottom{position:absolute;bottom:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between}.simulation-badge{font-size:7px;letter-spacing:1.3px;color:#7e8b80;border:1px solid #bfcabc1a;border-radius:3px;padding:6px 8px}.preview-bottom>div{display:flex;gap:15px}.preview-icon{display:flex;align-items:center;gap:5px;color:#7f8b83;font-size:8px;padding:4px 0}.preview-icon.active{color:#bdcdaa}.preview-icon .icon{width:13px;height:13px}.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:13px 2px 27px;font-size:9px;color:#9caa8f;min-height:17px}.preview-caption>span:first-child{display:flex;align-items:center;gap:7px;flex-shrink:0}.caption-dot{width:4px;height:4px;border-radius:50%;background:#95a96b}.preview-caption strong{font-size:9px;font-weight:500;color:#7b8d65}.caption-divider{color:#c5cfb9;margin:0 2px}.preview-caption>span:last-child{font-size:8px;color:#a5ad9c;text-align:right}.lighting-panel{padding:0 2px}.lighting-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lighting-heading .eyebrow{font-size:7px;letter-spacing:1.45px;margin-bottom:6px;color:#94a082}h2{margin:0;font-size:23px;font-weight:500;letter-spacing:-.6px}.lighting-count{font-size:23px;font-weight:400;color:#a4b38e;display:flex;gap:8px;align-items:center}.lighting-count span{font-size:6px;letter-spacing:1px;width:26px;line-height:1.5;color:#a4b38e}.effect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.effect-card{border:1px solid #e0e4d7;border-radius:11px;padding:5px 5px 12px;background:#f8f9f4;display:flex;flex-direction:column;align-items:flex-start;min-width:0;transition:border-color .15s,background .15s}.effect-card:hover{border-color:#afbd93}.effect-card.selected{border-color:#98ad6e;background:#f1f6e7;box-shadow:0 0 0 1px #b5c8921a}.effect-art{width:100%;height:88px;background:#222924;position:relative;display:flex;align-items:center;justify-content:center;border-radius:7px;overflow:hidden;margin-bottom:11px}.effect-art:after{content:"";width:110px;height:80px;border-radius:50%;position:absolute;background:radial-gradient(ellipse,#c8ffcf0d,transparent 65%)}.effect-art>span{font-size:50px;font-weight:900;letter-spacing:-3px;position:relative;z-index:1;line-height:1}.rgb-art>span{background:linear-gradient(100deg,#bef98c,#62dbd3 35%,#97a1ed 65%,#d69bf5);background-clip:text;color:transparent;filter:drop-shadow(0 0 8px #90cddd4d);text-shadow:3px 3px 0 #0002}.front-art>span{color:#e0f3c0;text-shadow:0 0 7px #e2ffa46e,0 0 19px #dbff954d,3px 3px 0 #10180b}.halo-art>span{color:#273027;text-shadow:0 0 5px #e1fbcbd9,0 0 13px #e1fbcbb3,0 0 28px #e1fbcb4d}.infinity-art>span{color:#282736;-webkit-text-stroke:1px #cea7f4;text-shadow:1px 1px #825797,3px 3px #161a20,4px 4px #826495,6px 6px #14181d,7px 7px #52425f;transform:scale(.95)}.effect-check{position:absolute;right:6px;top:6px;z-index:2;height:15px;width:15px;border-radius:50%;background:#d4ed93;color:#526833;display:none;align-items:center;justify-content:center}.effect-check .icon{width:11px;height:11px;stroke-width:2}.selected .effect-check{display:flex}.effect-card strong{font-size:10px;font-weight:600;margin-left:7px;line-height:1.4}.effect-card small{font-size:8px;color:#96a287;margin:4px 7px 0;line-height:1.4}.finish-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0 10px}.color-options{display:flex;align-items:center;gap:12px;font-size:9px;color:#7f8d6c}.swatches{display:flex;align-items:center;gap:8px;min-height:25px}.swatch{width:19px;height:19px;border-radius:50%;background:var(--swatch);border:2px solid var(--paper);box-shadow:0 0 0 1px #c6cdbb;position:relative}.swatch.selected{box-shadow:0 0 0 1px #778a57}.swatch.selected:after{content:"";position:absolute;inset:-4px;border:1px solid #becdaa;border-radius:50%}.swatch-aurora{background:linear-gradient(135deg,#cdff77,#6af4f1,#ba90ff)}.swatch-sunset{background:linear-gradient(135deg,#ffdc8e,#ff889f,#b07aff)}.swatch-electric{background:linear-gradient(135deg,#4cddff,#9b76ff,#ff87de)}.swatches>span{font-size:9px;margin-left:3px;color:#a0ab92}.custom-color{height:22px;width:22px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #d5ddc7;border-radius:50%;overflow:hidden}.custom-color input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.custom-color>span{font-size:14px;color:#9aab82;pointer-events:none}.animation-label{display:flex;gap:6px;align-items:center;font-size:9px;color:#93a080;cursor:pointer}.animation-label input{height:12px;width:12px}.effect-explainer{font-size:9px;line-height:1.6;color:#9aa68c;margin:0}.quote-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe5d6;margin-top:22px;padding-top:22px;gap:16px}.quote-bar>div{display:flex;align-items:center;gap:11px}.quote-spark{font-size:28px;color:#98af6d}.quote-bar h3{font-size:12px;margin:0 0 5px;font-weight:500}.quote-bar p{font-size:9px;color:#98a388;margin:0}.quote-bar>.button{font-size:11px;min-width:199px;min-height:43px}.quote-bar .icon{width:16px;height:16px}.studio-shell footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 0 24px;margin-top:20px;border-top:1px solid #e0e5d6}.studio-shell footer>span{font-size:8px;letter-spacing:.6px;white-space:nowrap;color:#8e9d7c}.footer-dot{margin:0 8px}.studio-shell footer p{font-size:8px;line-height:1.7;color:#a2ac96;max-width:580px;margin:0;text-align:right}.modal{border:1px solid #e1e6d8;border-radius:21px;padding:29px;width:min(590px,calc(100% - 24px));max-height:90dvh;color:var(--ink);background:#fbfcf8;box-shadow:0 25px 100px #0004;overscroll-behavior:contain}.modal::backdrop{background:#19231eb3;backdrop-filter:blur(5px)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-heading .eyebrow{font-size:8px}.modal-heading h2{font-size:29px}.modal-heading .icon-button{color:#7b896a}.quote-preview{width:100%;height:215px;object-fit:cover;border-radius:12px;margin-bottom:10px;background:#202520}.quote-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;padding:6px 0 18px;border-bottom:1px solid #e4e9dc;margin:8px 0 20px}.quote-summary>div{min-width:0}.quote-summary dt{font-size:9px;color:#899579;margin-bottom:5px}.quote-summary dd{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-line}.delivery-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.delivery-grid input{width:100%;height:39px;border:1px solid #dce3d1;padding:10px;border-radius:7px;font-size:12px;background:#fff;color:#3c4b2b}.modal input::placeholder,.modal textarea::placeholder{color:#a4ae96;font-weight:400;font-size:11px}.modal .field-note{margin-bottom:18px}.modal textarea{font-size:12px;font-weight:400;line-height:1.6;min-height:64px;background:#fff;color:#3c4b2b}.quote-info{background:#f0f4e6;border:1px solid #e1e8d4;padding:14px 15px;border-radius:8px;margin:18px 0}.quote-info strong{font-size:11px;font-weight:500;color:#5f7345}.quote-info p{font-size:10px;color:#899975;line-height:1.7;margin:6px 0 0}.review-consent{font-size:10px;margin:16px 0 20px;line-height:1.6}.whatsapp-note{font-size:9px;line-height:1.7;text-align:center;color:#99a58a;margin:12px 4px}.copy-brief{display:block;margin:0 auto;padding:7px;text-decoration:underline;text-underline-offset:3px;font-size:10px;color:#738857}.copy-result{font-size:10px;color:#667e47;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}.how-list{list-style:none;margin:30px 0;padding:0;display:flex;flex-direction:column;gap:30px}.how-list li{display:flex;gap:20px}.how-list li>b{font-size:11px;color:#829461;background:#edf3e1;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.how-list h3{font-size:15px;font-weight:500;margin:4px 0 8px}.how-list p{font-size:12px;line-height:1.7;margin:0;color:#8b977d}.how-footnote{font-size:10px;color:#9aa68c;padding-top:20px;border-top:1px solid #e0e7d7;line-height:1.7}.toast{position:fixed;z-index:50;bottom:25px;left:50%;transform:translate(-50%,15px);background:#35432a;color:#f3f8e9;padding:13px 20px;font-size:12px;border:1px solid #61744b;border-radius:9px;box-shadow:0 5px 30px #25371930;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(480px,90%);line-height:1.5;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.preview-card canvas{aspect-ratio:1600/990;height:auto}.studio-shell{padding-top:44px}.designer-grid{grid-template-columns:320px minmax(0,1fr)}.preview-top{padding:23px 27px}.effect-art{height:103px}.preview-caption{margin-bottom:30px}.lighting-heading{margin-bottom:20px}.quote-bar{margin-top:25px;padding-top:24px}}
@media(max-width:1100px){.header{padding:0 3%;gap:15px}.studio-shell{padding-left:3%;padding-right:3%}.header nav{gap:20px}.header-actions{gap:14px}.designer-grid{grid-template-columns:270px minmax(0,1fr);gap:18px}.section-body{padding-left:16px;padding-right:16px}summary{padding:18px 16px}.panel-title{padding:17px 16px}.preview-card canvas{aspect-ratio:1.26;object-fit:cover}.preview-top{padding:15px}.live-label{font-size:6px;letter-spacing:1px}.light-switch{font-size:8px;gap:5px}.light-switch .icon{display:none}.preview-views button{padding:6px 9px;font-size:8px;min-width:43px}.preview-caption>span:last-child{display:none}.effect-grid{gap:8px}.effect-art{height:72px}.effect-art>span{font-size:43px}.effect-card strong{font-size:9px;margin-left:4px}.effect-card small{font-size:7px;margin-left:4px}.quote-bar>.button{min-width:170px;padding:12px}.quote-bar p{max-width:150px;line-height:1.5}.workflow{gap:10px}.workflow i{width:18px}}
@media(max-width:820px){.header{height:75px;padding:0 22px}.brand{font-size:18px;gap:10px}.brand-mark{width:36px;height:36px;font-size:28px}.brand-small{font-size:5.8px;letter-spacing:1.4px}.header nav{display:none}.studio-shell{padding:28px 22px 0}.intro{align-items:flex-end;margin-bottom:25px}h1{font-size:37px}.intro-copy{font-size:10px;max-width:275px}.workflow{gap:8px}.step{gap:4px;font-size:8px}.step b{font-size:7px;width:19px;height:19px}.workflow i{width:10px}.designer-grid{grid-template-columns:242px minmax(0,1fr);gap:15px}.section-body{padding-left:13px;padding-right:13px}summary{padding:17px 13px;font-size:11px}.section-number{font-size:7px}.panel-title{padding:13px;font-size:12px}.preview-card{border-radius:13px}.preview-top{padding:14px 12px}.live-label{display:none}.preview-views{position:static;transform:none}.light-switch>span:nth-child(2){display:none}.preview-bottom{left:13px;right:13px;bottom:12px}.simulation-badge{font-size:5px;padding:5px;letter-spacing:.7px}.preview-icon{font-size:7px}.preview-icon .icon{width:11px;height:11px}.preview-bottom>div{gap:10px}.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.effect-art{height:61px}.effect-card{padding-bottom:9px}.effect-art{margin-bottom:8px}.effect-card strong{font-size:9px}.effect-card small{font-size:7px}.lighting-heading h2{font-size:20px}.lighting-heading .eyebrow{font-size:6px}.lighting-count{font-size:19px}.lighting-count span{font-size:5px;width:21px}.finish-options{flex-wrap:wrap;gap:10px;margin:15px 0 10px}.color-options{gap:9px;font-size:8px}.swatches{gap:7px}.swatch{height:16px;width:16px}.swatches>span{font-size:8px}.animation-label{font-size:8px}.quote-bar{align-items:stretch;flex-direction:column;gap:14px}.quote-bar p{max-width:unset}.quote-bar>.button{width:100%}.studio-shell footer{padding-top:25px;align-items:flex-start;gap:20px}.studio-shell footer>span{font-size:6px}.studio-shell footer p{font-size:7px}.font-card>span{font-size:20px}.font-card small{font-size:7px}.font-grid{gap:5px}.presets button{font-size:6px;padding:5px}.presets{gap:4px}.privacy-note{padding:13px}.privacy-note p{font-size:8px}.privacy-lock{font-size:17px}}
@media(max-width:620px){.header{padding:0 17px;height:69px;gap:10px}.brand{font-size:16px;gap:8px}.brand-mark{width:32px;height:33px;font-size:25px;border-radius:7px}.brand-mark span{font-size:18px}.brand-small{font-size:5px;letter-spacing:1.15px}.header-actions{gap:12px}.language-button{font-size:9px}.save-button{padding:9px;min-height:34px;gap:0;border-radius:7px}.save-button>span{display:none}.save-button .icon{width:15px;height:15px}.studio-shell{padding:23px 15px 0}.intro{align-items:flex-start;margin-bottom:20px}.intro .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:8px}h1{font-size:34px;letter-spacing:-1.4px;margin-bottom:7px}.intro-copy{font-size:10px;max-width:265px}.workflow{display:none}.designer-grid{display:flex;flex-direction:column;gap:20px}.workspace{display:contents}.preview-card{order:0;width:100%;border-radius:14px}.preview-card canvas{aspect-ratio:1.28;object-fit:cover}.preview-top{padding:14px}.preview-views{position:absolute;left:50%;transform:translateX(-50%)}.live-label{display:flex;font-size:6px}.light-switch>span:nth-child(2){display:inline;font-size:7px}.light-switch{gap:5px}.preview-bottom{bottom:14px;left:15px;right:15px}.simulation-badge{font-size:6px}.preview-icon{font-size:8px}.preview-caption{order:1;margin:-10px 2px 0;width:calc(100% - 4px);font-size:9px}.preview-caption strong{font-size:9px}.preview-caption>span:last-child{display:none}.controls{order:2;width:100%;border-radius:13px}.panel-title{font-size:13px;padding:16px 18px}.section-body{padding:0 18px 20px}summary{padding:18px;font-size:12px}.section-number{font-size:8px}.segmented{margin-bottom:18px}.segmented button{font-size:12px}.field-label{font-size:11px}.textarea-wrap textarea{height:98px;font-size:25px}.field-note{font-size:10px}.presets{gap:7px;margin-top:15px}.presets>span{font-size:10px}.presets button{font-size:8px;padding:7px}.font-grid{gap:9px}.font-card{padding:12px 2px}.font-card>span{font-size:27px}.font-card small{font-size:9px}.range-label{font-size:10px}.range-label output{font-size:10px}.size-grid{grid-template-columns:1fr 14px 1fr;gap:12px}.size-grid label>span,.depth-row label{font-size:10px}.number-field{height:42px}.number-field input{font-size:14px}.number-field .unit-label{font-size:10px}.depth-row .number-field{width:110px;height:37px}.unit-switch button{font-size:9px;padding:5px 9px}.privacy-note{padding:15px 18px}.privacy-note p{font-size:9px}.lighting-panel{order:3;width:100%;padding:0 1px}.lighting-heading{margin:3px 0 16px}.lighting-heading h2{font-size:26px}.lighting-heading .eyebrow{font-size:7px}.lighting-count{font-size:25px}.lighting-count span{font-size:6px;width:26px}.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.effect-art{height:92px;margin-bottom:11px}.effect-art>span{font-size:56px}.effect-card{padding:6px 6px 13px;border-radius:12px}.effect-card strong{font-size:12px;margin-left:7px}.effect-card small{font-size:9px;margin:5px 7px 0}.finish-options{flex-wrap:nowrap;margin-top:20px}.color-options{font-size:10px;gap:12px}.swatches{gap:10px}.swatch{height:20px;width:20px}.swatches>span{font-size:10px}.animation-label{font-size:10px;gap:7px}.animation-label input{width:14px;height:14px}.effect-explainer{font-size:10px}.quote-bar{order:4;width:100%;margin:2px 0 0;padding-top:20px;gap:16px}.quote-bar h3{font-size:15px}.quote-bar p{font-size:11px}.quote-spark{font-size:33px}.quote-bar>.button{min-height:49px;font-size:13px}.studio-shell footer{display:block;margin-top:27px;padding:23px 0 25px}.studio-shell footer>span{font-size:8px}.studio-shell footer p{text-align:left;font-size:8px;margin-top:14px;max-width:100%;line-height:1.8}.modal{padding:21px 18px;border-radius:15px;max-height:94dvh}.modal-heading h2{font-size:26px}.quote-preview{height:175px}.delivery-grid{grid-template-columns:1fr;gap:14px}.quote-summary dd{font-size:11px}.review-consent{font-size:10px}.modal .button-primary{font-size:12px}.how-list{gap:24px}.how-list h3{font-size:14px}.how-list p{font-size:11px}.finish-options:has(#solidColors:not([hidden])){flex-wrap:wrap}.toast{font-size:11px;bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Readable secondary copy without taking focus from the sign. */
.field-note{color:#758168}.privacy-note p{color:#77856a}.range-label{color:#71805f}.field-label{color:#5c6a4a}.presets>span{color:#78846c}.presets button{color:#637551}.font-card small{color:#758369}.effect-card small{color:#75866a}.effect-explainer{color:#76886a}.quote-bar p{color:#75876a}.preview-caption>span:last-child{color:#798c6c}.studio-shell footer p{color:#77866c}.swatches>span{color:#768a65}.animation-label{color:#718560}.quote-info p,.whatsapp-note{color:#738560}.review-consent{color:#667d50}.how-list p,.how-footnote{color:#75866a}

/* Physical-size scene and expanded font/light catalogs. */
.font-search,.reference-input,.depth-reference select,.rgb-pattern-controls select{width:100%;border:1px solid #cdd7bd;border-radius:7px;background:#fff;color:#344828;padding:9px;font:inherit;font-size:11px}.font-library{grid-template-columns:repeat(2,minmax(0,1fr));max-height:235px;overflow-y:auto;padding:3px;margin:9px 0;overscroll-behavior:contain}.font-library .font-card{min-height:64px;padding:8px 4px}.font-library .font-card span{font-size:24px;line-height:1.1}.font-library .font-card small{font:500 9px/1.3 Arial,sans-serif;display:block;margin-top:5px}.font-library .font-card[hidden]{display:none}.font-library .font-card.selected{outline:1px solid #8aa754;background:#ecf4dc}.manufacturing-status{font-size:10px;line-height:1.7;background:#eff4e7;border-left:3px solid #9ab46b;padding:10px;margin:12px 0;color:#5c7145}.manufacturing-status.warning{background:#fff4dc;border-color:#caa248;color:#775821}.depth-reference{border-top:1px solid #e1e6d8;margin-top:16px;padding-top:2px}.depth-reference summary{padding:12px 0;font-size:10px}.depth-reference .field-label{margin-top:10px}.preview-viewport{width:100%;aspect-ratio:1600/1060;overflow:auto;max-height:700px;overscroll-behavior:contain;scrollbar-color:#61745b #1d2221}.preview-card .preview-viewport canvas{display:block;max-width:none;width:100%;height:auto;aspect-ratio:auto;object-fit:initial}.preview-top,.preview-bottom{pointer-events:none}.preview-top button,.preview-bottom button{pointer-events:auto}.view-tools{display:flex;align-items:center;gap:9px;margin:13px 2px;font-size:10px;color:#647953;flex-wrap:wrap}.view-tools label{white-space:nowrap}.view-tools input{width:105px;margin:0}.view-tools button{font-size:10px;text-decoration:underline;text-underline-offset:3px}.view-tools>span{margin-left:auto;font-size:9px;color:#7b896f}.preview-caption{margin-top:10px}.finish-options{flex-wrap:wrap;align-items:flex-start}.color-options{align-items:flex-start;flex-wrap:wrap;flex:1;min-width:0}.led-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;max-width:520px}.led-catalog .led-chip{display:flex;align-items:center;gap:6px;border:1px solid #d2dac6;padding:7px 6px;border-radius:7px;text-align:left;font-size:9px;line-height:1.2;min-width:0;background:#fafcf7}.led-catalog .led-chip.selected{border-color:#76914c;background:#eef5df}.led-chip i{background:var(--swatch);height:14px;width:14px;border-radius:50%;border:1px solid #bdc5b3;flex-shrink:0}.rgb-pattern-controls{display:grid;grid-template-columns:auto minmax(130px,1fr) auto 90px;gap:10px;align-items:center;font-size:10px;color:#627650;margin:12px 0}.rgb-pattern-controls select{font-size:11px}.rgb-pattern-controls input{margin:0}.rgb-pattern-controls label{white-space:nowrap}#fontStatus{min-height:28px}#colorCatalogNote{margin:9px 0}.preview-card:focus-within{outline:1px solid #b3c797}.quote-preview{object-fit:contain}.quote-summary{grid-template-columns:1fr 1fr}
@media(max-width:820px){.rgb-pattern-controls{grid-template-columns:auto 1fr}.led-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.view-tools>span{width:100%;margin-left:0}.preview-viewport{aspect-ratio:1.25}.font-library{max-height:220px}}
@media(max-width:620px){.view-tools{order:1;width:100%;margin:-9px 0 0;font-size:11px}.view-tools>span{font-size:10px}.preview-caption{order:1;margin:0 0 0}.preview-viewport{aspect-ratio:1.25;max-height:none}.font-library{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px}.font-library .font-card{min-height:73px}.font-library .font-card small{font-size:10px}.led-catalog .led-chip{font-size:10px;padding:9px 7px}.manufacturing-status{font-size:11px}.rgb-pattern-controls{font-size:11px}.quote-summary{gap:14px}.depth-reference summary{font-size:11px}}

/* Startup is visible while the selected real font is prepared. */
.preview-status{position:absolute;z-index:1;inset:67px 18px 61px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:24px;text-align:center;border-radius:12px;background:#1b211fed;color:#e5eddc}.preview-status strong{font-size:16px;font-weight:500}.preview-status>span:not(.preview-spinner){font-size:11px;line-height:1.7;max-width:330px;color:#aebb9f}.preview-spinner{display:block;width:26px;height:26px;border:2px solid #ffffff1c;border-top-color:#d6f477;border-radius:50%;animation:preview-loading .85s linear infinite}.preview-status.failed .preview-spinner{display:none}.preview-status .button{margin-top:5px;color:#e3edda;border-color:#758967;background:#2b3925;font-size:11px;min-height:37px}.preview-status.failed{border:1px solid #8f7751}.preview-card[aria-busy=true] #signCanvas{opacity:.35}@keyframes preview-loading{to{transform:rotate(360deg)}}@media(max-width:620px){.preview-status{inset:57px 12px 50px;padding:17px}.preview-status strong{font-size:15px}.preview-status>span:not(.preview-spinner){font-size:11px}}@media(prefers-reduced-motion:reduce){.preview-spinner{animation:none}}

.edge-chase-control{border:1px solid #dbe4ce;border-radius:9px;padding:11px 13px;margin:12px 0;background:#f7faf1}.edge-chase-control .checkbox-label{margin:0;font-size:11px}.edge-chase-control .field-note{margin:7px 0 0;font-size:10px;line-height:1.7}

.logo-sketch-display{display:block;max-height:150px;width:100%;object-fit:contain;border:1px solid #dce3d2;background:#fff;border-radius:7px;margin:10px 0}.logo-sketch-display[hidden]{display:none}

.designer-offer{margin:20px 0;padding:24px;border:1px solid #d2b43d;background:#fff9df;border-radius:16px;}.designer-offer strong{display:block;font-size:clamp(18px,2vw,26px);line-height:1.25;color:#17231c;}.designer-offer p{margin:12px 0;font-size:14px;line-height:1.6;}.designer-offer small,.offer-confirmation{display:block;font-size:12px;line-height:1.6;color:#4f584c;}.offer-confirmation{background:#fff9df;border-radius:8px;padding:12px;}

.expanded-preview-dialog{width:calc(100vw - 32px);max-width:1800px;height:calc(100dvh - 32px);max-height:none;padding:18px;border:1px solid #d8dfcc;border-radius:18px;background:var(--paper);color:var(--ink);overflow:hidden;box-shadow:0 24px 100px #0005}
.expanded-preview-dialog::backdrop{background:#102019c9;backdrop-filter:blur(5px)}
#expandedPreview #expandPreview{display:none}
.expanded-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.expanded-preview-heading h2{font-size:19px}.expanded-preview-heading button{min-height:36px;padding:8px 14px}
#expandedPreview{display:flex;flex-direction:column;height:calc(100% - 50px);min-height:0}#expandedPreview .preview-card{flex:1;min-height:0}#expandedPreview .preview-viewport{height:100%;aspect-ratio:auto;max-height:none}#expandedPreview .view-tools{flex:none;order:initial;margin:14px 2px 0;width:auto}#expandedPreview .view-tools input{width:180px}
@media(max-width:620px){.expanded-preview-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px);padding:10px;border-radius:12px}.expanded-preview-heading h2{font-size:15px}#expandedPreview .view-tools{gap:8px;margin-top:10px}#expandedPreview .view-tools input{width:110px}.view-tools button{min-height:36px}.view-tools>span{line-height:1.5}}