:root{--background:#f7f6fa;--foreground:#22223b;--accent:#7c3aed;--accent-hover:#5b21b6;--border:#e0e0e6;--card-bg:#fff;--card-shadow:0 4px 24px 0 rgba(60,60,120,0.07);--toolbar-bg:#ede9fe;--toolbar-border:#d1d5db;--toolbar-btn-bg:#ede9fe;--toolbar-btn-hover:#d1d5db;--toolbar-btn-active:#fff}@media (prefers-color-scheme:dark){:root{--background:#232347;--foreground:#f4f4f4;--accent:#a78bfa;--accent-hover:#7c3aed;--border:#39396a;--card-bg:#2d2d5a;--card-shadow:0 4px 24px 0 rgba(30,30,60,0.18);--toolbar-bg:#312e81;--toolbar-border:#39396a;--toolbar-btn-bg:#312e81;--toolbar-btn-hover:#7c3aed;--toolbar-btn-active:#fff}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Segoe UI,Plus Jakarta Sans,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:var(--accent);text-decoration:none;transition:color .2s}a:focus,a:hover{color:var(--accent-hover);text-decoration:underline}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.editor-wrap{border:1.5px solid var(--border);border-radius:18px;background:var(--card-bg);color:var(--foreground);box-shadow:var(--card-shadow);max-width:800px;min-height:400px;margin:0 auto 32px;transition:background .3s,color .3s}.toolbar{display:flex;gap:10px;padding:12px 18px;border-bottom:1.5px solid var(--toolbar-border);align-items:center;flex-wrap:wrap;background:var(--toolbar-bg);border-radius:18px 18px 0 0}.toolbar .spacer{flex:1 1}.toolbar button,.toolbar label.upload{background:var(--toolbar-btn-bg);color:var(--foreground);border:1.5px solid var(--toolbar-border);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:1rem;font-family:inherit;font-weight:500;transition:background .2s,color .2s,border .2s,box-shadow .2s;box-shadow:0 1px 2px 0 rgba(60,60,120,.04);outline:none}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar button:hover,.toolbar label.upload:hover{background:var(--toolbar-btn-hover);color:var(--accent);border-color:var(--accent)}.toolbar button:active,.toolbar label.upload:active{background:var(--toolbar-btn-active);color:var(--accent-hover);border-color:var(--accent-hover)}.toolbar label.upload{margin-left:8px}.editor{position:relative;padding:20px 24px 32px;min-height:320px;background:transparent!important;box-shadow:none!important;border:none!important;outline:none!important;caret-color:var(--accent);border-radius:0 0 18px 18px}.editor,.editor *{color:var(--foreground)!important;font-size:1.15rem;line-height:1.7}.editor,.editor *{font-family:inherit}.editor :active,.editor :focus,.editor:active,.editor:focus{outline:none!important;box-shadow:none!important;background:transparent!important}.ghost-suggestion{position:absolute;bottom:12px;left:24px;right:24px;opacity:.5;font-style:italic;pointer-events:none;color:var(--accent);font-size:1rem}@media (max-width:700px){.editor-wrap{border-radius:10px;max-width:98vw;min-width:0}.toolbar{border-radius:10px 10px 0 0;padding:8px 6px;gap:6px}.editor{padding:12px 6px 18px;border-radius:0 0 10px 10px;font-size:1rem}}