*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f5f3;color:#252a27;font-size:13px}header{height:76px;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid #dedfd9;background:white;gap:42px}.brand{color:#38644b;font-size:28px;letter-spacing:-1px}.project{font-weight:600}.project small{display:block;font-size:9px;color:#92998f;letter-spacing:1.5px;margin-top:5px}.actions{margin-left:auto;display:flex;gap:9px}button,input,textarea,select{font:inherit}button{border:1px solid #dcdfd7;background:white;border-radius:7px;padding:10px 13px;cursor:pointer;color:inherit;transition:background .15s}button:hover{background:#eaf0e8}button:disabled{opacity:.35;cursor:default}.primary{background:#335d43;color:white;border-color:#335d43}.primary:hover{background:#244c34}main{display:grid;grid-template-columns:250px minmax(300px,1fr) 250px;height:calc(100vh - 76px)}aside{padding:27px 20px;background:white;overflow:auto}aside:first-child{border-right:1px solid #dedfd9}.inspector{border-left:1px solid #dedfd9}.eyebrow{color:#899184;font-size:9px;font-weight:700;letter-spacing:1.8px}h2{font-size:20px;font-weight:550;letter-spacing:-.6px;margin:15px 0 8px}.muted{color:#8b9189;line-height:1.6;margin-bottom:24px}.wide{width:100%;margin:7px 0}.separator{text-align:center;font-size:11px;color:#92978f;margin:17px 0}label{display:block;font-size:11px;color:#667060;margin:15px 0 6px}input:not([type=range]):not([type=color]),textarea,select{width:100%;padding:10px;border:1px solid #dadfd6;border-radius:6px;background:#fafbf8;margin-top:7px;color:#293327}input[type=range]{width:100%;accent-color:#49714e;margin-top:12px}input[type=color]{display:block;width:100%;height:32px;border:1px solid #ddd;background:white;margin-top:7px}.hint{font-size:11px;color:#8b9387;line-height:1.7}.section{margin:30px 0 15px}.blocks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.blocks button{height:68px;font-size:20px;background:#fafbf8}.blocks span{display:block;font-size:11px;margin-top:6px}.workspace{min-width:0;display:flex;flex-direction:column}.toolbar{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #dedfd9}.devices{display:flex;gap:3px}.devices button{border:0;background:none;color:#90978c;padding:8px 11px;font-size:11px}.devices .active{background:white;color:#335d43;box-shadow:0 1px 4px #0001}#mode{font-size:9px;color:#8a9384;letter-spacing:1.4px}.stage{flex:1;overflow:auto;display:flex;justify-content:center;padding:30px 24px;background-image:radial-gradient(#cfd5ca .7px,transparent .7px);background-size:14px 14px}iframe{border:0;background:white;box-shadow:0 6px 30px #27382212;width:100%;height:100%;min-height:450px;flex-shrink:0;transition:width .2s}footer{height:40px;display:flex;align-items:center;gap:8px;padding:0 20px;color:#7c8875;font-size:10px;background:#f9faf6}.dot{width:6px;height:6px;background:#7a9d6b;border-radius:50%}.row{display:flex;gap:7px;margin-top:15px}.row button{flex:1;font-size:10px;padding:9px 5px}.danger{color:#ad5145}.note{background:#f1f4eb;padding:15px;border-radius:8px;margin-top:30px;font-size:11px;color:#718366}.note p{line-height:1.6;margin-bottom:0}output{float:right}@media(max-width:1000px){main{grid-template-columns:205px minmax(250px,1fr) 210px}aside{padding:22px 14px}.project{display:none}.stage{padding:18px 10px}}@media(max-width:700px){main{grid-template-columns:160px minmax(250px,1fr);height:auto}.inspector{grid-column:1/-1}.workspace{height:80vh}.actions{gap:3px}header{padding:0 12px;gap:10px}.brand{font-size:22px}.actions button{padding:9px;font-size:10px}}
/* Canvas Studio workspace */
header{height:70px;padding:0 20px;gap:20px}.brand{font-size:25px;display:flex;align-items:center;gap:7px}.brand small{font:9px Arial;letter-spacing:2px;color:#8b9c80;margin-left:5px}.actions{gap:6px}.actions button{padding:9px 11px;font-size:11px}main{grid-template-columns:240px minmax(280px,1fr) 290px;height:calc(100vh - 70px)}aside{padding:18px 15px}.tabs{display:flex;gap:4px;border-bottom:1px solid #e0e5da;padding-bottom:12px;position:sticky;top:-18px;background:white;z-index:1;padding-top:8px}.tabs button{flex:1;font-size:11px;padding:8px 6px;border:0}.tabs .active{background:#eaf1e2;color:#335d43}.section{margin-top:23px}.blockGroup{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#819274;margin:24px 0 10px}.blocks button{height:63px;font-size:22px}.blocks span{font-size:10px}.blocks button:hover{border-color:#a7bd94;background:#edf3e6}.toolbar{height:49px;flex-shrink:0}.contextbar{height:37px;display:flex;gap:8px;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #dde4d6;background:#fcfdf9;flex-shrink:0}.contextbar>button{font-size:10px;padding:4px 7px;white-space:nowrap}#breadcrumbs{display:flex;gap:4px;overflow:auto;white-space:nowrap;font-size:10px;color:#88947d}#breadcrumbs button{padding:3px 6px;font-size:10px;border:0;background:#eef2e8}#breadcrumbs button:last-child{color:#335d43;background:#e0ebd5}.stage{padding:22px 15px;min-height:0}iframe{min-height:0}.inspector h2{font-size:18px;overflow-wrap:anywhere}.inspector details{border-bottom:1px solid #e2e7dc;padding:15px 0}.inspector summary{cursor:pointer;color:#3d5131;font-weight:600;font-size:12px;user-select:none}.inspector label{margin-top:12px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pair input,.pair select{min-width:0}.check{display:flex;align-items:center;gap:8px;line-height:1.5}.check input{accent-color:#335d43}.row{gap:4px;margin-top:9px}.row button{padding:8px 4px;font-size:10px;min-width:0}.inspector input[type=color]{height:30px}.layer{display:block;width:100%;border:0;border-radius:4px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px;margin:2px 0;font-size:11px;background:transparent}.layer:hover{background:#f0f5e9}.layer.selected{background:#e0ebd5;color:#335d43;font-weight:600}footer{height:auto;min-height:35px;padding:9px 16px;flex-shrink:0}#status{line-height:1.5}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #82a269;outline-offset:2px}#blockSearch{margin-bottom:2px}@media(max-width:1100px){main{grid-template-columns:195px minmax(250px,1fr) 250px}.brand small{display:none}.actions button{font-size:10px;padding:8px}.stage{padding:16px 9px}}@media(max-width:800px){header{padding:0 12px;gap:10px}.brand{font-size:20px}.actions{flex-wrap:wrap;justify-content:flex-end;gap:3px}.actions button{padding:6px}main{grid-template-columns:155px minmax(220px,1fr);height:calc(100vh - 70px)}.inspector{grid-column:1/-1;max-height:70vh}.workspace{height:auto}.library{padding:12px 8px}.tabs{top:-12px}.tabs button{font-size:9px;padding:6px 3px}.devices button{padding:7px;font-size:10px}.toolbar{padding:0 8px}#mode{font-size:8px}.blocks span{font-size:9px}}[hidden]{display:none!important}
.check input[type=checkbox]{width:15px;height:15px;padding:0;margin:0;flex:0 0 15px}.blocks button{min-height:70px;height:auto}.blocks span{line-height:1.3}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.tabs button{white-space:nowrap}.tabs button[data-tab=site]{grid-column:span 2}.page-item{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;margin:6px 0;padding:12px 10px;font-size:11px}.page-item.selected{background:#e2edd8;border-color:#b8cfa4;color:#335d43}.page-indicator{padding:5px 10px;font-size:10px;background:#eef3e8;border:0;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar{gap:8px}.actions{flex-wrap:wrap;justify-content:flex-end}.actions button{font-size:10px;padding:8px}#embedCode{font-family:Consolas,monospace;font-size:12px;line-height:1.5;resize:vertical}#tab-site .eyebrow,#tab-pages .eyebrow{margin-top:24px}#controls details[hidden]{display:none}#activePageName{color:#446233}.library .pair input[type=color]{height:34px}.devices{flex-shrink:0}header .brand{flex-shrink:0}@media(max-width:1100px){header{height:78px}main{height:calc(100vh - 78px)}.actions{max-width:75%}#mode{display:none}}@media(max-width:700px){.actions{gap:2px}.actions button{font-size:9px;padding:5px}.brand{font-size:18px}.page-indicator{max-width:65px}header{height:90px}main{height:calc(100vh - 90px)}}
.spacing-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-top:18px}.spacing-title .check{margin:0;font-weight:400}.edge-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}.edge-grid label{text-transform:capitalize}#proControls details{padding-top:14px}#proControls input[type=range]{width:100%}.reference-palette{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.reference-palette span{width:24px;height:24px;border-radius:50%;border:1px solid #0002}.audit-card{padding:12px;background:#f2f5ed;border-radius:7px;margin:10px 0;font-size:11px;line-height:1.6}.audit-card p{margin-bottom:0}#aiResults h3{font-size:14px;margin-top:24px}#aiResults p{font-size:11px;line-height:1.7}#aiResults .suggestion{text-align:left;line-height:1.5}#aiStatus{background:#eef3e7;padding:12px;border-radius:7px;margin-top:14px;overflow-wrap:anywhere}#tab-ai details{padding:15px 0;border-bottom:1px solid #dde5d6}#tab-ai summary{cursor:pointer;font-weight:600;color:#3d5131;font-size:12px}.tabs button[data-tab=site]{grid-column:auto}.tabs{grid-template-columns:repeat(3,1fr)}#imageStudio{width:min(1100px,96vw);max-height:94vh;border:1px solid #d6decd;border-radius:14px;padding:24px;background:#fafbf7;color:#253421;overflow:auto}#imageStudio::backdrop{background:#13241bd0}.image-studio-head{display:flex;justify-content:space-between;align-items:center}.image-studio-head h2{margin:0}.image-studio-grid{display:grid;grid-template-columns:minmax(250px,1fr) 290px;gap:24px}.image-canvas-wrap{display:flex;align-items:center;justify-content:center;position:sticky;top:0;align-self:start;min-height:350px;padding:20px;background:repeating-conic-gradient(#e0e4dc 0% 25%,#f5f6f2 0% 50%) 50%/20px 20px;border-radius:10px}.image-canvas-wrap canvas{max-width:100%;max-height:70vh;object-fit:contain;box-shadow:0 8px 30px #0003}.image-studio-tools h3{font-size:13px}.image-studio-tools .row{position:sticky;bottom:-24px;background:#fafbf7;padding:12px 0}#aiResults:empty{display:none}@media(max-width:750px){.image-studio-grid{grid-template-columns:1fr}.image-canvas-wrap{position:static;min-height:200px}.image-canvas-wrap canvas{max-height:45vh}#imageStudio{padding:16px}} 
#richTextToolbar{padding:10px 14px;background:#fff;border-bottom:1px solid #dce4d3;flex-shrink:0;max-height:220px;overflow:auto}.rich-status{display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:8px}.rich-status strong{color:#355b35;white-space:nowrap}.rich-status span{color:#819076;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.rich-status button{font-size:10px;padding:5px 8px;white-space:nowrap}.rich-tools{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap;margin:7px 0}.rich-tools>button{padding:7px 9px;font-size:11px;min-height:31px}.rich-tools label{font-size:9px;margin:0;display:flex;flex-direction:column;gap:3px}.rich-tools input:not([type=checkbox]),.rich-tools select{margin:0;padding:5px;border:1px solid #d9e2d0;background:#fafcf7;border-radius:5px;height:31px;width:70px;font-size:11px}.rich-tools input[type=color]{width:44px;padding:3px}.rich-tools select{width:110px}.rich-tools .check{flex-direction:row;align-items:center;padding:7px 0}.rich-tools .check input{width:14px}.rich-link-label input{width:190px!important}.block-mode-switch{display:flex;gap:0;flex-shrink:0}.block-mode-switch button{padding:4px 8px;font-size:10px;border-radius:0;background:transparent}.block-mode-switch button:first-child{border-radius:5px 0 0 5px}.block-mode-switch button:last-child{border-radius:0 5px 5px 0}.block-mode-switch .active{background:#335d43;color:white;border-color:#335d43}.contextbar{height:auto;min-height:37px;gap:6px;padding-top:5px;padding-bottom:5px}#editSelectedText{white-space:nowrap;font-size:10px;padding:4px 7px;flex-shrink:0}#blockCodePane{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;padding:20px;background:#f5f7f1;overflow:auto}.code-pane-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.code-pane-head strong{font-size:15px}.code-pane-head .hint{margin-bottom:0}#codeChangeState{font-size:10px;color:#6c805c;white-space:nowrap}.code-label{margin:0;font-size:10px;color:#718366}#blockCodeSource{width:100%;flex:1;min-height:280px;resize:vertical;white-space:pre;tab-size:2;font:12px/1.7 Consolas,'Courier New',monospace;background:#18251d;color:#e4edda;border:1px solid #334b35;border-radius:10px;padding:18px;margin:0;overflow:auto}.code-pane-actions{display:flex;gap:8px;flex-wrap:wrap}.code-pane-actions button{font-size:11px}#blockCodeStatus{background:#eaf1e2;border-radius:7px;padding:10px;min-height:35px;margin:0}#codeHelp{margin:0}.workspace:has(#blockCodePane:not([hidden]))~.inspector #controls{display:none!important}@media(max-width:950px){.contextbar{flex-wrap:wrap}#breadcrumbs{flex-basis:100%}.rich-link-label input{width:150px!important}#richTextToolbar{max-height:240px}.code-pane-head{flex-direction:column;gap:5px}#blockCodePane{padding:12px}}
#clientShareDialog{width:min(760px,95vw);max-height:90vh;border:1px solid #bccbb8;border-radius:16px;padding:24px;color:#243c2c}#clientShareDialog::backdrop{background:#14271e88}#clientShareDialog label{display:block;margin:12px 0}#clientShareDialog input:not([type=checkbox]),#clientShareDialog select{width:100%;padding:9px;border:1px solid #c6d1c1;border-radius:6px}#clientShareDialog .check{display:flex;gap:8px}.review-change{padding:12px;margin:10px 0;background:#f0f4ea;border-radius:8px;overflow-wrap:anywhere}
.design-tabs{display:flex;flex-wrap:wrap;gap:4px;position:sticky;top:0;z-index:4;background:#fff;padding:8px 0;border-bottom:1px solid #d9e0d4}.design-tabs button{font-size:11px;padding:7px 8px}.design-tabs button[aria-pressed=true]{background:#365e45;color:white}.design-scope{padding:8px 0}#controls [data-design-group][hidden],#legacyDesignControls{display:none!important}
#reviewMessage{padding:12px 14px;border-radius:7px;background:#edf2e8;color:#284c32;border:1px solid #cad8c1;white-space:pre-wrap;overflow-wrap:anywhere}#reviewMessage[data-state=error]{background:#fff0ef;color:#8b2820;border-color:#e6bbb7}#reviewMessage[data-state=success]{background:#e7f5e8;color:#215d30}#createClientReview[aria-busy=true]{opacity:.75;cursor:progress}