html,body{height:100%;margin:0;font-family:system-ui,sans-serif;color:#1d1d20}.editor-wrapper{width:100%;height:96vh;padding:20px;box-sizing:border-box;background:#fff;overflow-y:auto;background:#f5f5f5}nav{background:#f5f5f5;position:fixed;bottom:5px;left:5px;font-size:12px}.active{font-weight:700}.editor{width:100%;height:100%;outline:none;caret-color:#000;min-height:100%;background:transparent}.editor h1{font-size:2em;margin:1rem 0}.editor h2{font-size:1.75em;margin:1rem 0}.editor h3{font-size:1.5em;margin:1rem 0}.editor strong{font-weight:700}.editor em{font-style:italic}.editor code{background:#cfccbe;padding:.2em .4em;border-radius:4px;font-family:monospace}.editor pre{background:#cfccbe;padding:1rem;border-radius:6px;overflow-x:auto}.editor blockquote{border-left:3px solid #ccc;padding-left:1rem;color:#555;margin:1rem 0;font-style:italic}.editor ul,.editor ol{padding-left:1.5rem;margin:1rem 0}.editor li{margin:.25rem 0}.save-btn{position:fixed;bottom:5px;right:70px;background-color:#cfccbe;color:#1d1d20;font-size:12px;border:none;border-radius:15px;padding:.1rem .3rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:background .2s,transform .1s}.settings-btn{position:fixed;bottom:5px;right:5px;background-color:#cfccbe;color:#1d1d20;font-size:12px;border:none;border-radius:15px;padding:.1rem .3rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:background .2s,transform .1s}.timer-btn{background-color:#cfccbe;color:#1d1d20;font-size:12px;border:none;border-radius:15px;padding:.1rem .3rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:background .2s,transform .1s}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#888;float:left;height:0;pointer-events:none}.save-btn:hover,.settings-btn:hover,.btn:hover{background-color:#90846d;transform:scale(1.05)}.editor,.editor:focus,.editor:focus-visible{outline:none;box-shadow:none}.editor .ProseMirror,.editor .ProseMirror-focused{outline:none!important;box-shadow:none!important}.editor .ProseMirror:focus{outline:none}.editor{outline-style:dashed;outline-color:#cfccbeab}canvas{position:fixed;top:30px;left:15px;width:98%;height:92%;display:block;background:transparent;cursor:crosshair;outline-style:dashed;outline-color:#cfccbeab}
