.xh-wrap{width:100%;margin-bottom:2rem;}
.xh-card{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dee2e6);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,0.06);overflow:hidden;}
.xh-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem 1rem;padding:0.875rem 1rem;background:var(--bs-light,#f8f9fa);border-bottom:1px solid var(--bs-border-color-translucent);}
.xh-themes{display:flex;flex-wrap:wrap;gap:0.375rem;}
.xh-theme{padding:0.5rem 0.875rem;border:1px solid var(--bs-border-color);border-radius:8px;font-size:0.8125rem;font-weight:500;background:var(--bs-body-bg);color:var(--bs-body-color);cursor:pointer;transition:border-color 0.2s,background 0.2s,color 0.2s;}
.xh-theme:hover{border-color:var(--bs-primary);color:var(--bs-primary);}
.xh-theme.is-active{border-color:var(--bs-primary);background:var(--bs-primary);color:var(--bs-primary-color,#fff);}
.xh-strip-actions{display:flex;align-items:center;gap:0.5rem;}
.xh-strip-btn{min-height:40px;padding:0 1rem;border:0;border-radius:8px;font-size:0.875rem;font-weight:500;cursor:pointer;background:var(--bs-body-bg);color:var(--bs-body-color);border:1px solid var(--bs-border-color);transition:background 0.2s,border-color 0.2s;}
.xh-strip-btn:hover{border-color:var(--bs-primary);color:var(--bs-primary);}
.xh-strip-btn-primary{background:var(--bs-primary);color:var(--bs-primary-color,#fff);border-color:var(--bs-primary);}
.xh-strip-btn-primary:hover{filter:brightness(1.06);}
.xh-strip-btn-primary:disabled{opacity:0.6;cursor:not-allowed;}
.xh-strip-btn-primary.is-success,.xh-tb-btn.is-success{border-color:var(--bs-success);color:var(--bs-success);}
.xh-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--bs-border-color);border-top-color:var(--bs-primary);border-radius:50%;animation:xh-spin 0.7s linear infinite;}
.xh-spinner[hidden]{display:none;}
@keyframes xh-spin{to{transform:rotate(360deg);}}
.xh-panes{display:flex;flex-direction:column;gap:1rem;padding:1rem;min-height:240px;}
.xh-pane{display:flex;flex-direction:column;gap:0.375rem;min-width:0;}
.xh-label{font-size:0.8125rem;font-weight:600;color:var(--text-muted);letter-spacing:0.02em;}
.xh-editor{width:100%;min-height:180px;padding:0.875rem 1rem;border:1px solid var(--bs-border-color);border-radius:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:0.875rem;line-height:1.55;resize:vertical;background:var(--bs-body-bg);transition:border-color 0.2s,box-shadow 0.2s;}
.xh-editor:focus{outline:0;border-color:var(--bs-primary);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),0.15);}
.xh-editor::placeholder{color:var(--text-muted);opacity:0.8;}
.xh-editor.is-error{border-color:var(--bs-danger);background:rgba(var(--bs-danger-rgb),0.04);}
.xh-preview{flex:1;min-height:180px;padding:0.875rem 1rem;border:1px solid var(--bs-border-color);border-radius:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:0.875rem;line-height:1.55;background:#1e1e1e;color:#d4d4d4;overflow:auto;white-space:pre-wrap;word-wrap:break-word;}
.xh-err{font-size:0.8125rem;color:var(--bs-danger);margin:0;}
.xh-err[hidden]{display:none;}
.xh-toolbar{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.875rem 1rem;border-top:1px solid var(--bs-border-color-translucent);background:var(--bs-body-bg);}
.xh-tb-btn{min-height:40px;padding:0 1rem;border:1px solid var(--bs-border-color);border-radius:8px;font-size:0.875rem;background:var(--bs-body-bg);color:var(--bs-body-color);cursor:pointer;transition:border-color 0.2s,color 0.2s;}
.xh-tb-btn:hover{border-color:var(--bs-primary);color:var(--bs-primary);}
.xh-tb-btn.is-success{border-color:var(--bs-success);color:var(--bs-success);}
@media (min-width:768px){.xh-strip{padding:1rem 1.25rem;}.xh-panes{flex-direction:row;padding:1.25rem;min-height:320px;}.xh-pane{flex:1;min-height:280px;}.xh-editor{min-height:260px;}.xh-preview{min-height:260px;}}
@media (min-width:992px){.xh-panes{padding:1.5rem;min-height:400px;}.xh-pane{min-height:340px;}.xh-editor{min-height:320px;}.xh-preview{min-height:320px;}}