*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Arial,sans-serif;line-height:1.6;color:#333;background:#f4f6fb}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:20px 0;text-align:center}.site-header h1{font-size:2.5em;color:#2c3e50;margin-bottom:10px}.tagline{font-size:1.2em;color:#666}main{padding:40px 0}section{margin-bottom:40px}h2{font-size:2em;color:#2c3e50;margin-bottom:20px;text-align:center}.editor-container{background:#fff;border-radius:10px;box-shadow:0 4px 24px #00000014;overflow:hidden;margin-bottom:30px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:#f8f9fa;border-bottom:1px solid #e3e6ee}.toolbar button{background:#f4f6fb;border:1px solid #d1d5db;border-radius:4px;padding:8px 12px;font-size:15px;cursor:pointer;transition:background .2s,box-shadow .2s;outline:none}.toolbar button:hover{background:#e0e7ef;box-shadow:0 2px 8px #0000000a}.editor-area{min-height:300px;padding:20px;font-size:16px;line-height:1.6;background:#fff;border:none;outline:none}.editor-statusbar{display:flex;justify-content:space-between;padding:8px 16px;background:#f8f9fa;border-top:1px solid #e3e6ee;font-size:14px;color:#666}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.feature-card{background:#fff;border-radius:10px;padding:20px;text-align:center;box-shadow:0 4px 24px #00000014;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-card i{font-size:2em;color:#4f8cff;margin-bottom:15px}.feature-card h3{font-size:1.5em;color:#2c3e50;margin-bottom:10px}.feature-card p{color:#666}.editor-info{background:#fff;border-radius:10px;padding:30px;text-align:center;box-shadow:0 4px 24px #00000014}.editor-info p{margin:10px 0;color:#666}.editor-info a{color:#4f8cff;text-decoration:none}.editor-info a:hover{text-decoration:underline}.site-footer{background:#2c3e50;color:#fff;padding:20px 0;text-align:center}@media (max-width: 768px){.toolbar{justify-content:center}.feature-grid{grid-template-columns:1fr}}.html-view{background:#23272f;color:#e6e6e6;border-radius:6px;padding:12px;font-size:14px;margin-top:8px;max-height:200px;overflow:auto}.color-picker-inline{display:inline-block!important;margin-left:4px;vertical-align:middle;width:32px;height:32px;border:none;background:none;box-shadow:0 2px 8px #00000014;cursor:pointer}.color-palette{position:absolute;background:#fff;border:1px solid #e3e6ee;border-radius:6px;box-shadow:0 4px 16px #00000014;padding:8px 10px;display:flex;gap:6px;margin-top:4px;z-index:100}.color-swatch{width:24px;height:24px;border-radius:4px;border:1.5px solid #e3e6ee;cursor:pointer;transition:border .2s}.color-swatch:hover{border:1.5px solid #4f8cff}.highlight-dropdown,.color-dropdown{position:relative;display:inline-block}.font-select{min-width:120px;padding:5px 8px;border-radius:4px;border:1px solid #d1d5db;margin-right:8px;font-size:15px;background:#f4f6fb;cursor:pointer;outline:none}.font-select option{font-size:15px}.table-dropdown{position:relative;display:inline-block}.table-popup{position:absolute;top:36px;left:0;background:#fff;border:1px solid #e3e6ee;border-radius:6px;box-shadow:0 4px 16px #00000014;padding:12px 16px 8px 12px;z-index:200;min-width:180px}.table-grid{display:grid;grid-template-columns:repeat(8,20px);grid-template-rows:repeat(8,20px);gap:2px}.table-cell{width:20px;height:20px;background:#f4f6fb;border:1px solid #e3e6ee;border-radius:2px;cursor:pointer;transition:background .15s}.table-cell.selected{background:#4f8cff}.table-size-label{margin-top:8px;text-align:right;font-size:14px;color:#333}.table-toolbar{position:absolute;background:#fff;border:1px solid #e3e6ee;border-radius:6px;box-shadow:0 4px 16px #00000014;padding:6px 8px;z-index:300;display:flex;gap:6px;top:0;left:0}.table-toolbar button{background:#f4f6fb;border:1px solid #d1d5db;border-radius:4px;padding:4px 7px;font-size:15px;cursor:pointer;transition:background .2s,box-shadow .2s;outline:none}.table-toolbar button:hover,.table-toolbar button:focus{background:#e0e7ef}.selected-table{outline:2.5px solid #4f8cff!important;outline-offset:2px}.table-resize-handle{position:absolute;width:14px;height:14px;background:#4f8cff;border-radius:3px;z-index:400;cursor:nwse-resize;border:2px solid #fff;box-sizing:border-box;transition:box-shadow .2s}.table-resize-handle:hover{box-shadow:0 0 0 2px #4f8cff55}.table-resize-handle.br{cursor:nwse-resize}.table-resize-handle.bl,.table-resize-handle.tr{cursor:nesw-resize}.table-resize-handle.tl{cursor:nwse-resize}.block-format-select{min-width:140px;padding:5px 8px;border-radius:4px;border:1px solid #d1d5db;margin-right:8px;font-size:15px;background:#f4f6fb;cursor:pointer;outline:none}.block-format-select option[value=H1]{font-size:2em;font-weight:700}.block-format-select option[value=H2]{font-size:1.5em;font-weight:700}.block-format-select option[value=H3]{font-size:1.2em;font-weight:700}.block-format-select option[value=H4]{font-size:1.1em;font-weight:700}.block-format-select option[value=H5]{font-size:1em;font-weight:700}.block-format-select option[value=H6]{font-size:.95em;font-weight:700}.block-format-select option[value=PRE]{font-family:monospace}.editor-toolbar button.active,.toolbar button.active{background:#007bff!important;color:#fff!important;border-color:#007bff!important;box-shadow:0 0 0 2px #0056b3}#breadcrumb,#wordcount{color:#888;font-size:13px}