.app-container{display:flex;height:100vh;width:100vw;font-family:system-ui,-apple-system,sans-serif;color:#333}.sidebar{width:250px;background-color:#f4f4f5;border-right:1px solid #e4e4e7;padding:1rem;overflow-y:auto}.sidebar h2{margin-top:0;font-size:1.25rem;color:#18181b}.sidebar button{width:100%;padding:.5rem;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-bottom:1rem}.sidebar button:hover{background-color:#27272a}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{padding:.5rem;margin-bottom:.25rem;cursor:pointer;border-radius:4px}.sidebar li:hover{background-color:#e4e4e7}.sidebar li.active{background-color:#d4d4d8;font-weight:500}.main-content{flex:1;padding:2rem;overflow-y:auto;background-color:#fff}.editor,.viewer{max-width:800px;margin:0 auto}.title-input{width:100%;font-size:2rem;font-weight:700;border:none;border-bottom:1px solid #e4e4e7;margin-bottom:1rem;padding:.5rem 0;outline:none}.content-input{width:100%;height:60vh;padding:1rem;border:1px solid #e4e4e7;border-radius:4px;font-family:monospace;font-size:1rem;margin-top:1rem;margin-bottom:1rem;resize:vertical}.meta{color:#71717a;font-size:.875rem;margin-bottom:1rem}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#a1a1aa;font-size:1.125rem}button{padding:.5rem 1rem;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:.5rem}button:hover{background-color:#27272a}