/* Read-only styles derived from zeetude-editor-de-texto; see PREVIEWS.md. */
:root{ --bg-primary: #1a1a1a; --bg-secondary: #2a2a2a; --bg-tertiary: #3a3a3a; --text-primary: #e0e0e0; --text-secondary: #b0b0b0; --accent-primary: #3b82f6; --accent-secondary: #2563eb; --border-color: #4a4a4a; --font-main: 'Inter', sans-serif; --crt-overlay: none; --text-glow: none; }body{ font-family: var(--font-main); background-color: var(--bg-primary); color: var(--text-primary); transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), color 0.5s; }::-webkit-scrollbar{ width: 8px; }::-webkit-scrollbar-track{ background: var(--bg-secondary); }::-webkit-scrollbar-thumb{ background: var(--bg-tertiary); border-radius: 4px; }::-webkit-scrollbar-thumb:hover{ background: var(--accent-primary); }#editor{ caret-color: var(--accent-primary); color: var(--text-primary); }#editor:focus{ outline: none; }#editor-container{ background-color: var(--bg-secondary); transition: width 0.3s ease; }#toc-sidebar{ transition: transform 0.3s ease; }
html,body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,Arial,sans-serif}.preview-lesson-menu{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:14px 18px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);font-size:12px;z-index:3}.preview-lesson-menu small{font-size:10px;margin-left:auto;color:var(--text-secondary)}.preview-lesson-menu small+small{margin-left:0}#main-wrapper{padding:75px 30px 20px;display:flex;justify-content:center}#editor-layout{width:100%;max-width:850px}.preview-lesson-title{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:13px}.preview-lesson-title>span:first-child{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);padding:13px;border-radius:6px}.preview-lesson-title button{background:var(--accent-primary);color:#fff;border:0;border-radius:6px;padding:12px 15px;font-size:12px}#editor-container{border-radius:8px;box-shadow:0 20px 40px #0003;padding:4px;background:var(--bg-secondary)}#editor{background:var(--bg-secondary);padding:50px 45px;min-height:540px;line-height:1.7;font-family:Arial,sans-serif;font-size:16px}#editor h1{font-size:27px;line-height:1.3;margin:0 0 20px}#editor h2{font-size:19px;margin:26px 0 10px}#editor p{margin:0 0 15px;color:#ccc}#floating-toolbar{position:fixed;top:150px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:17px;align-items:center;padding:10px 14px;white-space:nowrap;border-radius:12px;background:#333333e8;border:1px solid #555;box-shadow:0 12px 30px #0004;font-size:13px}#floating-toolbar span,#floating-toolbar b,#floating-toolbar i,#floating-toolbar u{display:block}.preview-select{background:#444;padding:8px 12px;border-radius:5px;font-size:12px}.preview-color{width:23px;height:23px;border:3px solid #555;background:white}.preview-lesson-caret{display:block;width:1px;height:20px;background:#ddd}#toc-sidebar{position:fixed;top:60px;left:0;bottom:0;width:180px;padding:22px 16px;background:var(--bg-secondary);border-right:1px solid var(--border-color);font-size:11px}#toc-sidebar h3{font-size:12px;margin-bottom:28px}#toc-sidebar p,#toc-sidebar>span{display:block;margin:15px 0;color:#aaa;line-height:1.6}#main-wrapper.with-outline{margin-left:180px;padding-left:20px;padding-right:20px}.with-outline #editor{padding:50px 26px;font-size:14px}.with-outline #editor h1{font-size:24px}.preview-stats{border-top:1px solid #444;margin-top:35px;padding-top:20px;display:grid;gap:17px}.preview-stats>span{display:flex;justify-content:space-between;color:#aaa}@media(max-width:600px){.preview-lesson-menu{top:auto;bottom:0;gap:18px;padding:18px 12px;font-size:11px}.preview-lesson-menu small{display:none}#main-wrapper{padding:90px 12px 20px}.preview-lesson-title{font-size:11px;gap:8px}.preview-lesson-title>span:first-child{padding:11px}#floating-toolbar{top:15px;flex-wrap:wrap;white-space:normal;gap:14px;justify-content:center;width:280px}#editor{padding:35px 22px;font-size:14px}#editor h1{font-size:25px}#editor h2{font-size:19px}#toc-sidebar{width:125px;top:90px;font-size:10px;padding:20px 12px}#main-wrapper.with-outline{margin-left:125px;padding-left:8px;padding-right:8px}.with-outline .preview-lesson-title>span:not(:first-child){display:none}.with-outline #editor{padding:25px 14px;font-size:12px}.with-outline #editor h1{font-size:21px}.with-outline #editor h2{font-size:16px}.with-outline .preview-lesson-title{flex-wrap:wrap}.with-outline .preview-lesson-title>span:first-child{flex-basis:100%}}
html,body{margin:0;min-height:100%;scrollbar-width:none}body{overflow-x:hidden}*{animation:none!important;transition:none!important;box-sizing:border-box}button,input,textarea,select{pointer-events:none}button{cursor:default!important}.view-target{position:absolute;width:0;height:0;overflow:hidden}.preview-detail{display:none}#detail:target~.preview-home{display:none}#detail:target~.preview-detail{display:block}svg{flex-shrink:0}body{font-family:Inter,"Segoe UI",Arial,sans-serif}a{pointer-events:none}

html::-webkit-scrollbar,body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}