:root{--bg: #0a0a0a;--bg-2: #111111;--bg-3: #1a1a1a;--text: #e8e6e1;--text-muted: #6b6866;--text-dim: #999490;--accent: #a855f7;--accent-2: #e05a2b;--border: #222222;--font-display: "Syne", sans-serif;--font-mono: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:14px;line-height:1.6;min-height:100vh}.accent{color:var(--accent)}.topbar{position:sticky;top:0;z-index:200;background:#0a0a0af2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;gap:1rem}.topbar-left{display:flex;align-items:center;gap:1.5rem}.back-link{color:var(--text-muted);text-decoration:none;font-size:.82rem;transition:color .2s}.back-link:hover{color:var(--accent)}.site-name{font-family:var(--font-display);font-weight:800;font-size:1rem;letter-spacing:-.03em}.topbar-right{display:flex;align-items:center;gap:.75rem}.save-status{font-size:.75rem;color:var(--text-muted)}.save-status.saving{color:var(--text-dim)}.save-status.saved{color:#6bcb77}.save-status.error{color:var(--accent-2)}.btn-primary{background:var(--accent);color:#0a0a0a;font-family:var(--font-mono);font-size:.8rem;font-weight:600;padding:.55rem 1.2rem;border:none;border-radius:2px;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-secondary{background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;padding:.55rem 1.2rem;border:1px solid var(--border);border-radius:2px;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.editor-layout{display:grid;grid-template-columns:1fr 260px;gap:0;min-height:calc(100vh - 52px)}.editor-main{padding:2.5rem 3rem;border-right:1px solid var(--border)}.editor-sidebar{padding:2rem 1.5rem}.featured-image-area{margin-bottom:2rem;border-radius:4px;overflow:hidden}.featured-preview{position:relative}.featured-preview img{width:100%;max-height:340px;object-fit:cover;border-radius:4px;display:block}.remove-featured{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.remove-featured:hover{background:var(--accent-2)}.featured-dropzone{border:2px dashed var(--border);border-radius:4px;cursor:pointer;transition:border-color .2s;display:flex;align-items:center;justify-content:center;min-height:140px}.featured-dropzone:hover,.featured-dropzone.drag-over{border-color:var(--accent)}.dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.82rem;pointer-events:none}.dropzone-icon{font-size:2rem}.dropzone-sub{font-size:.72rem;color:var(--text-muted);opacity:.6}.title-input{width:100%;background:transparent;border:none;border-bottom:2px solid var(--border);color:var(--text);font-family:var(--font-display);font-size:2.2rem;font-weight:800;letter-spacing:-.04em;padding:.5rem 0 .8rem;outline:none;margin-bottom:2rem;transition:border-color .2s}.title-input:focus{border-bottom-color:var(--accent)}.title-input::placeholder{color:var(--border)}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;background:var(--bg-2);border:1px solid var(--border);border-bottom:none;border-radius:4px 4px 0 0;padding:6px 8px}.toolbar button{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem;padding:4px 8px;border-radius:3px;cursor:pointer;transition:all .15s;line-height:1}.toolbar button:hover{background:var(--bg-3);color:var(--text)}.toolbar button.active{background:var(--accent);color:#0a0a0a}.toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.toolbar-group{display:flex;align-items:center;gap:2px}.editor-content{border:1px solid var(--border);border-radius:0 0 4px 4px;min-height:500px;background:var(--bg-2)}.tiptap-inner{padding:1.8rem 2rem;min-height:500px;outline:none;color:var(--text);font-size:.95rem;line-height:1.8}.tiptap-inner p{margin-bottom:1rem}.tiptap-inner p.spacer{height:2rem;margin:0}.tiptap-inner h1{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.04em;margin:2.5rem 0 1rem;color:var(--text)}.tiptap-inner h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.03em;margin:2rem 0 .8rem;color:var(--text);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.tiptap-inner h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin:1.5rem 0 .6rem;color:var(--text)}.tiptap-inner ul,.tiptap-inner ol{padding-left:1.5rem;margin-bottom:1rem}.tiptap-inner li{margin-bottom:.3rem}.tiptap-inner blockquote{border-left:3px solid var(--accent);padding:.8rem 1.2rem;margin:1.5rem 0;background:var(--bg-3);color:var(--text-dim);font-style:italic}.tiptap-inner pre{background:#141414;border:1px solid var(--border);border-radius:4px;padding:1.2rem 1.4rem;overflow-x:auto;margin:1.5rem 0;font-size:.82rem}.tiptap-inner code:not(pre code){background:var(--bg-3);color:var(--accent-2);padding:.15em .4em;border-radius:3px;font-size:.88em}.tiptap-inner hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.tiptap-inner img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0;display:block}.tiptap-inner a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.tiptap-inner table{border-collapse:collapse;width:100%;margin:1.5rem 0}.tiptap-inner td,.tiptap-inner th{border:1px solid var(--border);padding:.75rem 1rem;vertical-align:top}.tiptap-inner .selectedCell{background:var(--bg-3)}.tiptap-inner p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.editor-sidebar{background:var(--bg)}.sidebar-block{margin-bottom:1.8rem}.sidebar-block label{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.sidebar-block input[type=text],.sidebar-block input[type=date],.sidebar-block textarea{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.82rem;padding:.6rem .8rem;border-radius:2px;outline:none;transition:border-color .2s;resize:vertical}.sidebar-block input:focus,.sidebar-block textarea:focus{border-color:var(--accent)}.field-hint{font-size:.68rem;color:var(--text-muted);margin-top:.3rem;display:block}.sidebar-sep{height:1px;background:var(--border);margin:2rem 0}.sidebar-group-title{font-weight:700!important;color:var(--accent)!important;margin-bottom:1rem!important}.toggle-row{display:flex;align-items:center;justify-content:space-between}.draft-label{font-size:.82rem;color:var(--text-dim)}.toggle{position:relative;display:inline-block;width:36px;height:20px}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:var(--bg-3);border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:background .2s}.toggle-track:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:var(--text-muted);border-radius:50%;transition:transform .2s}.toggle input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-track:before{transform:translate(16px);background:#0a0a0a}.modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:500}.modal-box{background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:2rem;width:460px;max-width:90vw}.modal-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;margin-bottom:1.2rem}.modal-tabs{display:flex;gap:0;margin-bottom:1.2rem;border-bottom:1px solid var(--border)}.tab-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;padding:.5rem 1rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content input[type=file],.tab-content input[type=text]{width:100%;background:var(--bg-3);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.82rem;padding:.6rem .8rem;border-radius:2px;outline:none}.upload-progress{font-size:.8rem;color:var(--accent);margin-top:.5rem}.modal-alt{margin-top:1.2rem}.modal-alt label{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.modal-alt input{width:100%;background:var(--bg-3);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.82rem;padding:.6rem .8rem;border-radius:2px;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.btn-neo{color:var(--accent)!important;border:1px solid rgba(240,192,64,.3)!important;border-radius:3px}.btn-neo:hover{background:#f0c0401a!important;border-color:var(--accent)!important}.neo-modal-box{max-width:520px}.neo-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.neo-modal-sub{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.neo-context-label,.neo-comment-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.neo-context-preview{background:var(--bg-3);border:1px solid var(--border);border-radius:2px;padding:.75rem 1rem;font-size:.78rem;color:var(--text-dim);line-height:1.6;max-height:80px;overflow-y:auto;margin-bottom:1.2rem;font-style:italic}.neo-regen-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;padding:.2rem .6rem;border-radius:2px;cursor:pointer;transition:all .2s}.neo-regen-btn:hover{border-color:var(--accent);color:var(--accent)}.neo-comment-textarea{width:100%;background:var(--bg-3);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.85rem;padding:.8rem 1rem;border-radius:2px;outline:none;resize:vertical;line-height:1.6}.neo-comment-textarea:focus{border-color:var(--accent)}.neo-loading{font-size:.82rem;color:var(--accent);padding:.5rem 0}.neo-loading-dots:after{content:"...";animation:neo-dots 1.2s steps(4,end) infinite}@keyframes neo-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}
