:root{--brand:#0259a4;--ink:#182c42}*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:var(--ink);font:15px/1.5 system-ui,sans-serif}header{height:76px;padding:0 32px;display:flex;align-items:center;gap:20px;background:#fff;border-bottom:1px solid #e1e7ed}header strong{font-size:22px;letter-spacing:2px;margin-right:auto}header span{color:var(--brand);font-weight:400}button,input,textarea,select{font:inherit}button{padding:10px 16px;border:1px solid #d3dce5;border-radius:9px;background:white;color:var(--ink);cursor:pointer}button:hover{border-color:var(--brand)}button:disabled{opacity:.6;cursor:wait}.primary{background:var(--brand);color:#fff;border-color:var(--brand)}input,textarea,select{padding:11px;border:1px solid #d3dce5;border-radius:8px;max-width:100%;background:#fff;color:var(--ink)}textarea{min-height:90px;resize:vertical}label{display:flex;flex-direction:column;gap:6px;margin:14px 0}small{letter-spacing:1.5px;color:#62758a}h1{font-size:34px;line-height:1.2}h2{font-size:21px}[hidden]{display:none!important}#login{padding:60px 20px}#login form{max-width:440px;margin:auto;padding:35px;background:white;border-radius:20px}#login button{width:100%}#message{padding:10px 30px;background:#e4eef8;min-height:42px}#dashboard{max-width:1200px;margin:auto;padding:35px 24px}.heading,.row,.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.heading{justify-content:space-between}.panel{background:white;padding:20px;border-radius:14px;margin-bottom:20px}.row input{flex:1;min-width:160px}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.project{background:white;border:1px solid #e1e7ed;border-radius:16px;padding:25px}.project h2{overflow-wrap:anywhere}.project p{font-size:13px;color:#62758a}.toolbar{padding:15px 24px;background:white;border-bottom:1px solid #ddd}.toolbar #projectName{flex:1;min-width:160px}.toolbar #color{width:50px;padding:3px;height:40px}.workspace{display:grid;grid-template-columns:250px 1fr;min-height:70vh}aside{padding:25px;background:white;border-right:1px solid #ddd}aside p{color:#62758a;font-size:13px}.tool{display:block;width:100%;margin:12px 0;text-align:left;cursor:grab}#canvas{padding:28px;min-height:500px;max-width:1100px;width:100%;margin:auto}.block{background:white;border:1px solid #dbe3ec;border-radius:15px;margin-bottom:18px;overflow:hidden}.block-top{padding:12px 18px;background:#eaf0f6;display:flex;align-items:center;gap:8px}.block-top strong{margin-right:auto}.block-top button{padding:4px 10px}.block-fields{padding:12px 22px 22px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.block-fields label:nth-child(2){grid-column:1/-1}.empty{border:2px dashed #c4d3e2;padding:70px 20px;text-align:center;border-radius:20px;color:#62758a}#canvas.over{outline:2px dashed var(--brand)}dialog{width:min(1200px,95vw);height:90vh;padding:0;border:0;border-radius:14px}dialog::backdrop{background:#102338b3}.dialogbar{display:flex;gap:10px;align-items:center;padding:12px;background:white}.dialogbar strong{margin-right:auto}iframe{display:block;border:0;width:100%;height:calc(100% - 68px);margin:auto;background:white}:focus-visible{outline:3px solid #eabe33;outline-offset:2px}@media(max-width:750px){header{padding:0 16px}header strong{font-size:16px}#account{font-size:12px}.workspace{grid-template-columns:1fr}aside{border:0}.tool{display:inline-block;width:auto;margin-right:8px}#canvas{padding:16px}.block-fields{grid-template-columns:1fr}.toolbar{padding:12px}.dialogbar{flex-wrap:wrap}}

.library-body{padding:24px}.element-card{border:1px solid #dbe3ec;border-radius:12px;padding:18px;margin:16px 0}.element-card button{margin-right:10px}#libraryDialog{width:min(850px,94vw)}.design-fields{border-top:1px solid #ddd;padding:15px 22px;display:flex;gap:12px;flex-wrap:wrap}.design-fields label{width:140px}.design-fields input{width:100%}

/* Visual workspace */
.workspace{grid-template-columns:220px minmax(0,1fr) 320px;min-height:calc(100vh - 188px)}.workspace>aside{padding:20px 16px}.workspace>aside:first-child{max-height:calc(100vh - 188px);overflow:auto;position:sticky;top:0}.workspace h2{font-size:19px}.workspace .tool{font-size:13px}#visualArea{min-width:0;padding:20px 24px;background:#e9eef4}.visualbar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.visualbar>div{margin-right:auto}.visualbar small{display:block;letter-spacing:0;font-size:12px;margin-top:3px}.visualbar button{font-size:12px;padding:8px 12px}.visualbar button[aria-pressed=true]{background:#0259a4;color:white}#visualStage{max-width:1200px;margin:auto;background:white;box-shadow:0 6px 30px #182c4212;border-radius:8px;overflow:hidden;transition:max-width .2s}#visualStage.mobile{max-width:390px}#visualFrame{width:100%;height:calc(100vh - 300px);min-height:480px}.visualhint{font-size:12px;color:#62758a;text-align:center}#inspector{border-left:1px solid #dbe3ec;border-right:0;max-height:calc(100vh - 188px);overflow:auto;position:sticky;top:0}#canvas{padding:0;min-height:0;margin:0;max-width:none}.block{border:0;border-radius:0}.block-top{padding:10px 0;background:white;flex-wrap:wrap}.block-top strong{display:none}.block-fields{padding:0;display:flex;flex-direction:column}.block-fields label{font-size:13px}.block-fields input,.block-fields textarea{width:100%;font-size:13px}.block-fields img{align-self:center;margin:12px 0}.design-fields{padding:16px 0;gap:0 12px}.design-fields summary{width:100%;cursor:pointer;font-weight:600}.design-fields label{width:calc(50% - 6px);font-size:12px}.design-fields button{margin-top:10px}.inspector-heading h2{margin:6px 0 12px}.empty{padding:20px;font-size:13px}.toolbar{gap:8px}.toolbar button{font-size:13px}.toolbar #projectName{min-width:100px}button:disabled{cursor:not-allowed}@media(max-width:1100px){.workspace{grid-template-columns:180px minmax(0,1fr) 270px}#visualArea{padding:16px 12px}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.workspace>aside:first-child,#inspector{position:static;max-height:none}.workspace>aside:first-child{padding:12px}.workspace>aside:first-child h2,.workspace>aside:first-child small{display:none}.tool{display:inline-block;width:auto}.workspace #customElements .tool{display:inline-block;width:auto}#visualFrame{height:500px;min-height:350px}#inspector{border-top:1px solid #dbe3ec}.block-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.design-fields label{width:140px}}

.inspector-tabs{display:flex;gap:0;border-bottom:1px solid #dbe3ec;margin:8px 0 18px}.inspector-tabs button{flex:1;border:0;border-radius:0;padding:12px 4px;font-size:12px}.inspector-tabs button[aria-pressed=true]{color:#0259a4;border-bottom:3px solid #0259a4}.style-panel{background:#f5f7fa;border-radius:12px;padding:14px}.style-panel label{font-size:12px}.style-panel input,.style-panel select{width:100%}.style-panel>select{font-weight:600;margin-bottom:8px}.style-panel input[type=color]{height:40px;padding:3px}.reset-property{font-size:11px;padding:3px 6px;align-self:flex-start}.style-panel>button{font-size:12px;width:100%;margin-top:12px}

.menu-editor{border-top:1px solid #dbe3ec;margin-top:20px;padding-top:12px}.menu-editor h3{font-size:14px}.menu-row{background:#f5f7fa;border:1px solid #dbe3ec;border-radius:10px;padding:12px;margin:12px 0}.menu-row label{margin:6px 0}.menu-row button{font-size:12px}.menu-editor>button{width:100%}

.feature-row{padding:10px 0;border-top:1px solid #dbe3ec}.card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.menu-editor input[type=checkbox]{width:20px;height:20px}

/* Compact studio */
:root{--brand:#1767e8;--ink:#253247}body{background:#f5f6f8}body>header{height:54px;padding:0 22px;border-bottom:1px solid #e5e7eb}body>header strong{font-size:17px;letter-spacing:1px}#message{min-height:28px;padding:5px 22px;font-size:12px;background:#edf3ff}button{border-radius:7px}.toolbar{height:56px;padding:8px 14px;flex-wrap:nowrap;gap:7px}.toolbar button{white-space:nowrap;font-size:12px;padding:9px 11px}.toolbar #projectName{flex:0 1 220px;margin-right:auto;font-size:13px;height:36px}.toolbar #color{height:34px;width:36px}.workspace{height:calc(100dvh - 138px);min-height:0;grid-template-columns:220px minmax(0,1fr) 288px}.workspace.tools-collapsed{grid-template-columns:minmax(0,1fr) 288px}.workspace.inspector-collapsed{grid-template-columns:220px minmax(0,1fr)}.workspace.tools-collapsed.inspector-collapsed{grid-template-columns:minmax(0,1fr)}.workspace.tools-collapsed #toolsPanel,.workspace.inspector-collapsed #inspector{display:none}.workspace>aside:first-child,#inspector{height:100%;max-height:none;position:static;overflow:auto;padding:16px;border-color:#e5e7eb}.workspace .tool{padding:12px;border-color:#e8ecf1;background:#fafbfc;margin:9px 0}.workspace h2{font-size:17px}.panel-close{display:flex;align-items:center;justify-content:space-between}.panel-close button{border:0;font-size:20px;padding:0 5px;color:#7b8794;background:transparent}.panel-close small{font-size:10px;letter-spacing:1px}.inspector-heading h2{margin-top:8px}.inspector-tabs button{font-size:11px}#visualArea{height:100%;display:flex;flex-direction:column;padding:10px 14px;overflow:hidden;background:#eceef2}.visualbar{flex:0 0 36px;margin-bottom:8px}.visualbar strong{font-size:12px}.visualbar small{font-size:10px}.visualbar button{padding:6px 10px;font-size:11px}#visualStage{flex:1;min-height:0;width:100%;max-width:none;border-radius:3px;border:1px solid #e0e3e8;box-shadow:0 3px 12px #172b4d0a}#visualStage.mobile{max-width:390px}#visualFrame{height:100%;min-height:0}.visualhint{flex:0 0 auto;margin:6px 0 0;font-size:10px}.style-panel{padding:12px;border:1px solid #edf0f4;background:#fafbfc}.style-panel label{font-size:11px}.style-panel input,.style-panel select{font-size:12px;padding:8px}body.editing{overflow:hidden}body.focus-mode>header,body.focus-mode>#message{display:none}body.focus-mode .workspace{height:calc(100dvh - 56px)}body.focus-mode #visualArea{padding:6px}.block-top{padding:4px 0}.block-top button{font-size:11px}@media(max-width:1000px){.toolbar #export,.toolbar #history{display:none}.toolbar #projectName{flex-basis:130px}}@media(max-width:700px){.toolbar{height:auto;flex-wrap:wrap}.workspace,.workspace.tools-collapsed,.workspace.inspector-collapsed,.workspace.tools-collapsed.inspector-collapsed{height:calc(100dvh - 180px);display:flex;position:relative}.workspace #visualArea{width:100%}.workspace #toolsPanel,.workspace #inspector{position:absolute;top:0;bottom:0;background:white;width:min(288px,85vw);z-index:20;box-shadow:0 0 24px #172b4d22}.workspace #toolsPanel{left:0}.workspace #inspector{right:0}#visualFrame{height:100%;min-height:0}.block-fields{display:flex}.toolbar #projectName{min-width:90px}}

.widget-category{border-top:1px solid #dae3ee;padding:8px 0}.widget-category summary{cursor:pointer;font-weight:700;padding:8px}.widget-settings details{border:1px solid #dbe4ef;border-radius:10px;margin:10px 0;padding:12px}.widget-settings summary{cursor:pointer;font-weight:600}.widget-settings button{margin:4px}.widget-settings textarea{min-height:110px}
/* v0.10 studio: rail + canvas + contextual panels */
body.editing>header{height:48px}body.editing #message{height:28px;min-height:28px;overflow:auto}.toolbar{height:54px}.workspace{height:calc(100dvh - 130px);grid-template-columns:76px 250px minmax(0,1fr) 310px}.workspace.tools-collapsed{grid-template-columns:76px minmax(0,1fr) 310px}.workspace.inspector-collapsed{grid-template-columns:76px 250px minmax(0,1fr)}.workspace.tools-collapsed.inspector-collapsed{grid-template-columns:76px minmax(0,1fr)}#studioRail{background:white;border-right:1px solid #e5e7eb;padding:12px 4px;display:flex;flex-direction:column;gap:12px;overflow:auto}#studioRail button{border:0;background:transparent;font-size:22px;padding:10px 2px;color:#253247}#studioRail button span{display:block;font-size:10px;margin-top:4px}#studioRail button:hover,#studioRail button[aria-pressed=true]{background:#edf3ff;color:#1767e8}#toolsPanel{height:100%;overflow:auto}#visualArea{padding:6px;background:#e8ebef}#visualStage{border-radius:0}#inspector{width:310px}.visualbar{height:32px;flex-basis:32px}.toolbar #toggleTools,.toolbar #focusMode{display:none}.toolbar #projectName{flex:1;max-width:240px}.toolbar #undoEdit,.toolbar #redoEdit{font-size:20px;padding:4px 10px}.toolbar #history,.toolbar #export{display:none}.toolbar [aria-pressed=true]{background:#edf3ff;border-color:#1767e8;color:#1767e8}#studioTools button{display:block;margin:10px 0}#studioTools input{width:100%}.studio-layer{border:1px solid #e5e7eb;border-radius:8px;margin:8px 0;padding:8px}.studio-layer button{font-size:12px;margin:4px 0!important;width:100%;text-align:left}.position-editor{margin:18px 0;padding:12px;border:1px solid #dbe4ef;border-radius:9px}.position-editor summary{cursor:pointer;font-weight:600}.position-editor p{font-size:11px}.position-editor input,.position-editor select{width:100%}body.focus-mode .workspace{height:calc(100dvh - 54px)}@media(max-width:1000px){.toolbar #projectName{max-width:150px}.toolbar #color{display:none}.toolbar #back{font-size:0}.toolbar #back:before{content:'←';font-size:15px}.toolbar #toggleInspector{font-size:0}.toolbar #toggleInspector:before{content:'⚙';font-size:15px}}@media(max-width:800px){.workspace,.workspace.tools-collapsed,.workspace.inspector-collapsed,.workspace.tools-collapsed.inspector-collapsed{display:flex;position:relative}.workspace #studioRail{flex:0 0 60px;z-index:10}.workspace #visualArea{width:calc(100% - 60px);flex:1}.workspace #toolsPanel,.workspace #inspector{position:absolute;top:0;bottom:0;background:white;width:min(310px,calc(100vw - 60px));z-index:20;box-shadow:0 0 24px #172b4d22}.workspace #toolsPanel{left:60px}.workspace #inspector{right:0}.toolbar{flex-wrap:wrap;height:auto;min-height:54px}.toolbar #projectName{min-width:70px}.workspace{height:calc(100dvh - 170px)}}
/* v0.11 */
#canvas h3{font-size:17px;letter-spacing:-.02em}#canvas h4{margin-top:24px;border-top:1px solid #e8edf5;padding-top:16px;color:#62758a;font-size:12px;text-transform:uppercase;letter-spacing:.08em}#canvas>button{margin:6px 5px 6px 0;font-size:12px}#canvas>label{font-size:12px}#canvas>label>input,#canvas>label>textarea,#canvas>label>select{width:100%}#canvas>label input[type=checkbox]{width:20px;height:20px}.node-note{font-size:11px;background:#edf3ff;padding:12px;border-radius:10px}.node-layer{display:flex;gap:4px;padding:5px;border-bottom:1px solid #edf0f6}.node-layer button{font-size:11px!important;margin:2px!important;padding:6px;overflow:hidden;text-overflow:ellipsis}.node-layer button:first-child{flex:1;text-align:left}.add-extras-bar{display:flex;gap:4px;margin-left:12px}.add-extras-bar button{font-size:11px;padding:6px 8px;background:white;border:1px solid #dce5f0}.visualbar{flex-wrap:wrap;height:auto;flex-basis:auto;min-height:34px}#toolsPanel .tool{border-radius:12px;padding:13px;background:#f7f9fc}#toolsPanel .tool:hover{background:#edf3ff;border-color:#a9c8f5}#inspector{padding:20px!important}#visualStage{border-radius:8px}#studioRail{gap:16px}.toolbar{box-shadow:0 2px 8px #20365305}.widget-category summary{font-size:12px}@media(max-width:1100px){.add-extras-bar{margin-left:0}.add-extras-bar button{font-size:10px;padding:5px}}

.catalog-drop-hint{font-size:11px;line-height:1.5;color:#62758a;margin:12px 0;padding:10px;border-radius:8px;background:#edf3ff}

/* Consistent local icons and quieter panel feedback. */
.ui-control{display:inline-flex;align-items:center;justify-content:center;gap:8px}.ui-icon{flex:none;vertical-align:middle;pointer-events:none}.icon-only{min-width:36px}.ui-control:focus-visible{outline:2px solid #1767e8;outline-offset:3px}button{transition:background-color .12s,border-color .12s,box-shadow .12s}#studioRail .ui-control{flex-direction:column;gap:7px}#studioRail .ui-icon{width:22px;height:22px}#toolsPanel .tool{justify-content:flex-start}#canvas .ui-control{margin:3px 0}#canvas h4{border-top:1px solid #e5eaf1;padding-top:18px;margin-top:22px}#canvas input:focus,#canvas textarea:focus,#canvas select:focus{outline:2px solid #1767e833;border-color:#1767e8}#inspector{scrollbar-gutter:stable}#visualStage{overflow-anchor:none}@media(prefers-reduced-motion:reduce){button{transition:none}}

.toolbar{gap:6px}.toolbar .ui-control{gap:6px;padding:8px 9px}.toolbar #projectName{max-width:190px;min-width:80px}.toolbar #undoEdit,.toolbar #redoEdit{padding:8px}.toolbar #toggleInspector{min-width:36px}@media(max-width:1150px){.toolbar #back,.toolbar #toggleInspector,.toolbar #preview,.toolbar #visualDesktop,.toolbar #visualMobile{font-size:0;gap:0}.toolbar #back:before,.toolbar #toggleInspector:before{content:none}.toolbar #projectName{max-width:150px}}

/* v0.16: shared workspace and editing design system. */
:root{--brand:#1763d5;--ink:#172033;--panel-border:#e4e7ed;--muted:#667085}body{background:#f5f6f9;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body>header{border-color:var(--panel-border);box-shadow:none}body>header strong{font-size:17px;letter-spacing:1.5px}button{border-color:#d9dee7;border-radius:9px;color:#344054;box-shadow:0 1px 2px #10182804}button:hover:not(:disabled){background:#f8faff;border-color:#b7c9e5}.primary{background:#1763d5;border-color:#1763d5;color:white}.primary:hover:not(:disabled){background:#1254ba;border-color:#1254ba}input,textarea,select{border-color:#d6dbe4;border-radius:8px;background:white;color:#263244;min-height:38px}input:focus,textarea:focus,select:focus{outline:3px solid #1763d514;border-color:#1763d5}label{font-size:12px;font-weight:500;color:#344054}#message{background:#eef3ff;color:#405579;border-bottom:1px solid #e8edf7;font-size:12px}#appRail{position:fixed;top:0;bottom:0;left:0;width:72px;background:white;border-right:1px solid var(--panel-border);display:flex;flex-direction:column;align-items:center;gap:14px;padding:17px 10px;z-index:10}.rail-brand{width:34px;height:34px;display:grid;place-items:center;background:#1763d5;color:white;border-radius:11px;font-weight:750;margin-bottom:20px}#appRail button{width:40px;height:40px;padding:10px;font-size:0;border:0;box-shadow:none;color:#7b8494}#appRail #workspaceProjects{background:#edf1fa;color:#344054}#appRail button .ui-icon{width:20px;height:20px}body:is([data-view=dashboard],[data-view=templatesDialog])>header,body:is([data-view=dashboard],[data-view=templatesDialog])>#message{margin-left:72px}#dashboard{max-width:1120px;padding:40px 42px;margin-left:max(72px,calc((100vw - 1040px)/2));margin-right:auto}#dashboard h1{font-size:30px;letter-spacing:-.8px;margin:12px 0 24px}#dashboard .heading{gap:12px;margin-bottom:10px}#dashboard .heading>div{margin-right:auto}#dashboard small{font-size:10px;letter-spacing:1.2px;color:#667085}#dashboard .panel{border:1px solid #eceef3;border-radius:16px;padding:20px;background:white;box-shadow:0 2px 4px #10182802}#dashboard .row{gap:12px}#dashboard .row input{min-width:190px}#newProject{align-items:center}#newProject button{flex:none}#newProject select{flex:1;min-width:210px}#newClient h2{font-size:19px;margin:0 0 14px}#importProjectModel{border:1px dashed #cdd5e2;background:#f8f9fc;padding:10px;min-width:280px}#importProjectModel::file-selector-button{border:1px solid #d5dce6;border-radius:6px;background:white;color:#344054;padding:6px 10px;margin-right:10px}.projects{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:22px}.project{position:relative;border:1px solid #dfe5ee;border-radius:14px;padding:20px;box-shadow:0 3px 9px #10182806;display:flex;flex-direction:column;align-items:flex-start;min-height:220px}.project:hover{border-color:#b7c9e5;box-shadow:0 6px 20px #10182809}.project h2{font-size:18px;line-height:1.35;letter-spacing:-.3px;margin:16px 0 8px;overflow-wrap:anywhere}.project p{font-size:11px;color:#667085;margin:0 0 20px}.project button{margin-top:auto}.project-badge{font-size:9px;font-weight:700;letter-spacing:.8px;color:#1763d5;background:#edf3ff;border:1px solid #e0e9fc;border-radius:7px;padding:7px 9px}.project-status{position:absolute;top:23px;right:18px;background:#f4f6f8;color:#667085;font-size:10px;border-radius:20px;padding:4px 8px}.toolbar{border-color:var(--panel-border);box-shadow:none}.toolbar .primary{color:white}#studioRail{background:white;border-color:var(--panel-border);padding-top:15px;gap:14px}#studioRail button{color:#697586;border-radius:9px}#studioRail button:hover,#studioRail button[aria-pressed=true]{background:#edf3ff;color:#1763d5}#toolsPanel,#inspector{background:white;border-color:var(--panel-border);padding:20px}#inspector h2{font-size:18px;line-height:1.3;margin:12px 0 18px}#inspector h3{font-size:17px;margin:18px 0 12px}.panel-close small{font-size:9px;color:#8a94a6;letter-spacing:1.3px}.panel-close button{border:0;box-shadow:none;background:transparent;color:#98a2b3}#canvas h4{font-size:10px;letter-spacing:1px;color:#768298;text-transform:uppercase}.node-note{background:#f2f5fb;border:1px solid #e8edf6;border-radius:10px;font-size:11px;color:#667085;padding:12px}#canvas label{margin:13px 0;gap:7px}#canvas input,#canvas select,#canvas textarea{font-size:12px;padding:10px}#canvas textarea{min-height:100px;line-height:1.55}.inspector-tabs{display:flex;gap:4px;background:#f4f6fa;padding:4px;border-radius:9px;margin:10px 0 16px}.inspector-tabs button{flex:1;border:0;box-shadow:none;background:transparent;font-size:11px}.inspector-tabs button[aria-pressed=true]{background:white;color:#1763d5;box-shadow:0 1px 4px #10182810}#visualArea{background:#eceef3}.visualbar{background:transparent;color:#344054}.visualbar strong{font-size:12px}.visualbar small{font-size:10px;color:#8892a4}.visualhint{color:#8892a4;font-size:10px}#visualFrame{box-shadow:0 5px 25px #17203312;border-radius:10px}.widget-category{border:1px solid #edf0f5;border-radius:10px;background:white;margin:8px 0}.widget-category summary{padding:12px;color:#344054;font-weight:600}.widget-category .tool{margin:3px 8px;width:calc(100% - 16px);background:#f9fafc;border-color:transparent;font-size:12px;border-radius:8px;padding:10px}.widget-catalog>input{width:100%;background:#f8f9fc}.catalog-drop-hint{font-size:11px;color:#8791a2}.dialogbar{background:#fff;border-bottom:1px solid #e8ecf2;padding:14px 20px}.dialogbar strong{font-size:15px;margin-right:auto}dialog{border:1px solid #e4e7ed;border-radius:16px;box-shadow:0 24px 80px #17203330}dialog::backdrop{background:#17203370;backdrop-filter:blur(3px)}.library-body{background:#f7f8fb;padding:24px}.element-card{border:1px solid #e3e8ef;background:white;border-radius:12px;padding:20px;margin:14px 0}.element-card h3{font-size:17px}.element-card p{font-size:12px;color:#667085}#login form{border:1px solid #e4e7ed;box-shadow:0 12px 36px #17203308}#login h1{letter-spacing:-1px}@media(max-width:900px){#dashboard{padding:25px;margin-left:72px}.heading>button{font-size:11px;padding:8px}.projects{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media(max-width:600px){#appRail{width:54px;padding:12px 5px}.rail-brand{width:30px;height:30px}body:is([data-view=dashboard],[data-view=templatesDialog])>header,body:is([data-view=dashboard],[data-view=templatesDialog])>#message{margin-left:54px}#dashboard{margin-left:54px;padding:20px 14px}#dashboard h1{font-size:25px}#dashboard .panel{padding:16px}#dashboard .row input,#newProject select{min-width:0;width:100%;flex-basis:100%}#importProjectModel{min-width:0;width:100%}.projects{grid-template-columns:1fr}}

#systemDialog{width:min(760px,94vw);max-height:90vh}#systemDialog dd{margin:6px 0 18px;overflow-wrap:anywhere;font-family:monospace}#systemDialog .primary{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none}#systemPersistence{padding:14px;background:#fff4da;border-radius:12px;color:#724d05}

.system-section{border-top:1px solid #dde3ed;margin-top:24px;padding-top:16px}.system-section input{max-width:100%;width:100%;margin:8px 0 12px}.system-section button{margin:5px 8px 5px 0}#restorePoints a{margin-right:18px}#restoreConfirm{padding:16px;border:1px solid #e3b1a5;border-radius:12px;background:#fff7f4}#recoveryStatus,#updateStatus{overflow-wrap:anywhere}

.system-compatible{color:#176440!important}.system-incompatible{color:#875b16!important}#preparedUpdates p{overflow-wrap:anywhere}#restorePoints button:disabled{opacity:.65;cursor:not-allowed}

/* v0.24: focused rail and contextual property groups. */
#studioRail button[hidden]{display:none}#studioRail{gap:8px}#studioRail .ui-icon{width:20px;height:20px}#studioRail button span{font-size:9px}.workspace{grid-template-columns:60px 250px minmax(0,1fr) 310px}.workspace.tools-collapsed{grid-template-columns:60px minmax(0,1fr) 310px}.workspace.inspector-collapsed{grid-template-columns:60px 250px minmax(0,1fr)}.workspace.tools-collapsed.inspector-collapsed{grid-template-columns:60px minmax(0,1fr)}#canvas .property-group{margin:10px 0;border:1px solid #e5eaf1;border-radius:10px;padding:0 12px;background:white}#canvas .property-group>summary{cursor:pointer;padding:12px 0;font-size:12px;font-weight:650;color:#344054}#canvas .property-group[open]>summary{border-bottom:1px solid #edf0f4}#canvas .property-group>label{display:flex;flex-direction:column;margin:12px 0;gap:6px}#canvas .property-group input,#canvas .property-group select,#canvas .property-group textarea{width:100%;font-size:12px}#canvas .property-group input[type=checkbox]{width:18px;height:18px;min-height:0}#canvas .property-group>button{margin:6px 4px 8px 0;font-size:11px}#canvas .property-group textarea{min-height:72px}#canvas .node-note{padding:8px;font-size:10px;margin:8px 0}#canvas .property-group:focus-within{border-color:#a9c8f5}@media(max-width:800px){.workspace,.workspace.tools-collapsed,.workspace.inspector-collapsed,.workspace.tools-collapsed.inspector-collapsed{display:flex}}

.grid-reference-label{display:flex;align-items:center;gap:6px;font-size:11px}.grid-reference-label select{width:92px;min-height:30px;padding:4px;font-size:11px}.saved-section-card{border:1px solid #e5eaf1;border-radius:10px;padding:12px;margin:12px 0}.saved-section-card strong{display:block;font-size:12px}.saved-section-card a{display:inline-block;margin:6px 10px 0 0;font-size:11px}.saved-section-card button{width:100%}

.inspector-tabs{flex-wrap:wrap}.inspector-tabs button{flex:1 0 28%;padding:8px 4px}

.selection-trail{display:flex;gap:4px;flex-wrap:wrap;margin:12px 0}.selection-trail button{font-size:11px;padding:5px 7px}.selection-trail button+button:before{content:'› ';color:#8090a0}.node-layer{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-radius:8px}.node-layer.active{background:#e8f2ff}.node-layer button{font-size:11px}.section-miniature{height:80px;overflow:hidden;background:#eaf0f7;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-weight:600}.section-miniature img{width:100%;height:100%;object-fit:cover}.saved-section-card small{display:block;color:#667085}

/* v0.29 — compact Marfim editing workspace */
:root{--brand:#0259a4;--ink:#253248;--panel-border:#e5eaf0}
body.editing>header{display:none}body.editing #message{height:26px;min-height:26px;padding:5px 20px;font-size:11px;background:#f0f6fc;color:#44617f;border-bottom:1px solid #e3edf6}
body.editing #message:empty{display:none}
body.editing #editor{display:flex;flex-direction:column;height:calc(100dvh - 26px)}body.editing:has(#message:empty) #editor{height:100dvh}
#editor .toolbar{height:62px;min-height:62px;padding:10px 18px;gap:8px;flex-wrap:nowrap;border-bottom:1px solid var(--panel-border);order:0}
.editor-brand{font-size:15px;letter-spacing:1.8px;padding-right:18px;margin-right:4px;border-right:1px solid var(--panel-border);color:#243248}
#editor .toolbar #projectName{border-color:transparent;background:#f6f8fb;max-width:250px;flex:1;margin-right:auto;font-weight:500}
#editor .toolbar button{height:36px;border-radius:7px;font-size:12px;padding:8px 10px;white-space:nowrap}
#editor .toolbar #color{display:none}#editor .toolbar #focusMode{display:inline-flex;font-size:0}#editor .toolbar #focusMode .ui-icon{width:16px}
#editor .workspace{flex:1;min-height:0;height:auto;grid-template-columns:68px 250px minmax(0,1fr) 304px;overflow:hidden}
#editor .workspace.tools-collapsed{grid-template-columns:68px minmax(0,1fr) 304px}#editor .workspace.inspector-collapsed{grid-template-columns:68px 250px minmax(0,1fr)}#editor .workspace.tools-collapsed.inspector-collapsed{grid-template-columns:68px minmax(0,1fr)}
#studioRail{padding:12px 7px;gap:6px;background:#fff}#studioRail button{min-height:59px;padding:9px 3px;border-radius:8px;color:#788596}#studioRail button span{font-size:10px;font-weight:500}#studioRail button[aria-pressed=true]{background:#eaf3fc;color:#0259a4;box-shadow:inset 3px 0 #0259a4}
#editor #toolsPanel,#editor #inspector{height:100%;max-height:none;position:static;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px!important;width:auto}
#toolsPanel h2{font-size:17px;letter-spacing:-.4px;margin:18px 0 8px}#toolsPanel p{font-size:12px;line-height:1.65;color:#7b8798}
#toolsPanel .tool{border:1px solid #e5ebf2;background:#fff;border-radius:8px;padding:13px;margin:8px 0;font-size:12px;box-shadow:0 2px 5px #25324803}#toolsPanel .tool:hover{background:#f2f7fd;border-color:#bad2ea}
#visualArea{display:flex;flex-direction:column;min-height:0;padding:0 18px 10px;background:#eef1f5}
.visualbar{min-height:54px;margin:0;padding:9px 0;gap:7px;flex-shrink:0}.visualbar strong{font-size:12px}.visualbar small{font-size:10px}.visualbar button{height:30px;padding:5px 9px;border-color:#dce4ed;border-radius:6px;font-size:11px}.grid-reference-label{margin:0;display:flex;flex-direction:row;align-items:center;font-size:11px;gap:7px}.grid-reference-label select{height:30px;padding:4px 7px;min-width:86px}
#visualStage{flex:1;min-height:0;width:100%;max-width:100%;border-radius:9px;border:1px solid #dce3eb;box-shadow:0 5px 20px #2432480b;overflow:hidden}#visualStage.mobile{max-width:390px}
#visualFrame{height:100%;min-height:0;border-radius:0;box-shadow:none}.visualhint{margin:7px 0 0;font-size:10px}
#inspector .inspector-heading{padding-bottom:6px}#inspector h2{font-size:17px;margin:14px 0 10px}#inspector h3{font-size:13px;margin:14px 0 8px;color:#53647a}
.property-tabs{display:flex;padding:4px;background:#eff3f7;border-radius:8px;gap:3px;margin:15px 0}.property-tabs button{flex:1;background:transparent;border:0;border-radius:6px;padding:8px 5px;font-size:11px}.property-tabs button[aria-pressed=true]{background:white;box-shadow:0 2px 5px #2532480d;color:#0259a4;font-weight:650}
#canvas .property-group{border:1px solid #e4eaf1;border-radius:9px;margin:10px 0;background:#fff;padding:0 13px}#canvas .property-group>summary{padding:13px 0;font-size:12px}#canvas .property-group input,#canvas .property-group select,#canvas .property-group textarea{background:#f8fafc;border-color:#e1e7ef;border-radius:7px;padding:9px;min-height:36px}#canvas .property-group input[type=color]{height:38px;padding:4px}#canvas .property-group input[type=checkbox]{min-height:0}
#canvas .node-note{background:transparent;border:0;border-left:2px solid #d6e5f5;border-radius:0;padding:5px 9px;color:#8a96a5;font-size:10px}#canvas>button{font-size:11px;padding:8px 10px}
@media(min-width:801px) and (max-width:1250px){#editor .toolbar #projectName{max-width:170px}#editor .toolbar #back,#editor .toolbar #preview,#editor .toolbar #toggleInspector{font-size:0;gap:0}#editor .workspace{grid-template-columns:60px 220px minmax(0,1fr) 280px}#editor .workspace.tools-collapsed{grid-template-columns:60px minmax(0,1fr) 280px}#editor .workspace.inspector-collapsed{grid-template-columns:60px 220px minmax(0,1fr)}#editor .workspace.tools-collapsed.inspector-collapsed{grid-template-columns:60px minmax(0,1fr)}.editor-brand{padding-right:10px;font-size:12px}#visualArea{padding-left:10px;padding-right:10px}}
@media(max-width:800px){#editor .toolbar{flex-wrap:wrap;height:auto;min-height:62px;padding:8px}.editor-brand{font-size:12px;padding-right:8px}#editor .toolbar #projectName{max-width:160px}#editor .toolbar #publish{font-size:0;gap:0}#editor .workspace{display:flex;position:relative}#editor #studioRail{flex:0 0 60px}#editor #visualArea{flex:1;width:calc(100% - 60px);padding:0 8px 8px}#editor #toolsPanel,#editor #inspector{position:absolute;top:0;bottom:0;width:min(304px,calc(100vw - 60px));z-index:20}#editor #toolsPanel{left:60px}#editor #inspector{right:0}.visualbar{flex-wrap:wrap}.visualbar .add-extras-bar{flex-wrap:wrap}.visualhint{display:none}}
#studioTools .theme-palette{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}#studioTools .theme-palette button{display:block;width:29px;height:29px;min-height:0;border:3px solid #fff;outline:1px solid #dce4ed;border-radius:7px;margin:0;padding:0}#studioTools .theme-palette button:hover{outline:2px solid #0259a4}

.visualbar>select{max-width:155px;border:1px solid #dce3ed;border-radius:8px;padding:7px;background:#fff;color:#334155}

/* v0.31: projetos e clientes */
.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.dashboard-stat{background:white;border:1px solid #e3e9f1;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:8px}.dashboard-stat span{color:#6c7b90;font-size:13px}.dashboard-stat strong{font-size:30px;color:#172b48}.dashboard-filters{display:flex;gap:12px;flex-wrap:wrap;background:white;padding:16px;border:1px solid #e3e9f1;border-radius:12px}.dashboard-filters input{flex:1;min-width:190px}.dashboard-filters select{min-width:170px}#projectResults{color:#708096;font-size:12px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-preview-card{position:relative;background:white;padding:0;border:1px solid #e0e7f0;border-radius:15px;overflow:visible;box-shadow:0 4px 18px #233c6208}.project-cover{height:200px;position:relative;overflow:hidden;border-radius:15px 15px 0 0;background:#eef2f7}.project-cover iframe{width:1200px;height:800px;border:0;transform:scale(.30);transform-origin:top left;pointer-events:none;position:absolute;top:0;left:0}.project-card-body{padding:20px}.project-card-body h2{font-size:18px;margin:13px 0 8px;overflow-wrap:anywhere}.project-client,.project-updated{font-size:12px;color:#728096}.publication-badge{font-size:11px;font-weight:600;border-radius:20px;padding:5px 10px;display:inline-block}.publication-badge.published{background:#e6f6ed;color:#177746}.publication-badge.draft{background:#fff4dc;color:#986510}.project-public-link{font-size:12px;color:#0259a4}.project-card-buttons{display:flex;gap:9px;margin-top:17px}.project-card-buttons button{flex:1}.project-menu{position:absolute;right:12px;top:12px;z-index:3}.project-menu summary{list-style:none;background:white;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 2px 8px #0002}.project-menu summary::-webkit-details-marker{display:none}.project-actions{position:absolute;right:0;top:40px;width:190px;background:white;border:1px solid #e0e7f0;border-radius:10px;padding:6px;box-shadow:0 8px 24px #182b4826}.project-actions button{display:block;width:100%;text-align:left;border:0;background:white;padding:10px;font-size:12px}.project-actions button:hover{background:#f0f5fb}.project-actions button.danger{color:#bc3743}.client-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-card{padding:20px;background:white;border:1px solid #e0e7f0;border-radius:14px}.client-card p{font-size:12px;color:#728096;overflow-wrap:anywhere}#clientDirectory{margin-top:36px}#changeClientDialog{max-width:480px;width:calc(100% - 40px)}#changeClientDialog label{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}@media(max-width:1100px){.projects,.client-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.projects,.client-cards{grid-template-columns:1fr}.dashboard-stats{gap:8px}.dashboard-stat{padding:12px}.dashboard-stat strong{font-size:24px}.dashboard-filters>*{width:100%}}
@media(min-width:901px){body:is([data-view=dashboard],[data-view=templatesDialog]) #appRail{width:216px;align-items:stretch;padding:24px 16px;gap:10px}body:is([data-view=dashboard],[data-view=templatesDialog]) #appRail .rail-brand{align-self:flex-start;margin:0 0 20px 8px}body:is([data-view=dashboard],[data-view=templatesDialog]) #appRail button{width:100%;height:44px;font-size:13px;justify-content:flex-start;text-align:left;gap:12px;padding:12px;border-radius:9px}body:is([data-view=dashboard],[data-view=templatesDialog])>header,body:is([data-view=dashboard],[data-view=templatesDialog])>#message{margin-left:216px}body:is([data-view=dashboard],[data-view=templatesDialog]) #dashboard{margin-left:216px;max-width:1500px;padding:32px 36px}body:is([data-view=dashboard],[data-view=templatesDialog]) .projects{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:901px) and (max-width:1150px){body:is([data-view=dashboard],[data-view=templatesDialog]) .projects{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.34: propriedades e camadas */
.property-range{width:100%;accent-color:#0259a4;cursor:ew-resize}#canvas .property-group input[type=range]{padding:0;min-height:24px;border:0;background:transparent}.segmented-control{display:flex;gap:3px;padding:4px;border:1px solid #e1e7ef;background:#f0f4f9;border-radius:9px}.segmented-control button{flex:1;background:transparent;border:0;min-height:32px;padding:6px;border-radius:6px;font-size:17px}.segmented-control button[aria-pressed=true]{background:white;color:#0259a4;box-shadow:0 1px 5px #15335218}.segmented-control button .ui-icon{display:none}.layer-branch{border-left:1px solid #dce5ef;margin:7px 0 7px 8px;padding-left:8px}.layer-branch>summary{cursor:pointer;font-size:12px;color:#53657b;padding:7px 0}.layer-branch>summary:has(.layer-tree-row){display:list-item}.layer-tree-row{display:flex;flex-direction:column;gap:3px;border-radius:8px;padding:5px;background:transparent}.layer-tree-row.active{background:#eaf2fc}.layer-tree-row>button{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;padding:6px;border:0;background:transparent}.layer-tree-actions{display:flex;gap:3px}.layer-tree-actions button{font-size:0;padding:5px;background:transparent;border:0}.layer-tree-actions .ui-icon{width:14px;height:14px}.layer-tree-row:hover{background:#f0f5fb}#editState{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;font-size:11px}#editState:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}#editState[data-state=saved]{color:#228052;background:#eaf7ef}#editState[data-state=pending]{color:#986510;background:#fff6e3}#editState[data-state=error]{color:#ba3443;background:#fff0f1}#editState[data-state=saving]{color:#0259a4;background:#edf4fc}#editState[data-state=saving]:before,#save[data-state=saving]:after{content:'';width:11px;height:11px;border:2px solid #b9d3ed;border-top-color:#0259a4;border-radius:50%;animation:marfim-spin .8s linear infinite}#save[data-state=saving]:after{display:inline-block;margin-left:7px}@keyframes marfim-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#editState:before,#save:after{animation:none!important}}

.layer-drop-active{outline:2px solid #1685ef!important;background:#eaf4ff!important}

#templatesDialog{width:min(1100px,94vw);max-height:90vh;overflow:auto}#templateSearch{width:100%;margin-bottom:20px}#templatesDialog .project-card-buttons{flex-wrap:wrap}

/* Shared workspace design: templates and editor. */
#templatesDialog{width:auto;max-width:1280px;margin:32px auto;padding:24px;max-height:none;overflow:visible;border:0;background:transparent}
#templatesDialog .heading h1{font-size:36px;letter-spacing:-1px;margin:8px 0}#templatesDialog .heading p{color:#687890;margin:0}#templatesDialog .heading small{font-size:10px;letter-spacing:1.5px;color:#64748b}
.template-upload{display:inline-flex;align-items:center;cursor:pointer;padding:14px 22px;border-radius:10px;background:#1767e8;color:#fff;font-weight:600}
#templateStatus{padding:18px 22px;border-radius:12px;background:#eef4ff;color:#1767e8;border:1px solid #dbe7ff}#templateStatus[data-state=saved]{background:#ecfdf3;color:#146c37;border-color:#bbebcf}#templateStatus[data-state=error]{background:#fff1f0;color:#b42318;border-color:#ffd5cf}
#templatesDialog .projects{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}#templatesDialog .project-card{padding:16px;border-radius:16px}#templatesDialog .project-card-body{padding:0 0 14px}#templatesDialog .project-cover{height:300px;border-radius:10px}#templatesDialog .project-card h3{font-size:20px;margin:8px 0}#templatesDialog .project-card p{color:#64748b;font-size:13px;margin:6px 0 14px}.template-badge{font-size:11px;padding:5px 9px;background:#eaf1ff;color:#1767e8;border-radius:20px}.template-info{padding:18px 22px;background:#edf3fc;border:1px solid #dce7f8;color:#53647a;border-radius:12px}
#appRail button[aria-pressed=true]{background:#1767e8;color:#fff}#appRail #workspaceTemplates{min-height:44px}
#editor .toolbar{border-bottom:1px solid #e2e8f0;background:#fff}#editor #toolsPanel,#editor #inspector{background:#fff;border-color:#e2e8f0}#editor #visualArea{background:#f4f6fa}#studioRail button[aria-pressed=true]{background:#1767e8;color:#fff;box-shadow:none}#toolsPanel .tool{border-radius:12px;padding:15px;background:#fbfcfe}#toolsPanel .tool:hover{background:#edf4ff;border-color:#aac8ff;box-shadow:0 3px 12px #1767e810}#inspector .property-tabs{background:#f1f5fb;padding:5px;border-radius:10px}#inspector .property-tabs button[aria-pressed=true]{background:#1767e8;color:#fff}#canvas .property-group{border-radius:12px;border-color:#e1e8f2}#canvas .property-group>summary{font-weight:600;color:#34445c}#canvas input:focus,#canvas select:focus,#canvas textarea:focus{outline:2px solid #bad3ff;outline-offset:1px}.add-extras-bar{padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.visualhint{font-size:11px;color:#64748b}
@media(min-width:901px){body[data-view=templatesDialog] #templatesDialog{margin-left:240px;margin-right:32px}body[data-view=templatesDialog] #appRail{display:flex}}
@media(max-width:800px){#templatesDialog .projects{grid-template-columns:1fr}#templatesDialog .heading{flex-wrap:wrap}#templatesDialog{padding:16px}}

#templatesDialog .project-card{position:relative}.template-menu{position:absolute;right:18px;top:18px;z-index:3}.template-menu>summary{list-style:none;cursor:pointer;padding:3px 10px;border-radius:6px;font-size:24px;background:#fff}.template-menu-actions{position:absolute;right:0;top:100%;width:170px;background:white;border:1px solid #dce5f1;padding:7px;border-radius:10px;box-shadow:0 8px 24px #24304020}.template-menu-actions button,.template-menu-actions a{display:block;width:100%;text-align:left;background:#fff;border:0;padding:10px;font-size:12px;border-radius:6px;color:#34445c;text-decoration:none}.template-menu-actions button:hover,.template-menu-actions a:hover{background:#edf4ff}#templateSearch{margin:0}#templatesDialog .project-card-body{padding-right:32px}

.structure-security{margin-bottom:16px;padding:14px;border:1px solid #cbdcf5;border-radius:12px;background:#f1f6fe}.structure-security p{font-size:12px;color:#475467}.structure-security button{width:100%;background:#1767e8;color:white;border:0;border-radius:8px;padding:10px}

.header-preset-picker{border:1px solid #e3e8ef;border-radius:12px;padding:12px;margin:0 0 14px}.header-preset-picker summary{cursor:pointer;font-weight:650;color:#334155}.header-preset-picker p{font-size:12px;color:#64748b}.header-preset-card{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:12px;margin:9px 0;border:1px solid #dce4ef;border-radius:10px;background:#fff}.header-preset-card:hover,.header-preset-card[aria-pressed=true]{border-color:#1767e8;background:#f1f6ff}.header-preset-card strong{font-size:12px}.header-preset-card small{font-size:11px;color:#64748b}.header-preset-preview{display:flex;align-items:center;gap:12px;width:100%;height:48px;padding:8px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;font-size:9px}.preset-logo{font-weight:800;color:#1767e8}.preset-menu{flex:1;text-align:right;color:#64748b}.preset-cta{padding:4px;background:#1767e8;color:white;border-radius:3px}.header-preset-preview:not(.cta) .preset-cta{display:none}.header-preset-preview.centered .preset-logo{order:1;margin:auto}.header-preset-preview.centered .preset-menu{order:0;flex:0}.header-preset-preview.stacked{flex-direction:column;gap:5px;height:60px}.header-preset-preview.stacked .preset-menu{flex:0}.header-preset-preview.reversed .preset-logo{order:2}.header-preset-preview.reversed .preset-menu{text-align:left;order:1}
.editor-more-tools,.editor-grid-tools{position:relative;font-size:12px}.editor-more-tools summary,.editor-grid-tools summary{cursor:pointer;padding:9px;border:1px solid #dce4ed;border-radius:8px;background:#fff;white-space:nowrap}.editor-more-tools>div,.editor-grid-tools>div{position:absolute;right:0;top:100%;z-index:40;display:flex;flex-direction:column;gap:8px;width:220px;padding:12px;border:1px solid #dce4ed;border-radius:10px;background:white;box-shadow:0 8px 25px #18324c20}.editor-grid-tools .grid-reference-label{display:flex}.editor-more-tools:not([open])>div,.editor-grid-tools:not([open])>div{display:none}#canvas .block-top{padding-bottom:8px}#canvas .structure-security{padding:12px;border-radius:10px}#canvas .block-fields:empty{display:none}.visualhint{display:none}

.header-inspector{border:0!important;padding:0!important;background:transparent!important}.header-inspector>.property-group{margin:10px 0;border:1px solid #e4e7ec;background:#fff;border-radius:10px;padding:12px}.header-inspector>.property-group>summary{font-size:13px;font-weight:650;cursor:pointer;color:#344054}.header-inspector .block-fields{padding-top:12px}.header-inspector .block-top{display:flex;flex-wrap:wrap}.header-inspector .style-panel{border:0;padding:12px 0}.header-preset-picker .header-preset-card[aria-pressed=true]{box-shadow:0 0 0 1px #1767e8}

.recovery-dialog{max-width:520px;width:calc(100% - 32px);border:1px solid #dce4ed;border-radius:16px;padding:24px}.recovery-dialog::backdrop{background:#15294266}.recovery-dialog input{display:block;width:100%;margin:12px 0}.recovery-dialog button{margin:6px}.recovery-dialog p{color:#475569}

#visualStage.tablet{max-width:900px}.section-miniature{height:110px;background:#edf3ff;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden;color:#34435b}.section-miniature img{width:100%;height:100%;object-fit:cover}.saved-section-card{padding:12px;border:1px solid #dde5ef;border-radius:12px;margin:12px 0}.saved-section-card[hidden]{display:none}dialog:has(iframe){width:min(1000px,90vw)}

.push-below-control{display:inline-flex;gap:6px;align-items:center;font-size:12px;white-space:nowrap}.push-below-control input{width:16px;height:16px}
/* 0.60: contextual properties, with fast controls and compact cards. */
@media(min-width:801px){#inspector{width:360px}.workspace{grid-template-columns:76px 250px minmax(0,1fr) 360px}.workspace.tools-collapsed{grid-template-columns:76px minmax(0,1fr) 360px}.workspace.inspector-collapsed{grid-template-columns:76px 250px minmax(0,1fr)}.workspace.tools-collapsed.inspector-collapsed{grid-template-columns:76px minmax(0,1fr)}}
#inspector{background:#f8fafc!important;padding:14px!important}.modern-inspector .inspector-heading{display:flex;align-items:center;gap:10px;margin:0 0 8px}.modern-inspector .inspector-heading h3{margin:0;font-size:18px;flex:1}.inspector-heading>button{border:0;background:transparent;padding:6px;box-shadow:none}.modern-inspector .selection-trail{display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin-bottom:12px}.modern-inspector .selection-trail button{font-size:10px;padding:3px;border:0;background:transparent;color:#64748b;box-shadow:none}.modern-inspector .selection-trail button+button:before{content:'›';margin-right:6px}.device-segments{display:flex;background:white;border:1px solid #dbe5f2;border-radius:8px;padding:3px;margin:10px 0}.device-segments>button{flex:1;border:0;box-shadow:none;font-size:11px;padding:8px 5px;background:transparent}.device-segments>button[aria-pressed=true]{background:#e4efff;color:#1767e8}.modern-inspector .inspector-tabs{display:flex;border-bottom:1px solid #dbe4f0;margin:12px 0;position:sticky;top:0;z-index:2;background:#f8fafc;padding:0}.modern-inspector .inspector-tabs button{flex:1;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:12px;padding:12px 6px;border-bottom:3px solid transparent}.modern-inspector .inspector-tabs button[aria-pressed=true]{color:#1767e8;border-bottom-color:#1767e8;font-weight:650}.modern-inspector>.node-note{font-size:10px;background:transparent;color:#64748b;padding:2px 0;margin:4px 0 12px}.modern-inspector .property-group{background:white;border:1px solid #e4eaf2;border-radius:10px;margin:10px 0;padding:12px;box-shadow:none}.modern-inspector .property-group>summary{font-size:12px;cursor:pointer;font-weight:650;color:#182c42}.modern-inspector .property-group[open]>summary{margin-bottom:12px}.modern-inspector .property-field{display:block;margin:10px 0;font-size:11px;color:#475569;min-width:0}.modern-inspector .property-field>input:not([type=range]):not([type=color]):not([type=checkbox]),.modern-inspector .property-field>select,.modern-inspector .property-field>textarea{display:block;width:100%;margin-top:5px;min-height:34px;font-size:12px}.modern-inspector .property-field>textarea{min-height:90px;resize:vertical}.modern-inspector .property-number>input[type=number]{width:82px!important;float:right;margin-top:0!important;min-height:30px!important;text-align:center}.modern-inspector .property-range{display:block;width:100%;min-height:20px;margin:8px 0 0;accent-color:#1767e8;padding:0;background:transparent;clear:both}.modern-inspector .property-color{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px;align-items:center}.modern-inspector .property-color>input[type=color]{grid-column:1;width:36px;height:34px;min-height:34px;padding:2px;border:1px solid #d9e2ed;border-radius:6px}.modern-inspector .property-color>.color-hex{grid-column:2;font-family:ui-monospace,monospace;font-size:11px;margin:0!important}.modern-inspector .segmented-control{display:flex;gap:3px;border:1px solid #e0e7f0;border-radius:7px;padding:3px;margin-top:6px}.modern-inspector .segmented-control>button{flex:1;min-width:0;font-size:11px;padding:7px 4px;border:0;box-shadow:none;background:white}.modern-inspector .segmented-control>button[aria-pressed=true]{background:#e4efff;color:#1767e8}.modern-inspector .preset-choices{display:flex;gap:6px}.modern-inspector .preset-choices button{flex:1;padding:12px 5px;font-size:11px;border:1px solid #dae4f0;background:white}.modern-inspector .preset-choices .solid{background:#1767e8;color:white;border-color:#1767e8}.modern-inspector .preset-choices .outline{color:#1767e8}.modern-inspector .preset-choices .text{color:#1767e8;border-color:transparent}.modern-inspector .preset-choices button[aria-pressed=true]{outline:2px solid #1767e8;outline-offset:2px}.modern-inspector .restore-style{width:100%;margin:12px 0;background:white;font-size:12px}.modern-inspector [hidden]{display:none!important}.modern-inspector input:focus-visible,.modern-inspector button:focus-visible,.modern-inspector select:focus-visible{outline:2px solid #1767e8;outline-offset:2px}
/* Pair swatch and HEX while keeping the caption on its own line. */

.device-override{font-size:11px;color:#6c7a91;grid-column:1/-1}#studioTools label{display:grid;gap:6px;margin:12px 0}dialog label{display:flex;gap:8px;margin:10px 0}
.section-live-preview{position:relative;height:140px;overflow:hidden;padding:0!important;background:#fff}.section-live-preview iframe{width:900px;height:450px;border:0;transform:scale(.3);transform-origin:top left;pointer-events:none}

.section-browser{width:min(960px,96vw);max-width:96vw;height:min(820px,90vh);padding:0;border:0;border-radius:16px}.section-browser>header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e4e9f0}.section-browser h2{margin:0;font-size:20px}.section-browser-tabs{display:flex;gap:8px;padding:12px 20px}.section-browser-tabs input{flex:1;min-width:100px}.section-browser button[aria-pressed=true]{background:#e8f1fc;color:#0259a4;border-color:#0259a4}.section-browser-body{display:grid;grid-template-columns:170px minmax(0,1fr);height:calc(100% - 135px)}.section-browser-body nav{overflow:auto;padding:12px;background:#f5f7fa}.section-browser-body nav button{display:block;width:100%;text-align:left;margin:4px 0;border:0;background:transparent}.section-browser-list{overflow:auto;padding:12px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}.section-browser-list article{border:1px solid #dce4ee;border-radius:10px;overflow:hidden;background:white}.section-browser-list strong,.section-browser-list small{display:block;margin:8px 12px}.section-browser-list small{color:#708197}.section-browser-list article>div:last-child{display:flex;gap:8px;padding:0 12px 12px}.section-browser-thumb{height:175px;overflow:hidden;background:#f5f7fa;position:relative}.section-browser-thumb iframe{width:1200px;height:700px;transform:scale(.25);transform-origin:top left;border:0;pointer-events:none}.section-browser-preview{width:min(1250px,95vw);max-width:95vw}.section-browser-preview iframe{display:block;width:100%;height:65vh;border:0}.section-browser::backdrop,.section-browser-preview::backdrop{background:#18283f80}@media(max-width:650px){.section-browser-body{grid-template-columns:110px minmax(0,1fr)}.section-browser-list{grid-template-columns:1fr;padding:10px}.section-browser-tabs{flex-wrap:wrap}}

/* 0.68.1: previews never contribute their intrinsic size to card layout. */
.section-browser{display:flex;flex-direction:column;overflow:hidden}.section-browser:not([open]){display:none}.section-browser>header,.section-browser-tabs{flex-shrink:0}.section-browser-body{flex:1;min-height:0;height:auto}.section-browser-list{grid-auto-rows:max-content;min-height:0}.section-browser-list article{display:flex;flex-direction:column;min-height:280px}.section-browser-thumb{flex:0 0 175px;cursor:pointer}.section-browser-thumb iframe{position:absolute;top:0;left:0;margin:0}.section-browser-list article>div:last-child{margin-top:auto;flex-shrink:0}.section-browser-list article>div:last-child button{flex:1;padding:8px;font-size:13px}.section-browser-thumb:hover{outline:2px solid #0259a4;outline-offset:-2px}
.guided-create{width:min(1220px,96vw);max-width:96vw;height:92vh;display:flex;flex-direction:column;overflow:hidden}.guided-create:not([open]){display:none}.guided-head,.guided-foot{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-shrink:0;background:white}.guided-head h2{flex:1;margin:0}.guided-progress{display:flex;gap:6px;padding:10px 20px;overflow:auto;flex-shrink:0;border-block:1px solid #e1e7ed}.guided-progress button{white-space:nowrap;font-size:12px}.guided-progress [aria-current=step]{background:#0259a4;color:white}.guided-body{display:grid;grid-template-columns:360px minmax(0,1fr);flex:1;min-height:0}.guided-controls{overflow:auto;padding:18px;background:#f5f7fa}.guided-controls h3{margin-top:0}.guided-controls small{letter-spacing:0}.guided-choice{width:100%;text-align:left;margin-bottom:8px}.guided-choice[aria-pressed=true]{border-color:#0259a4;background:#e8f1fc}.guided-preview{display:flex;flex-direction:column;min-height:0;gap:12px;padding:18px}.guided-preview iframe{width:100%;height:100%;flex:1;min-height:0;border:1px solid #dde5ef;border-radius:10px}.guided-order{display:flex;gap:5px;align-items:center;padding:10px 0;border-bottom:1px solid #dde5ef;cursor:grab}.guided-order span{flex:1;font-size:13px}.guided-order button{padding:5px;font-size:12px}.guided-error{flex:1;color:#b93242;margin:0}.guided-foot{border-top:1px solid #dde5ef}@media(max-width:750px){.guided-body{grid-template-columns:1fr}.guided-preview{display:none}.guided-head,.guided-foot{padding:10px}.guided-progress{padding:8px}}
.chrome-logo-dialog{width:min(620px,94vw);height:auto;max-height:85vh;overflow:auto;padding:22px}.chrome-logo-dialog h3{margin-top:0}.chrome-logo-dialog input[type=url]{width:75%}.chrome-logo-library{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.chrome-logo-library img{width:100%;height:64px;object-fit:contain}

.responsive-quick{display:flex;flex-wrap:wrap;gap:6px;padding:10px;margin:8px 0;background:#edf4fc;border:1px solid #d8e5f6;border-radius:9px}.responsive-quick small{flex-basis:100%;font-size:11px;letter-spacing:0}.responsive-quick button{font-size:11px;padding:7px 9px}.responsive-quick button:last-child{flex-basis:100%}
.guided-preview-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.guided-preview-bar strong{flex:1}.guided-preview-bar button{padding:6px 10px;font-size:12px}.guided-preview-bar button[aria-pressed=true]{background:#0259a4;color:white}.guided-preview iframe{margin:0 auto;transition:width .15s}.guided-suggestions{padding:12px;border:1px solid #d5e2f3;border-radius:10px;background:white;margin-bottom:18px}.guided-suggestions summary{font-weight:600;cursor:pointer}.guided-suggestions button{display:block;width:100%;margin-top:12px;text-align:left}.guided-suggestions small{display:block;margin-top:5px;color:#64748b;letter-spacing:0}.guided-logo-preview{display:block;width:150px;max-height:90px;object-fit:contain;margin:10px 0;background:white;border:1px solid #e0e7ef;border-radius:8px;padding:8px}@media(max-width:750px){.guided-body{display:flex;flex-direction:column;overflow:auto}.guided-controls{flex-shrink:0;overflow:visible}.guided-preview{display:flex;min-height:360px;flex-shrink:0}.guided-preview iframe{min-height:300px}}
.guided-body{grid-template-columns:430px minmax(0,1fr)}.guided-model-choice{display:block;width:100%;padding:0;overflow:hidden;margin-bottom:12px;text-align:left;border:2px solid #dce4ee}.guided-model-choice strong{display:block;padding:10px;font-size:13px}.guided-model-choice[aria-pressed=true]{border-color:#0259a4;background:#e8f1fc;box-shadow:0 0 0 2px #0259a415}.guided-model-thumb{position:relative;height:110px;overflow:hidden;pointer-events:none;background:#fff}.guided-model-thumb iframe{position:absolute;top:0;left:0;margin:0;width:1200px;height:600px;transform:scale(.31);transform-origin:top left;pointer-events:none;border:0}.guided-section-catalog{display:grid;grid-template-columns:1fr;gap:12px}.guided-section-card{border:2px solid #dce4ee;border-radius:10px;overflow:hidden;background:white;min-height:0}.guided-section-card[data-selected=true]{border-color:#0259a4}.guided-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px}.guided-card-title strong{font-size:13px}.guided-card-title span{font-size:11px;color:#64748b}.guided-section-card[data-selected=true] .guided-card-title span{background:#e8f1fc;color:#0259a4;border-radius:15px;padding:3px 7px}.guided-card-actions{display:flex;gap:8px;padding:0 10px 10px}.guided-card-actions button{flex:1;font-size:12px;padding:7px}.guided-selection-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:-18px;z-index:2;background:#f5f7fa;padding:10px 0;margin-bottom:10px}.guided-selection-summary strong{font-size:13px}.guided-selection-summary button{font-size:12px;padding:7px}.guided-suggestions summary{color:#0259a4}@media(max-width:950px) and (min-width:751px){.guided-body{grid-template-columns:340px minmax(0,1fr)}.guided-model-thumb iframe{transform:scale(.24)}}@media(max-width:750px){.guided-model-thumb iframe{transform:scale(.25)}}

.guided-preview-note{font-size:11px;letter-spacing:0;color:#64748b}.guided-model-choice .guided-model-thumb{height:85px}.guided-model-choice .guided-model-thumb iframe{width:960px;transform:scale(.39)}@media(max-width:950px) and (min-width:751px){.guided-model-choice .guided-model-thumb iframe{transform:scale(.30)}}@media(max-width:750px){.guided-model-choice .guided-model-thumb iframe{transform:scale(.30)}}
.section-navigator{display:flex;flex-direction:column;gap:12px}.section-nav-card{border:2px solid #dde5ee;border-radius:10px;overflow:hidden;background:white}.section-nav-card[data-selected=true]{border-color:#0259a4;background:#edf4fc}.section-nav-select{display:block;width:100%;border:0;border-radius:0;padding:0;text-align:left;background:transparent}.section-nav-select strong,.section-nav-select small{display:block;padding:5px 9px;font-size:12px;letter-spacing:0;overflow-wrap:anywhere}.section-nav-select small{color:#64748b;padding-top:0}.section-nav-cover{position:relative;height:90px;overflow:hidden;background:white;pointer-events:none}.section-nav-cover iframe{position:absolute;top:0;left:0;margin:0;width:1100px;height:500px;transform:scale(.22);transform-origin:top left;border:0;pointer-events:none}.section-nav-actions{display:flex;gap:5px;flex-wrap:wrap;padding:8px}.section-nav-actions button{padding:5px 7px;font-size:11px}.section-nav-drop{outline:3px dashed #0259a4;outline-offset:3px}#railNavigator{font-size:11px}

.background-image-preview{display:block;width:100%;height:95px;object-fit:cover;border:1px solid #dce4ee;border-radius:8px;margin:8px 0}.background-image-preview[hidden]{display:none}