*,*:before,*:after{box-sizing:border-box}body{font-family:Roboto,Arial,sans-serif;background:#f6f8fc;color:#202124;line-height:1.5;min-height:100vh;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0}#root{min-height:100vh;display:flex;justify-content:center;padding:2rem 1rem}.app{width:100%;max-width:860px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.header h1{font-size:1.4rem;font-weight:600;color:#202124}.header-actions{display:flex;align-items:center;gap:.75rem}.copy-btn{padding:6px 14px;font-size:13px;font-weight:500;font-family:inherit;background:#fff;color:#5f6368;border:1px solid #dadce0;border-radius:6px;cursor:pointer;transition:all .15s}.copy-btn:hover{background:#1a73e8;color:#fff;border-color:#1a73e8}.mode-toggle{display:flex;background:#fff;border:1px solid #dadce0;border-radius:6px;overflow:hidden}.toggle-btn{padding:6px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:transparent;color:#5f6368;border:none;cursor:pointer;font-family:inherit;transition:all .15s}.toggle-btn.active{background:#1a73e8;color:#fff}.toggle-btn:not(.active):hover{background:#f1f3f4;color:#202124}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 10px;background:#fff;border:1px solid #dadce0;border-radius:8px 8px 0 0;border-bottom:none}.fmt-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:none;border-radius:4px;color:#444;cursor:pointer;transition:all .12s}.fmt-btn:hover{background:#f1f3f4}.fmt-btn.active{background:#e8f0fe;color:#1a73e8}.fmt-select{height:28px;padding:0 4px;font-size:12px;font-family:inherit;color:#444;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;outline:none;max-width:110px;transition:border-color .15s}.fmt-select:hover{border-color:#dadce0}.fmt-select:focus{border-color:#1a73e8}.fmt-select-size{max-width:80px}.fmt-sep{width:1px;height:20px;background:#dadce0;margin:0 4px;flex-shrink:0}.fmt-color{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:4px;cursor:pointer;position:relative;color:#444;transition:background .12s}.fmt-color:hover{background:#f1f3f4}.highlight-icon{display:flex;align-items:center;background:#fff59d;border-radius:2px;padding:1px}.color-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0}.editor-wrapper{border-radius:8px;overflow:hidden}.editor-content{background:#fff;border:1px solid #dadce0;border-radius:0 0 8px 8px;min-height:460px}.editor-content .tiptap{padding:16px 20px;min-height:460px;outline:none;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;color:#202124}.editor-content .tiptap:focus{outline:none}.editor-content .tiptap h1{font-size:2rem;font-weight:700;margin:.8rem 0 .4rem}.editor-content .tiptap h2{font-size:1.5rem;font-weight:600;margin:.6rem 0 .3rem}.editor-content .tiptap h3{font-size:1.17rem;font-weight:600;margin:.5rem 0 .25rem}.editor-content .tiptap p{margin:0 0 .5rem}.editor-content .tiptap ul{list-style:disc;padding-left:1.5rem;margin:.25rem 0}.editor-content .tiptap ol{list-style:decimal;padding-left:1.5rem;margin:.25rem 0}.editor-content .tiptap li{margin:.1rem 0;display:list-item}.editor-content .tiptap li p{margin:0}.editor-content .tiptap blockquote{border-left:3px solid #dadce0;padding-left:12px;margin:.5rem 0;color:#5f6368}.editor-content .tiptap pre{background:#f8f9fa;border:1px solid #e8eaed;border-radius:4px;padding:12px;margin:.5rem 0;overflow-x:auto;font-family:Courier New,monospace;font-size:13px}.editor-content .tiptap code{font-family:Courier New,monospace;font-size:.9em;background:#f1f3f4;padding:1px 4px;border-radius:3px}.editor-content .tiptap img{max-width:100%;height:auto;margin:.5rem 0;border-radius:4px}.editor-content .tiptap a{color:#1a73e8;text-decoration:underline}.editor-content .tiptap table{border-collapse:collapse;width:100%;margin:.5rem 0}.editor-content .tiptap table td,.editor-content .tiptap table th{border:1px solid #dadce0;padding:6px 10px;min-width:60px;vertical-align:top;position:relative}.editor-content .tiptap table th{background:#f8f9fa;font-weight:600}.editor-content .tiptap table .selectedCell{background:#e8f0fe}.editor-content .tiptap .tableWrapper{overflow-x:auto;margin:.5rem 0}.editor-content .tiptap .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background-color:#1a73e8;pointer-events:none}.editor-content .tiptap.resize-cursor{cursor:col-resize}.editor-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:silver;pointer-events:none;height:0}.html-editor{width:100%;min-height:500px;padding:16px 20px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;color:#202124;background:#fff;border:1px solid #dadce0;border-radius:8px;resize:vertical;outline:none;tab-size:2}.html-editor:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e826}