.html-editor-wrapper{border:1px solid #190866;border-radius:0!important;overflow:hidden;margin:20px 0;background:#1e1e1e;font-family:'Segoe UI',sans-serif;display:flex;flex-direction:column}.html-editor-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#030322;border-bottom:1px solid #190866;border-radius:0!important;flex-shrink:0}.html-editor-title{color:#ccc;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center}.html-editor-title .lang-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:#e34c26}.html-editor-actions{display:flex;gap:6px}.html-editor-actions button{border:none;border-radius:0!important;background:#090e3d;color:#ccc;font-size:8px;padding:5px 12px;cursor:pointer;transition:background 0.2s}.html-editor-actions button:hover{background:#10125c;color:#fff}.html-editor-actions button i{width:14px!important;height:14px!important}.html-editor-actions button.run-btn{background:#0e639c;color:#fff;font-size:12px}.html-editor-actions button.run-btn:hover{background:#17b}.html-editor-actions button.back-btn{background:#6a1b9a;color:#fff;display:none}.html-editor-actions button.back-btn:hover{background:#8e24aa}.html-editor-body{position:relative;min-height:20px;max-height:420px;height:auto;background:#04031d;overflow:hidden}.html-editor-code-area{position:relative;width:100%;height:100%}.html-editor-code-area .CodeMirror{height:auto;min-height:20px;max-height:420px;font-family:'Consolas','Monaco','Courier New',monospace;font-size:13.5px;line-height:1.6;background:#02000e;border-radius:0!important}.html-editor-code-area .CodeMirror-scroll{min-height:20px;max-height:420px;border-radius:0!important}.html-editor-code-area .CodeMirror-gutters{background:#07031b;border-right:1px solid #0c0641;border-radius:0!important}.html-editor-output-area{position:absolute;inset:0;background:#fff;display:none;height:420px}.html-editor-output-area iframe{width:100%;height:100%;border:none;display:block;background:#fff}.html-editor-wrapper.mode-output .html-editor-code-area{display:none}.html-editor-wrapper.mode-output .html-editor-output-area{display:block}.html-editor-wrapper.mode-output .run-btn{display:none}.html-editor-wrapper.mode-output .back-btn{display:flex}.html-editor-wrapper.mode-output .html-editor-body{height:420px;max-height:420px;min-height:420px}.html-editor-wrapper.light-theme{background:#f3f3f3;border-color:#d0d0d0}.html-editor-wrapper.light-theme .html-editor-header{background:#e8e8e8;border-bottom-color:#d0d0d0}.html-editor-wrapper.light-theme .html-editor-title{color:#333}.html-editor-wrapper.light-theme .html-editor-actions button{background:#d0d0d0;color:#333}.html-editor-wrapper.light-theme .html-editor-actions button:hover{background:#bcbcbc;color:#000}.html-editor-wrapper.light-theme .html-editor-actions button.run-btn{background:#0e639c;color:#fff}.html-editor-wrapper.light-theme .html-editor-actions button.back-btn{background:#6a1b9a;color:#fff}.html-editor-wrapper.light-theme .html-editor-body{background:#fff}.html-editor-wrapper.light-theme .CodeMirror{background:#ffffff!important;color:#333!important}.html-editor-wrapper.light-theme .CodeMirror-gutters{background:#f5f5f5!important;border-right-color:#d0d0d0!important}.copy-feedback{position:fixed;bottom:20px;right:20px;background:#0e639c;color:#fff;padding:8px 16px;font-size:13px;border-radius:0!important;z-index:9999;opacity:0;transition:opacity 0.3s;pointer-events:none}.copy-feedback.show{opacity:1}