.website-visual-workspace{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;flex:1 1}.website-visual-workspace>.editor-preview{flex:1 1;min-height:0}.visual-editor-mode{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--panel,var(--bg));border-bottom:1px solid var(--line);font-size:12px}.visual-context-actions>button:not(.btn),.visual-context-heading button,.visual-editor-mode button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;min-width:36px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.visual-editor-mode button:disabled{opacity:.35;cursor:default}.visual-mode-switch{display:flex;gap:2px;background:var(--bg);padding:3px;border:1px solid var(--line);border-radius:10px}.visual-mode-switch button{padding:5px 10px}.visual-mode-switch [aria-pressed=true]{background:var(--ink);color:var(--bg)}.visual-edit-hint{flex:1 1;color:var(--muted)}.website-visual-workspace [data-visual-editable]{cursor:text;outline-offset:4px}.website-visual-workspace [data-visual-editable]:hover{outline:1px dashed #6dbb9a}.website-visual-workspace [data-visual-selected]{outline:2px solid #58a981!important;outline-offset:5px!important;border-radius:2px}.website-visual-workspace [data-visual-editable]:focus-visible{outline:3px solid #58a981}.visual-context-panel{position:absolute;z-index:35;right:16px;bottom:16px;width:340px;max-width:calc(100% - 32px);max-height:75%;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel,var(--bg));color:var(--ink);box-shadow:0 12px 45px #0003;isolation:isolate}.visual-context-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.visual-context-heading>span{display:flex;align-items:center;gap:8px}.visual-context-heading small{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.visual-context-panel form,.visual-context-panel label{display:grid;gap:8px}.visual-context-panel textarea{width:100%;min-height:62px;resize:vertical;font-size:15px;line-height:1.45;padding:10px;border-radius:10px}.visual-context-panel select{max-width:100%;min-height:40px}.visual-context-panel label{font-size:12px}.visual-context-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.visual-context-panel details{border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:12px}.visual-field-note{font-size:11px!important;line-height:1.5;color:var(--muted);margin:6px 0}.visual-inline-editor{position:fixed;z-index:1000;background:var(--bg);color:var(--ink);border:2px solid #58a981;border-radius:8px;box-shadow:0 8px 30px #0003;padding:6px}.visual-inline-editor textarea{width:100%;resize:vertical;max-height:45vh;display:block;border:0;background:transparent;color:inherit;padding:4px}.visual-inline-editor>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font:11px/1.4 system-ui}.visual-inline-editor button{min-height:36px;white-space:nowrap;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--ink);color:var(--bg)}@media(max-width:700px){.visual-edit-hint{display:none}.visual-mode-switch{margin-right:auto}.visual-editor-mode{padding:6px}.visual-context-panel{right:8px;bottom:8px;max-width:calc(100% - 16px);max-height:52%;width:340px;padding:12px}.visual-context-panel button{min-height:44px}.visual-context-panel textarea{font-size:16px}.visual-inline-editor textarea{font-size:max(16px,1em)}}.website-visual-workspace>.editor-preview{position:static;top:auto;display:flex;flex-direction:column;overflow:hidden;height:auto!important;max-height:none!important}.website-visual-workspace .preview-viewport{flex:1 1;min-height:0;overflow:auto}.visual-editor-mode{flex-shrink:0}.ai-website-studio.is-immersive[data-studio-view=chat] .website-visual-workspace,.ai-website-studio.is-immersive[data-studio-view=tools] .website-visual-workspace{display:none!important}@media(max-width:1100px){.workspace[data-workspace-view=website] .ai-website-studio:not(.is-immersive)[data-studio-view=tools] .website-visual-workspace{display:none}}.visual-qa{max-width:1600px;margin:0 auto;padding:24px}.visual-qa>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.visual-qa h1{font-size:26px;margin:0}.visual-qa>header p{font-size:12px;color:var(--muted)}.visual-qa>header button{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);margin-left:6px}.visual-qa>header button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.visual-qa-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.visual-qa-layout>.website-visual-workspace{height:740px;max-height:calc(100dvh - 150px);min-height:460px}.visual-qa-layout .preview-viewport{height:auto;max-height:none}.visual-qa aside{min-width:0}.visual-qa .website-ai-chat{margin:0;padding:18px}.visual-qa pre{max-width:100%;overflow:auto;max-height:300px;font-size:11px}.visual-qa .website-ai-history{max-height:400px;overflow:auto}@media(max-width:1000px){.visual-qa{padding:12px}.visual-qa>header{align-items:start;flex-direction:column}.visual-qa-layout{display:flex;flex-direction:column}.visual-qa-layout>.website-visual-workspace{flex:none;height:700px;max-height:calc(100dvh - 195px);min-height:420px}}@media(max-width:700px){.visual-editor-mode button{min-height:44px;min-width:44px}.visual-context-actions{font-size:12px}}.visual-context-actions>button{font:inherit;font-size:13px;white-space:nowrap}.visual-context-actions>button>svg{flex-shrink:0}.visual-qa{width:100%;min-width:0}.visual-qa>header p{white-space:normal;overflow-wrap:anywhere}.visual-control-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.visual-context-panel input:not([type=checkbox]):not([type=radio]){width:100%;min-width:0;min-height:40px}.visual-context-panel details>label{margin-top:10px}.visual-color-value{display:flex;gap:8px}.visual-color-value input[type=color]{max-width:48px;padding:3px}.visual-child-list{display:grid;gap:6px;max-height:190px;overflow:auto}.visual-child-list button{display:flex;gap:10px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);min-height:44px}.visual-child-list strong{text-transform:capitalize;font-size:12px}.visual-child-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.visual-context-panel .media-control{min-width:0}.visual-context-panel .media-control img{max-height:120px;object-fit:cover}.visual-context-panel>button.text-btn{margin-top:10px}.visual-context-panel .media-library-grid{grid-template-columns:1fr}.website-visual-workspace [data-presentation-visual-node],.website-visual-workspace [data-website-field=card],.website-visual-workspace [data-website-field=section]{cursor:pointer}.visual-context-panel{max-height:min(75%,calc(100% - 140px))}.visual-context-heading{top:-14px;z-index:2;margin-top:-8px}.visual-context-actions,.visual-context-heading{position:sticky;background:var(--panel,var(--bg));padding-block:8px}.visual-context-actions{bottom:0;z-index:1}@media(max-width:700px){.visual-context-panel{max-height:min(52%,calc(100% - 140px))}}