.rte-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 4px #0000001a;background:#fff;max-width:100%;overflow:hidden}.rte-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid #e1e5e9;background:linear-gradient(135deg,#f8f9fa,#f1f3f4)}.toolbar-group{display:flex;gap:2px;padding:2px;border-radius:6px;background:#ffffff80}.format-select{padding:6px 8px;border:1px solid #d0d7de;border-radius:6px;background:#fff;font-size:14px;cursor:pointer;min-width:100px}.color-button{position:relative;display:inline-block}.hidden-color-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.color-display-btn{width:36px;height:36px;border:1px solid #d0d7de;border-radius:6px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;transition:all .2s ease}.color-display-btn:hover{background:#f6f8fa;border-color:#8c959f;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.text-color-icon{font-size:14px;font-weight:700;color:#333;margin-bottom:2px}.highlight-color-icon{font-size:14px;font-weight:700;color:#333;background:#ffeb3b;padding:1px 3px;border-radius:2px;margin-bottom:2px}.color-bar{width:20px;height:3px;border-radius:1px}.text-color-bar{background:#333}.highlight-color-bar{background:#ffeb3b}.rte-toolbar button{padding:4px 8px;cursor:pointer;border:1px solid #d0d7de;background:#fff;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.icon-list{font-size:8px;line-height:1;text-align:left}.icon-align-left,.icon-align-center,.icon-align-right,.icon-indent,.icon-outdent{font-size:6px;line-height:1;font-family:monospace}.icon-indent-new,.icon-outdent-new{display:flex;align-items:center;gap:2px;font-size:8px}.indent-lines,.outdent-lines{display:flex;flex-direction:column;gap:1px}.line{font-family:monospace;font-size:6px;line-height:1}.line.normal{margin-left:0}.line.indented{margin-left:4px}.indent-arrow,.outdent-arrow{font-size:14px;color:#333;font-weight:700;margin-left:2px}.icon-script{font-size:12px;font-family:serif}.icon-link,.icon-unlink,.link-icon,.unlink-icon{font-size:16px}.unlink-icon-overlay{position:relative;display:inline-block}.link-base{font-size:16px}.cross-overlay{position:absolute;top:70%;left:80%;transform:translate(-50%,-50%);font-size:14px}.icon-image{font-size:14px}.icon-image-new{display:flex;align-items:center;justify-content:center}.image-frame{width:20px;height:16px;border:1px solid #666;border-radius:2px;position:relative;background:#f0f8ff}.image-content{position:relative;width:100%;height:100%}.mountain{position:absolute;bottom:2px;left:6px;font-size:8px;color:#666}.sun{position:absolute;top:2px;right:3px;font-size:6px;color:gold}.icon-table{font-size:6px;line-height:1;font-family:monospace}.icon-undo,.icon-redo{font-size:16px}.icon-clear{font-size:10px;font-weight:700;text-decoration:line-through}.icon-clear-simple{font-size:16px}.rte-toolbar button:hover{background:#f6f8fa;border-color:#8c959f;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.rte-toolbar button:active{transform:translateY(0);box-shadow:inset 0 1px 2px #0000001a}.rte-toolbar button.active{background:#e3f2fd;border-color:#1976d2;color:#1976d2;box-shadow:inset 0 1px 3px #1976d233}.rte-toolbar button.active:hover{background:#bbdefb;border-color:#1565c0}.fullscreen-icon{font-size:16px}.word-count{display:flex;align-items:center;padding:6px 10px;font-size:11px;color:#666;background:transparent;border-radius:4px;min-width:55px;justify-content:center;font-family:monospace;font-weight:500}.rte-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#fff;border-radius:0;box-shadow:none}.rte-container.fullscreen .rte-editor{min-height:calc(100vh - 80px);font-size:18px;line-height:1.8;max-width:800px;margin:0 auto;padding:20px}.rte-container.fullscreen .rte-toolbar{padding:16px;border-bottom:2px solid #e1e5e9;background:#fff;box-shadow:0 2px 4px #0000001a}.rte-editor{min-height:200px;padding:16px;outline:none;font-size:16px;line-height:1.6;color:#24292f}.rte-editor:focus{box-shadow:inset 0 0 0 2px #0969da}@media (max-width: 768px){.rte-toolbar{padding:8px;gap:4px}.toolbar-group{gap:1px}.rte-toolbar button{padding:4px 6px;min-width:32px;height:32px;font-size:12px}.icon-list{font-size:6px}.icon-align-left,.icon-align-center,.icon-align-right,.icon-indent,.icon-outdent,.icon-table{font-size:5px}.icon-indent-new,.icon-outdent-new{font-size:6px}.line{font-size:5px}.indent-arrow,.outdent-arrow{font-size:12px}.link-icon,.unlink-icon,.link-base{font-size:14px}.cross-overlay{font-size:12px}.image-frame{width:16px;height:12px}.mountain{font-size:6px;left:4px}.sun{font-size:4px;right:2px}.icon-clear-simple,.fullscreen-icon{font-size:14px}.word-count{font-size:9px;min-width:45px;padding:4px 6px}.rte-container.fullscreen .rte-editor{font-size:16px;padding:16px}.format-select{min-width:80px;font-size:12px}.color-display-btn{width:32px;height:32px;padding:2px}.text-color-icon,.highlight-color-icon{font-size:12px}.color-bar{width:16px;height:2px}.rte-editor{padding:12px;font-size:16px}}@media (max-width: 480px){.rte-container{border-radius:4px}.rte-toolbar button{min-width:28px;height:28px;padding:4px 6px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}.app{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;color:#333;margin-bottom:30px}.demo-container{display:grid;gap:20px;align-items:start}.output{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:16px}.output h3{margin-top:0;color:#333}.output pre{background:#f6f8fa;padding:12px;border-radius:4px;overflow-x:auto;font-size:14px;white-space:pre-wrap}@media (max-width: 768px){.demo-container{grid-template-columns:1fr}}