@import "https://fonts.googleapis.css2?family=Inter:wght@400;500;600;700&display=swap";
.layout{flex-direction:column;min-height:100vh;display:flex}.navbar{border-bottom:1px solid var(--border-color);background-color:var(--bg-color);z-index:50;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.nav-left,.nav-right,.nav-center{align-items:center;gap:16px;display:flex}.nav-center{flex:1;justify-content:center}.logo{letter-spacing:-.5px;font-size:18px;font-weight:700}.progress-indicator{color:var(--text-secondary);font-size:14px;font-weight:500}.save-status{color:var(--text-secondary);font-size:13px}.main-content{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:48px 32px;display:flex}.step-container{flex-direction:column;gap:32px;width:100%;animation:.3s ease-out forwards slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.title-input{letter-spacing:-1px;width:100%;color:var(--text-primary);text-align:center;background:0 0;border:none;outline:none;margin-bottom:8px;padding:0;font-size:42px;font-weight:700}.title-input::placeholder{color:#333}.form-centered{flex-direction:column;gap:24px;width:100%;max-width:600px;margin:0 auto;display:flex}.split-layout{grid-template-columns:1fr 1fr;gap:32px;width:100%;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.cover-uploader{border:1px dashed var(--border-color);cursor:pointer;background-color:#ffffff05;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;min-height:250px;padding:48px 24px;transition:all .2s;display:flex}.cover-uploader:hover{border-color:var(--border-focus);background-color:#ffffff0a}.upload-hint{color:var(--text-secondary);font-size:13px}.card-title{letter-spacing:-.5px;margin-bottom:20px;font-size:16px;font-weight:600}.card .input-group{margin-bottom:16px}.card .input-group:last-child{margin-bottom:0}.toggle-group{margin-bottom:16px}.toggle-group:last-child{margin-bottom:0}.toggle-label{color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;display:flex}.toggle-checkbox{appearance:none;background-color:var(--border-color);cursor:pointer;border-radius:20px;outline:none;width:36px;height:20px;transition:background-color .2s;position:relative}.toggle-checkbox:after{content:"";background-color:var(--text-secondary);border-radius:50%;width:16px;height:16px;transition:transform .2s,background-color .2s;position:absolute;top:2px;left:2px}.toggle-checkbox:checked{background-color:#fff3}.toggle-checkbox:checked:after{background-color:var(--text-primary);transform:translate(16px)}.step-navigation{justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:48px;display:flex}.full-width-editor{width:100%;max-width:900px}
:root{--bg-color:#000;--card-bg:#0a0a0a;--text-primary:#fff;--text-secondary:#a1a1aa;--border-color:#ffffff1a;--border-focus:#ffffff4d;--accent-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}input,textarea,select,button{color:inherit;background:0 0;border:none;font-family:inherit}option{background-color:var(--bg-color);color:var(--text-primary)}input:focus,textarea:focus,select:focus,button:focus{outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-focus);transform:translateY(-2px);box-shadow:0 8px 24px #ffffff0a}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background-color:#0000;border-radius:8px;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-field::placeholder{color:var(--text-secondary)}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #ffffff0d}.label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:var(--bg-color)}.btn-primary:hover{background-color:#e4e4e7}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{border-color:var(--border-focus);background-color:#ffffff0d}.btn-danger{color:var(--text-secondary);background-color:#0000;border:1px solid #0000}.btn-danger:hover{color:#f44!important;background-color:#ff32321a!important;border-color:#ff32324d!important}.ProseMirror{outline:none;min-height:400px;font-size:16px;line-height:1.7}.ProseMirror p{margin-bottom:1em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{margin-top:1.5em;margin-bottom:.5em;font-weight:600}mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-color:#ffd70066;border-radius:2px;padding:.1em .2em}.ProseMirror pre{border:1px solid var(--border-color);background-color:#111;border-radius:8px;padding:16px;font-family:monospace;overflow-x:auto}.ProseMirror blockquote{border-left:3px solid var(--border-focus);color:var(--text-secondary);margin-left:0;padding-left:16px}.ProseMirror p.is-editor-empty:first-child:before{color:var(--text-secondary);content:attr(data-placeholder);float:left;pointer-events:none;height:0}