.creator-studio:has(.visual-editor){max-width:none}.visual-editor{margin:24px 0 36px;border:1px solid var(--line);background:var(--panel,var(--paper));border-radius:8px;overflow:clip}.visual-editor-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line);background:var(--paper)}.visual-editor-bar strong{display:block;font-size:22px;margin:5px 0}.visual-editor-bar small{display:block;color:var(--muted)}.visual-editor-modes,.preview-controls [role=group]{display:flex;gap:5px;flex-wrap:wrap}.visual-editor button[aria-pressed=true]{background:var(--link);color:var(--paper);border-color:var(--link)}.visual-editor-layout{display:grid;grid-template-columns:minmax(280px,38%) minmax(0,1fr);align-items:start}.visual-editor-fields{padding:24px;min-width:0;border-right:1px solid var(--line)}.visual-editor-fields form{max-width:none;margin:0}.visual-editor-fields details{padding:12px 0}.visual-editor-fields summary{cursor:pointer;font-weight:700}.visual-editor-preview{position:sticky;top:12px;padding:20px;min-width:0}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.preview-controls strong{font-size:14px}.preview-refresh{border:0;background:none;color:var(--link);text-decoration:underline;cursor:pointer;padding:8px}.preview-status{font-size:12px;min-height:36px;color:var(--muted);margin:12px 0!important}.preview-status[data-error=true]{color:#b23c30}.preview-viewport{background:repeating-conic-gradient(#80808012 0% 25%,transparent 0% 50%) 0/14px 14px;border:1px solid var(--line);border-radius:6px;overflow:auto;padding:12px;min-width:0}.preview-viewport iframe{display:block;width:100%;height:690px;border:0;background:var(--paper);margin:0 auto}.preview-viewport[data-size=phone] iframe{width:390px;max-width:100%;height:740px;box-shadow:0 5px 20px #0002}.preview-help{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px!important}.visual-editor[data-view=preview] .visual-editor-layout{grid-template-columns:minmax(0,1fr)}.visual-editor[data-view=preview] .visual-editor-fields{display:none}.appearance-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.appearance-colors input[type=color]{width:100%;padding:3px;height:38px;border:1px solid var(--line);cursor:pointer}.visual-appearance p{font-size:13px}.preview-field-focus{outline:3px solid var(--link);outline-offset:4px}.image-control img.selected-media-preview{display:block;max-width:100%;width:100%;height:110px;object-fit:contain;background:var(--paper);border:1px solid var(--line);margin:8px 0}.visual-editor-fields textarea[name=customHtml],.visual-editor-fields textarea[name=customCss]{font:12px/1.6 monospace;min-height:160px}.visual-editor-fields .media-fields,.visual-editor-fields .social-fields{grid-template-columns:1fr}
@media(min-width:1100px){.visual-editor-fields{max-height:1120px;overflow:auto;overscroll-behavior:contain}.visual-editor-fields:focus-within{scroll-margin-top:20px}}
@media(max-width:950px){.visual-editor-layout{grid-template-columns:1fr}.visual-editor-fields{border-right:0;border-bottom:1px solid var(--line)}.visual-editor-preview{position:static}.visual-editor-bar{align-items:flex-start;flex-direction:column}.preview-viewport iframe{height:560px}.visual-editor-fields{padding:18px}}
@media(prefers-reduced-motion:reduce){.visual-editor *{scroll-behavior:auto!important}}
@media(forced-colors:active){.visual-editor,.preview-viewport,.visual-editor-fields{border-color:CanvasText}.visual-editor button[aria-pressed=true]{border:2px solid Highlight}}

.gallery-choice{border:1px solid var(--line);padding:8px;margin:8px 0;border-radius:4px}.gallery-choice .check-label{display:flex;align-items:center;gap:10px}.gallery-choice img{width:90px;height:60px;object-fit:cover}.gallery-choice button{padding:4px 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}.visual-section-builder{margin:12px 0}
@media(max-width:600px){.simple.creator-studio:has(.visual-editor){padding:0;border:0;background:none}.creator-studio #profile-details:has(>.visual-editor),.creator-studio details:has(>.visual-editor){padding:12px 0;border:0;background:none}.visual-editor{margin-top:16px}.visual-editor-fields,.visual-editor-preview,.visual-editor-bar{padding:14px}.creator-studio .visual-editor-fields #entry-form{padding:0;border:0;background:none}.visual-editor-modes{display:grid;grid-template-columns:1fr 1fr;width:100%}.visual-editor-modes button{padding:10px 8px;min-height:44px}.visual-editor-fields :is(input:not([type=checkbox]):not([type=color]),select,textarea){font-size:16px;min-height:44px}.visual-editor-fields .appearance-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-viewport{padding:5px}.preview-controls button{min-height:44px}}