.editor-hero-section {background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);}
.editor-hero-section .card {border-radius: 1rem;overflow: hidden;border: none;box-shadow: 0 10px 30px rgba(0,0,0,.1) !important;}
.editor-hero-section h1 {font-size: 2.5rem;}
@media (max-width: 767.98px) {.editor-hero-section h1 {font-size: 1.8rem;}}
.editor-hero-section .lead {font-size: 1.1rem;color: #4a5568;}
@media (max-width: 767.98px) {.editor-hero-section .lead {font-size: 1rem;}}
.editor-hero-section .alert-warning {background-color: #fff3cd;border-color: #ffecb5;color: #856404;border-radius: .75rem;}
.editor-hero-section .alert-warning code {background-color: #fff3cd;color: #856404;}
.editor-hero-section .toolbar .btn-group .btn {border-color: #dee2e6;transition: all .2s ease;}
@media (hover: hover) {.editor-hero-section .toolbar .btn-group .btn:hover {background-color: #0d6efd;border-color: #0d6efd;color: white;}}
.editor-hero-section .editor-container {border: 1px solid #dee2e6;border-radius: .5rem;overflow: hidden;}
.editor-hero-section .editor-container .html-editor {min-height: 300px;padding: 1rem;background-color: white;overflow-y: auto;font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height: 1.6;}
.editor-hero-section .editor-container .html-editor:focus {outline: none;}
.editor-hero-section .editor-container .html-editor h1, .editor-hero-section .editor-container .html-editor h2, .editor-hero-section .editor-container .html-editor h3, .editor-hero-section .editor-container .html-editor h4, .editor-hero-section .editor-container .html-editor h5, .editor-hero-section .editor-container .html-editor h6 {margin-top: 1rem;margin-bottom: .5rem;font-weight: 600;}
.editor-hero-section .editor-container .html-editor p {margin-bottom: .75rem;}
.editor-hero-section .editor-container .html-editor ul, .editor-hero-section .editor-container .html-editor ol {margin-bottom: .75rem;padding-left: 1.5rem;}
.editor-hero-section .editor-container .html-editor li {margin-bottom: .25rem;}
.editor-hero-section .editor-container .html-editor table {width: 100%;border-collapse: collapse;margin-bottom: .75rem;}
.editor-hero-section .editor-container .html-editor table th, .editor-hero-section .editor-container .html-editor table td {border: 1px solid #cbd5e1;padding: .5rem;}
.editor-hero-section .editor-container .html-editor table th {background-color: #f1f5f9;font-weight: 600;}
.editor-hero-section .editor-container .html-editor blockquote {border-left: 4px solid #0d6efd;margin: .75rem 0;padding: .5rem 1rem;background-color: #f8fafc;color: #475569;}
.editor-hero-section .editor-container .html-editor pre {background-color: #1e293b;color: #e2e8f0;padding: 1rem;border-radius: .5rem;overflow-x: auto;font-family: monospace;font-size: .9rem;}
.editor-hero-section .editor-container .html-editor code {background-color: #f1f5f9;color: #0d6efd;padding: .2rem .4rem;border-radius: .25rem;font-family: monospace;font-size: .9rem;}
.editor-hero-section .editor-container .html-editor img {max-width: 100%;height: auto;}
.editor-hero-section .editor-container .html-editor a {color: #0d6efd;text-decoration: underline;}
.editor-hero-section .dropdown-menu-preview {min-width: 220px;padding: .5rem;}
.editor-hero-section .dropdown-menu-preview .dropdown-item {padding: .5rem .75rem;border-radius: .375rem;transition: all .2s ease;}
.editor-hero-section .dropdown-menu-preview .dropdown-item:hover {background-color: #f1f5f9;transform: translateX(4px);}
.editor-hero-section .dropdown-menu-preview .dropdown-item div, .editor-hero-section .dropdown-menu-preview .dropdown-item span, .editor-hero-section .dropdown-menu-preview .dropdown-item mark, .editor-hero-section .dropdown-menu-preview .dropdown-item em {display: block;width: 100%;cursor: pointer;}
.editor-hero-section .dropdown-menu-preview .dropdown-item mark {background-color: #fef08a;color: #1e293b;padding: .1rem .2rem;border-radius: 4px;}
.editor-hero-section .dropdown-menu-preview .dropdown-divider {margin: .5rem 0;}
.editor-hero-section #htmlOutput {font-family: monospace;font-size: .9rem;resize: vertical;}
.editor-hero-section #htmlOutput:focus {outline: none;border-color: #0d6efd;}
.editor-hero-section .example-html {font-size: .8rem;padding: .25rem .75rem;border-radius: 20px;transition: all .2s ease;}
@media (hover: hover) {.editor-hero-section .example-html:hover {background-color: #0d6efd;border-color: #0d6efd;color: white;transform: translateY(-1px);}}
.allowed-tags-section .card {border-radius: 1rem;border: none;box-shadow: 0 5px 15px rgba(0,0,0,.05) !important;}
.allowed-tags-section code {background-color: #f1f5f9;color: #0d6efd;padding: .2rem .4rem;border-radius: .25rem;font-size: .85rem;}
.allowed-tags-section .alert-success {background-color: #ecfdf5;border-color: #a7f3d0;color: #065f46;}
.allowed-tags-section .alert-success code {background-color: #ecfdf5;color: #065f46;}
@media (max-width: 767.98px) {.editor-hero-section .toolbar .btn-group {margin-bottom: .5rem;}
	.editor-hero-section .html-editor {min-height: 250px;}}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}
	to {opacity: 1;transform: translateY(0);}}
.editor-hero-section .card {animation: fadeInUp .5s ease-out;}