.builder-page{height:100dvh;overflow:hidden;background:#edf0e9}.builder-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 30px;background:var(--paper);border-bottom:1px solid var(--line)}.builder-title{font-size:11px;letter-spacing:2px;color:var(--muted)}.builder-back{font-size:13px}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);height:calc(100dvh - 78px)}.editor{overflow-y:auto;background:var(--paper);border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#bdc5b6 transparent}.editor-intro{padding:30px 26px 23px}.editor-intro .eyebrow{font-size:9px;letter-spacing:1.25px;color:var(--blue);margin-bottom:13px}.editor-intro h1{font-family:Manrope,sans-serif;font-size:36px;letter-spacing:-1.7px;font-weight:550;margin:0 0 9px}.editor-intro h1 .serif{color:var(--blue)}.editor-intro p:last-child{font-size:13px;color:var(--muted);margin:0}fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:22px 26px 28px;min-width:0}legend{float:left;width:100%;font-size:14px;font-weight:650;padding:0;margin-bottom:21px}legend+*{clear:both}legend>span{color:var(--blue);font-size:11px;display:inline-block;margin-right:9px;font-weight:500}.editor label{font-size:13px;margin:17px 0 0}.editor input,.editor textarea{font-size:14px;padding:10px 11px;margin-top:7px;background:#fff}.editor small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:7px;line-height:1.6}.template-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.template-options .template-option{position:relative;margin:0;cursor:pointer}.template-option input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.template-art{height:83px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid transparent;border-radius:4px;transition:border-color .15s}.template-art b{font-size:35px;font-weight:500;letter-spacing:-2px}.template-art i{font-style:normal;font-size:7px;letter-spacing:1.2px;margin-top:2px}.studio-art{background:#e6ecdc;color:#34462d;font-family:Georgia,serif}.service-art{background:#dee6fa;color:#244bd8;font-family:Manrope,sans-serif}.consultant-art{background:#f0ded3;color:#693e28;font-family:Georgia,serif}.template-option input:checked+.template-art{border-color:var(--blue);box-shadow:0 0 0 3px #244bd810}.template-option input:focus-visible+.template-art{outline:3px solid #ed762d;outline-offset:3px}.template-name{display:block;font-size:12px;margin-top:9px}.template-desc{font-size:9px;color:var(--muted);line-height:1.4;display:block;margin-top:4px}.field-help{color:var(--muted);font-size:12px;margin:0 0 18px}.service-editor{border-bottom:1px dashed var(--line);padding-bottom:18px}.service-editor:last-child{border-bottom:0;padding-bottom:0}.editor .label-secondary{font-size:12px;color:var(--muted);margin-top:11px}.optional{color:var(--muted);font-weight:400;font-size:12px}.colour-controls{display:flex;align-items:center;gap:12px}.colour-controls input[type=color]{width:40px;height:43px;padding:4px;margin:0;cursor:pointer}.colour-controls>div:nth-child(2){width:92px}.colour-controls label{margin:0;font-size:11px}.colour-controls input[type=text]{font-size:12px;margin-top:3px;padding:6px 8px}.colour-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-left:auto}.colour-presets button{width:21px;height:21px;background:var(--swatch);border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #b5bcaf}.editor-bottom{padding:0 26px 27px}.editor-bottom p{font-size:11px;line-height:1.6;color:var(--muted)}.reset-button{background:none;border:0;padding:0;font-size:12px;color:#765345;text-decoration:underline;text-underline-offset:3px}.preview-panel{min-width:0;display:flex;flex-direction:column;min-height:0}.preview-toolbar{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid #d9dfd2}.preview-label{font-size:10px;letter-spacing:1.3px;display:flex;align-items:center;gap:7px;font-weight:600}.preview-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.device-switch{display:flex;padding:4px;background:#dce2d5;border-radius:5px;gap:2px}.device-switch button{border:0;background:none;font-size:12px;padding:8px 13px;border-radius:3px;color:#626b5c}.device-switch button.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #0001}.preview-toolbar>.button{font-size:12px;gap:15px}.preview-canvas{flex:1;min-height:0;padding:28px;display:flex;justify-content:center;align-items:stretch;background-image:radial-gradient(#a0ad962f 1px,transparent 1px);background-size:14px 14px}.browser-shell{width:100%;max-width:1300px;border:1px solid #ccd3c4;border-radius:7px;box-shadow:0 14px 35px #29351b0c;display:flex;flex-direction:column;background:white;overflow:hidden;transition:max-width .2s}.browser-shell.mobile{max-width:390px}.browser-chrome{height:36px;flex-shrink:0;background:#f9faf7;border-bottom:1px solid #e3e6de;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;color:#7e8874;font-size:10px}.browser-dots{font-size:9px;letter-spacing:3px;color:#bac3b0}#preview-address{max-width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}iframe{width:100%;flex:1;border:0;background:white;min-height:0}.preview-bottom{padding:0 28px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.preview-bottom p,.preview-bottom a{font-size:11px;color:#627055;margin:0;line-height:1.6}.preview-bottom a{font-weight:600}.download-status{font-size:13px;padding:0 28px 14px;line-height:1.6;color:var(--blue);margin:0}.download-status:empty{display:none}.reset-actions{display:flex;gap:12px;margin-top:25px}.reset-actions .button{width:auto}#reset-dialog p{color:var(--muted);font-size:15px;line-height:1.7}
@media(max-width:1100px){.workspace{grid-template-columns:310px minmax(0,1fr)}.editor-intro,fieldset{padding-inline:20px}.preview-toolbar{padding-inline:18px;gap:9px}.preview-label{display:none}.preview-canvas{padding:20px}.preview-bottom{padding-inline:20px;flex-wrap:wrap;gap:5px}.builder-title{display:none}}
@media(max-width:760px){.builder-page{height:auto;overflow:auto}.builder-header{height:72px;padding-inline:18px}.builder-back{font-size:12px}.workspace{display:flex;flex-direction:column;height:auto}.preview-panel{order:-1;min-height:580px;height:75dvh;border-bottom:1px solid var(--line)}.preview-toolbar{min-height:68px;padding:12px 16px}.preview-toolbar .button{padding-inline:12px;font-size:11px;gap:10px}.device-switch button{font-size:11px;padding:7px 11px}.preview-canvas{padding:16px}.preview-bottom{padding:0 16px 15px}.preview-bottom p{font-size:10px}.preview-bottom a{font-size:11px}.editor{overflow:visible;border:0}.editor-intro{padding:30px 24px}.editor form{max-width:650px;margin:auto}fieldset{padding:25px 24px 30px}.template-art{height:100px}.template-art b{font-size:43px}.template-name{font-size:14px}.template-desc{font-size:11px}.editor label{font-size:14px}.editor input,.editor textarea{font-size:16px}.editor-bottom{padding:0 24px 30px}.editor small{font-size:12px}.colour-controls{justify-content:flex-start}.colour-presets{margin-left:18px}.editor-intro h1{font-size:38px}}
.ai-editor-link{display:block;margin:0 26px 24px;border:1px solid #b9c8fb;border-radius:4px;background:#edf2ff;color:var(--blue);padding:13px;font-size:14px;font-weight:550}