*{margin:0;padding:0;box-sizing:border-box}body{background:#f5f7fb;font-family:Inter,sans-serif;color:#111827}.app-layout{padding:10px}.page-title{font-size:42px;font-weight:800;margin-bottom:30px}.cms-layout{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start}.sidebar-card{background:#fff;border-radius:20px;padding:24px;border:1px solid #e5e7eb;box-shadow:0 2px 6px #0000000a,0 12px 32px #0000000a}.sidebar-card h2{font-size:30px;margin-bottom:24px}.field{margin-bottom:20px}.field label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}.field input,.field textarea{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:14px 16px;font-size:15px}.field textarea{min-height:100px}.url-preview{margin-top:20px;background:#f3f4f6;border-radius:12px;padding:14px;font-size:14px}.publish-btn{width:100%;margin-top:20px;border:none;border-radius:14px;background:#111827;color:#fff;padding:16px;font-size:15px;cursor:pointer}.editor-shell{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 2px 6px #0000000a,0 12px 32px #0000000a}.toolbar button{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.toolbar button:hover,.toolbar button.is-active{background:#111827;color:#fff}.editor-content{background:#f9fafb;padding:50px}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none;float:left;height:0}.ProseMirror h1{font-size:52px;margin:48px 0 24px}.ProseMirror h2{font-size:38px;margin:40px 0 20px}.ProseMirror h3{font-size:30px;margin:32px 0 18px}.ProseMirror ul,.ProseMirror ol{padding-left:24px;margin:20px 0}.ProseMirror li{margin:8px 0}.ProseMirror blockquote{border-left:4px solid #111827;padding-left:20px;margin:24px 0;color:#4b5563}.ProseMirror code{background:#f3f4f6;padding:3px 8px;border-radius:6px}.ProseMirror pre{background:#111827;padding:20px;border-radius:14px;overflow-x:auto}.ProseMirror table{width:100%;border-collapse:collapse;margin:30px 0}.ProseMirror th,.ProseMirror td{border:1px solid #d1d5db;padding:14px}.ProseMirror th{background:#111827;color:#fff}.ProseMirror img{max-width:100%;border-radius:16px;margin:24px 0}@media (max-width: 1100px){.cms-layout{grid-template-columns:1fr}.editor-content{padding:20px}.toolbar{overflow-x:auto;flex-wrap:nowrap}}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden;background:#f3f5f9;font-family:Inter,sans-serif}*{box-sizing:border-box}.cms-layout{display:flex;height:100vh;overflow:hidden}.editor-container{flex:1;height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:24px 40px;background:#f3f5f9}.toolbar-wrapper{display:flex;justify-content:center;margin-bottom:24px;flex-shrink:0}.toolbar{position:sticky;top:0;z-index:100;display:flex;gap:10px;flex-wrap:wrap;padding:14px 20px;background:#1434c3;border-radius:18px}.editor-scroll-area{flex:1;overflow-y:auto;padding-right:10px}.ProseMirror{font-size:19px;max-width:1000px;margin:0 auto;background:#fff;min-height:650px;padding:40px;border-radius:18px;box-shadow:0 2px 20px #0000000f;outline:none}.sidebar{width:340px;min-width:340px;height:100vh;overflow-y:auto;padding:24px;background:#f3f5f9;border-right:1px solid #e5e7eb}.sidebar{position:sticky;top:0;box-sizing:border-box}