@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;700;800&display=swap";:root{--brand-red: #D32F2F;--brand-red-hover: #B71C1C;--bg-color: #F0F2F5;--card-bg: #FFFFFF;--text-main: #1A1A1A;--text-muted: #65676B;--border-color: #E4E6EB;--focus-glow: rgba(211, 47, 47, .15)}body{margin:0;padding:0;background-color:var(--bg-color);font-family:Inter,sans-serif;color:var(--text-main);-webkit-font-smoothing:antialiased}.top-nav{background-color:var(--brand-red);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-logo{color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.5px}.logo-dot{color:#ffcdd2}.nav-user{color:#ffffffe6;font-size:.9rem;font-weight:500;background:#0000001a;padding:6px 12px;border-radius:20px}.page-wrapper{min-height:100vh}.editor-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;max-width:1200px;margin:2rem auto;padding:0 1.5rem}.editor-main{min-width:0}.canvas-card{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:3rem 4rem;min-height:80vh;transition:box-shadow .3s ease}.input-title-headline{width:100%;border:none;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:500;color:var(--text-main);margin-bottom:.5rem;outline:none;line-height:1.2}.input-title-headline::placeholder{color:#cfd0d4}.author-byline{display:flex;align-items:center;gap:8px;margin-bottom:2rem;font-family:Inter,sans-serif;font-size:.95rem;color:var(--text-muted);border-bottom:1px solid #f0f0f0;padding-bottom:1.5rem}.byline-label{font-weight:400;color:#999}.byline-name{font-weight:600;color:#ec6363;letter-spacing:.2px}.input-content-body{width:100%;border:none;resize:none;min-height:60vh;font-family:Inter,sans-serif;font-size:1.15rem;line-height:1.8;color:#333;outline:none}.input-content-body::placeholder{color:#cfd0d4}.editor-sidebar{position:relative}.sidebar-card{background:var(--card-bg);padding:1.5rem;border-radius:12px;box-shadow:0 1px 2px #0000000d;position:sticky;top:80px}.sidebar-card h3{margin-top:0;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.1rem;color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:.8rem}.sidebar-group{margin-bottom:1.5rem}.sidebar-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.sidebar-group small{color:#999;text-transform:none;font-weight:400;font-size:.75rem;margin-left:4px}.sidebar-input,.sidebar-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-family:Inter,sans-serif;font-size:.95rem;color:var(--text-main);background:#fafafa;box-sizing:border-box;transition:all .2s}.locked-input{background-color:#f3f4f6;color:#777;cursor:default;border-color:transparent}.locked-input:focus{outline:none;box-shadow:none;border-color:transparent;background-color:#f3f4f6}.sidebar-textarea:focus{background:#fff;border-color:var(--brand-red);box-shadow:0 0 0 3px var(--focus-glow);outline:none}.sidebar-textarea{resize:vertical;line-height:1.5;font-size:.9rem}.action-area{margin-top:2rem;padding-top:1rem;border-top:1px dashed var(--border-color)}.publish-btn{width:100%;background-color:var(--brand-red);color:#fff;border:none;padding:12px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .1s,background-color .2s;font-family:Outfit,sans-serif}.publish-btn:hover{background-color:var(--brand-red-hover)}.publish-btn:active{transform:scale(.98)}.publish-btn:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}.success-toast{margin-top:10px;text-align:center;font-size:.85rem;color:#2e7d32;background:#e8f5e9;padding:8px;border-radius:4px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.editor-layout{grid-template-columns:1fr;gap:1.5rem}.canvas-card{padding:2rem;min-height:50vh}.sidebar-card{position:static}}