.ce-workspace { min-width:0; }
.ce-workspace > h3 { margin-bottom:8px; }
.ce-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:24px 0 8px; }
.ce-heading > strong,.ce-heading > label { color:var(--pv-secondary); font-size:12px; line-height:18px; font-weight:600; margin:0; }
.ce-meta,.ce-help { font-size:12px; line-height:18px; color:var(--pv-secondary); }
.ce-tabs { display:flex; gap:8px; border-bottom:1px solid var(--pv-control); margin-bottom:16px; }
.ce-tabs > button { border:1px solid transparent; border-radius:8px 8px 0 0; background:transparent; color:var(--pv-secondary); padding:12px 16px; margin-bottom:-1px; min-height:44px; }
.ce-tabs > button[aria-selected=true] { border-color:var(--pv-control); border-bottom-color:var(--pv-surface); background:var(--pv-surface); color:var(--pv-heading); font-weight:600; }
.ce-tabs > button:hover { color:var(--pv-link); }
.ce-workspace textarea.ce-input { display:block; width:100%; min-height:132px; border:1px solid var(--pv-editor-border); border-radius:8px; padding:16px; background:var(--pv-editor-bg); color:var(--pv-editor-fg); caret-color:var(--pv-editor-fg); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:13px; font-weight:400; line-height:1.65; tab-size:2; resize:vertical; overflow-wrap:anywhere; }
.ce-workspace textarea.ce-html { min-height:280px; }
.ce-input::placeholder { color:var(--pv-editor-muted); }
.ce-workspace .ce-input:focus-visible { outline:2px solid var(--pv-focus); outline-offset:3px; }
.ce-workspace .ce-input[aria-invalid=true] { outline:2px solid var(--pv-error-fg); outline-offset:2px; }
.ce-help { display:block; margin:8px 0 0; }
.ce-json-grid { display:grid; gap:4px; }
.ce-field { min-width:0; }
.ce-field .button { min-height:36px; padding:6px 12px; }
.ce-field .field-error,.ce-workspace #ce-html-error { display:block; margin-top:8px; font-size:12px; }
.ce-field .field-error:empty,.ce-workspace #ce-html-error:empty { display:none; }
#ce-frame { width:100%; height:280px; border:1px solid var(--pv-border); border-radius:8px; background:var(--pv-surface); }
#ce-preview-panel > button { margin-top:12px; }
.ce-preview-error { padding:24px; border:1px dashed var(--pv-control); border-radius:8px; color:var(--pv-error-fg); }
.ce-actions { display:grid; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid var(--pv-border); }
.ce-actions .row { flex-wrap:wrap; gap:12px; }
@media(max-width:640px) { .ce-workspace textarea.ce-input { font-size:16px; padding:12px; }.ce-meta { display:none; }.ce-heading .button { min-height:44px; }.ce-actions .button { flex:1; } }